Fexo ドキュメント_html/css_WEB-ITnose

ブログのルート ディレクトリで _config.yml を開き、テーマとして設定します: fexo

アップグレード

$ cd themes/fexo$ git pull

テーマの設定

テーマの設定はすべて、theme/fexo で完了します。以下のすべての設定は、theme/fexo/_config.yml の設定を参照します。

基本情報を設定します

blog_name: Forsignerslogan: Find the bug of the world

アバターを設定します

# relative urlavatar: /images/avatar.jpg# or absolute urlavatar: https://avatars0.githubusercontent.com/u/2668081?v=3&s=460

ファビコンの設定

favicon: /favicon.ico

キーワードの設定

キーワードの主な機能は SEO の最適化です

keywords: forsigner,前端,设计,Hexo主题,前端开发,用户体验,设计,frontend,design,nodejs,JavaScript

ブログ名のフォントをカスタマイズします

中国語のフォント ファイルは大きすぎるため、一部のファイルは 10M もの高速なので、Fexo ではカスタマイズできませんでした中国語フォントを導入した結果、ブログ名が少し醜くなりました。

ただし、フォントを抽出することでフォント ファイルのサイズを小さくし、フォントを数 KB にすることができます。

次の手順で、英語と中国語を含むブログ名のフォントをカスタマイズできます:

1. 無料の ttf 形式フォントをダウンロードします
2. Web を使用します - Fontmin はフォントを抽出し、Web フォントとスタイルをダウンロードします
3. ブログのルート ディレクトリのソース フォルダーに 2 つのサブディレクトリを作成します: fonts と css
4. ダウンロードしたフォントを fonts フォルダーに置き、 CSS ファイルを css フォルダーに追加します
5. theme/fexo/_config.yml を変更します:

 # 这是css文件里的font-familiy的值 ,例如里面是 font-familiy: "myfontName"blog_name_font_familiy: myFontNamefonts_css_path:  - /css/calligraffittiregular.css  - /css/second-font.css

ホームページのコンテンツを設定します

ホームページに記事を直接表示するかどうかを設定できます

init_page_content: HOME_NAV  # HOME_NAV | POST

ホームページナビゲーションを設定します

home_nav:  - name: Blog    url: /archives  - name: Github    url: https://github.com/forsigner    target: _blank  - name: Douban    url: http://www.douban.com/people/forsigner/    target: _blank  - name: Twitter    url: https://twitter.com/forsigner    target: _blank

ページ ナビゲーションを設定します

page_nav:  - 博客: /archives/  - 分类: /category/  - 标签: /tag/  - 友链: /link/  - 关于: /about/  - RSS: /atom.xml

ページ ナビゲーション スタイルを設定します

page_nav_style: CIRCLE  # CIRCLE|ROUND_RECT

パンくずリストを設定

breadcrumb:  isShow: true # true|fase

ボックスを設定

toolbox:  isShow: true # true|fase

記事タイトルの配置を設定

post:  header_align: center # left|center

カテゴリーページを有効にする

1. ブログ内で hexo new を実行ルート ディレクトリ ページ カテゴリ
2. my-blog/source/category/index.md のコンテンツを変更します:

---title: categorylayout: categorycomments: false---

タグを有効にする ページ

1. ブログのルート ディレクトリで hexo 新しいページ タグ
2. を実行して、my-blog/source/tag/index.md のコンテンツを変更します:

---title: taglayout: tagcomments: false---

フレンドリンクページを有効にする

1. ブログのルートディレクトリで hexo 新しいページリンクを実行します
2. 私の編集-blog/source/ link/index.md の内容:

---title: linklayout: linkcomments: false---

ページについての有効化

1. 実行ブログのルート ディレクトリ内の hexo 新しいページ about
2. my-blog/source/about/index.md のコンテンツを変更します:

---title: aboutlayout: aboutcomments: false---

統計を有効にする

google_analytics:baidu_analytics: 57e94d016sfsf1fba3xxxx8a2b0263af0