hexoに基づいてブログを作成した後でテーマの蝶を変更する

前の記事では、hexo + githubページを使用して個人のブログを作成する方法を紹介しました。次に、この記事では、すばらしいブログを作成するというテーマを詳しく説明するために、私のブログを例に取り上げます。

ここに画像の説明を挿入

今日、最も人気のあるテーマは次です、そして私は昨日妖精のテーマを発見しました:蝶、それはとても美しいです。

このテーマは少し無駄な地図であり、自己検索用の2つのWebサイトを提供します

https://wallroom.io/

https://www.pexels.com/

インストール

ブログのルートディレクトリ

git clone -b master https://github.com/jerryc127/hexo-theme-butterfly.git themes/Butterfly

アプリケーションテーマ

サイト構成ファイル_config.ymlを変更し、テーマをButterflyに変更します

テーマ:蝶

構成

構成ファイルの説明

サイト構成ファイルconfig.ymlはhexo作業ディレクトリ内のメインの構成ファイルです(どこにあるかわからないので、グーグルで検索します)。butterfly.ymlは
Butterflyの構成ファイルです。テーマディレクトリの_config.ymlファイルをhexo作業ディレクトリのsource / data / butterfly.ymlに手動でコピーする必要があります。ファイルまたはフォルダーが存在しない場合は、手動で作成する必要があります。*
言語
サイト構成ファイル_config.ymlを変更します

デフォルトの言語はenです。

テーマは3つの言語をサポートしています

default(en)
zh-CN(簡体字中国語)
zh-TW(繁体字中国語)

ナビゲーションメニューの構成

menu: 首页: / || fa fa-home 归档: /archives/ || fa fa-archive 标签: /tags/ || fa fa-tags 分类: /categories/ || fa fa-folder-open

以下は蝶の公式文書です:

https://jerryc.me/posts/21cfbf15/#%E5%BF%AB%E9%80%9F%E9%96%8B%E5%A7%8B

それから私のブログアドレスがあります。

https://moyang-mu.github.io/

ここに画像の説明を挿入

全体として、今日は授業がありますが、昨日は12時半まで戦いましたが、午後3時からは食事時間を除いて、基本的に虫の修正をしました。

また、昨日、画像の遅延読み込みをデフォルトでオンにしたが、適切に構成しなかったため、画像にはdata-src属性のみがあり、src属性がないため、当然、表示できません。昨日はコード、ブログ、公式ドキュメントを見ていました。

おすすめ

転載: blog.csdn.net/qq_43458555/article/details/107978796