Hexo/hexo-theme-Chic问题总结

Hexo/hexo-theme-Chic问题总结

一、设置中文

1. 先检查 Chic/language 中有没有 zh-CN.yml

2. 打开站点配置文件：站点根目录/_config.yml

   

   如上图中,将language改为zh-CN

二、解决中文乱码问题

1. 将_config.yml以UTF-8编码保存
2. 如果博客中文也乱码，也将.md文件以UTF-8编码保存
3. 然后重新启动即可：
   执行：hexo clean && hexo g && hexo s

三、博客插入图片不能显示

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
   

四、主页新增Link图标

1. 在阿里图标库中下载压缩包并解压，步骤如下：

   1. 点击购物车

      

   2. 点击Add To Project

      

   3. 选择Symbol，然后Download Code

      

   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";
      }
      

      类名为bilibili

   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	网页文章标题
date	文章创建
comments	文章评论功能是否启动
tags	文章标签
categories	文章分类
keywords	文章关键字

以上配置项的使用：

--------------------------------------
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: server
   • g: generate
   • d: deploy

五、添加Tag、Category页面

• Hexo初始化没有tag、category页面，需要自行添加，执行命令：

  hexo new page tag
  hexo new page category
  

• 以Tag为例：

  • 进入source\tag\index.md

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

• category 页面同理，layout 字段键值为 category

  注：大小写与_config.yml

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

  中一致