Hexo/hexo-theme-Chic 問題まとめ

Hexo/hexo-theme-Chic 問題まとめ

1.中国語を設定する

1. 最初Chic/languageにzh-CN.yml があるかどうかを確認します

2. サイト構成ファイルを開きます: サイトルート ディレクトリ/_config.yml

   

   上記のように、言語を zh-CN に変更します。

2.漢字化けの問題を解決

1. UTF-8エンコーディングで保存_config.ymlされます
2. ブログの中国語も文字化けする場合は、.md ファイルをUTF-8エンコーディングで保存してください
3. その後、再起動します:
   次を実行します:hexo clean && hexo g && hexo s

3. ブログに挿入された写真が表示されない

1. 最初にプラグインをインストールする

   npm install https://github.com/CodeFalling/hexo-asset-image --save
   

2. _config.yml を変更し、post_asset_folder: を true に変更します

   post_asset_folder: true
   

3. その後、再起動します:
   次を実行します:

   hexo clean && hexo g && hexo s
   

4. 画像のパスを !【写真形式は任意】

   例：

   変更前

   

   変更後

5. 最後に実行します：

   hexo clean && hexo g && hexo s
   

4. ホームページにリンク アイコンを追加する

1. Aliアイコン ライブラリの圧縮パッケージをダウンロードし、解凍します。手順は次のとおりです。

   1. ショッピングカートをクリック

      

   2. [プロジェクトに追加] をクリックします

      

   3. シンボルを選択し、コードをダウンロード

      

   4. ダウンロードしたファイルの名前を iconfont2 (または他の名前、以下の iconfont2 を使用) に変更し、次の場所に配置します。Chic/source/fonts

   5. 次に、次のように、既存の行と同じように、source/css/style.stylメインの css を導入します (iconfont css には他の外部リソースが既に含まれています)。
      

      // icon
      @import "../fonts/iconfont/iconfont.css"    //原来的
      @import "../fonts/iconfont2/iconfont.css"   //现在的
      

   6. Chic/source/fonts/iconfont2/iconfont.cssアイコンのクラス名を確認します(または、必要なクラス名に変更します)。次に例を示します。

      .icon-bilibili:before {
              
              
        content: "\e504";
      }
      

      クラス名はビリビリ

   7. 最後に、次のように _config.yml に追加します。

      # config.yml文件
      links:
        Blog: /archives
        bilibili: url #新增的图标
      

   8. 埋め込む：

      hexo clean && hexo g && hexo s
      

   上記の手順を実行した後、アイコン用のスペースがあり、リンクをクリックすることはできますが、アイコンが表示されません. これは、この方法で解決しました

   • からiconfont2.woff および .woff2 ファイルをコピーしました。Chic\source\css

四、ブログ投稿

1.ブログ投稿設定項目

構成アイテム	意義
タイトル	ウェブ記事のタイトル
日にち	記事作成
コメント	記事のコメント機能が有効になっているかどうか
タグ	記事タグ
カテゴリー	記事の分類
キーワード	記事のキーワード

上記の構成アイテムの使用:

--------------------------------------
title: ESP32-CAM入门教程
date: 2022-08-08 11:45:53
tags:
- 单片机             //一级分类
- esp32             //二级分类
categories:
- 单片机             //一级分类
- esp32             //二级分类
keywords:
- 单片机             //一级分类
- esp32             //二级分类
---------------------------------------

2. ブログ投稿をアップロードする

ブログ記事を投稿する前に、このように Typora を設定できます文件->偏好设置->图像

1. 最初に入る

   $ cd myBlog
   

   また

   $ hexo new 'name'
   

   name は新しい記事の名前で、記事のパスはmyBlog\source\posts

2. 次に実行

   $ hexo clean 
   $ hexo g 
   $ hexo s
   $ hexo d
   

   注: 公開または変更された記事は、hexo clean

   • s: サーバー
   • g: 生成する
   • d: 展開する

5.タグとカテゴリページを追加

• Hexo の初期化には page がありませんtag。category自分で追加して、次のコマンドを実行する必要があります。

  hexo new page tag
  hexo new page category
  

• タグを例に取ります。

  • 入力source\tag\index.md

  • ---
    title: Tag     //注意大小写
    layout: tag    //新增
    ---
    

• categoryページは同じで、layoutフィールドのキー値はcategory

  注: 大文字と小文字_config.yml

  nav:
    Posts: /archives
    Categories: /category
    Tags: /tag
    About: /about
  

  一貫性のある