hexo-nomal-to-beauty

hexo框架是一个快速搭建博客的神器, 为了个性化的设置博客的样式, 还需要对hexo做”美化”。
此文长期维护，记录使用的美化工具

文章目录

• 更换主题
• 增加2d模型

更换主题

hexo博客使用的主题保存在配置文件_config.yml中，为了更换主题，需要下载对应的主题、将下载的主题放入themes目录、更改_config.yml配置文件, 本文以yilia主题为例

# 下载yilia主题并放入themes目录
$ cd owefsad.github.io
$ git clone https://github.com/litten/hexo-theme-yilia.git themes/yilia

下载主题之后，在_config.yml文件中找到theme字段，将theme: <theme_name>中的<theme_name>改为yilia即可

了解了更换主题的方法后，需要去寻找一些自己喜欢的主题，主题的位置：
!(Hexo官网)[https://hexo.io/themes/]
!(知乎问答)[https://www.zhihu.com/question/24422335/answer/115800792]

增加2d模型

如果不知道什么是2d模型，可以看一下我博客右下角的小萌妹，这个小萌妹就是用2d模型渲染产生的，如果你也想要一个小萌妹，那么你懂的。增加2d模型的步骤如下：

1. 安装live2d包
2. 安装喜欢的模型包

3. _config.yml中增加模型的配置

4. 安装live2d包

   $ npm install hexo-helper-live2d --save

5. 安装喜欢的模型包
   模型包的命名格式为：live2d-widget-model-，为了找到你喜欢的小萌妹或其他模型，可以去模型作者的!(博客)[https://huaji8.top/post/live2d-plugin-2.0/]上寻找；但是，作者博客上的那些不一定是正确的，比如：哎，我想要的不是这个小萌妹啊

   # 安装模型
   $ npm install live2d-widget-model-z16 --save

6. 配置模型
   模型的配置如下：

   ive2d:
     enable: true
     scriptFrom: local
     pluginRootPath: live2dw/
     pluginJsPath: lib/
     pluginModelPath: assets/
     tagMode: false
     debug: false
     model:
       use: live2d-widget-model-z16
     display:
       position: right
       width: 150
       height: 300
     mobile:
       show: true

关于配置的具体含义，请移步github。

增加分类

什么是分类？
分类就是我博客左侧的：home、ctf、tools等内容。

添加分类的步骤：

1. 创建分类页面

   $ hexo n page categories

2. 在themes/yilia/_config.yml配置文件中，增加分类

   meun:
     home: /
     ctf: /categories/ctf
     tools: /categories/tools

3. 创建博文时，指定所属的分类

   ---
   title: Hexo搭建个人博客
   categories:
   - hexo
   tags: hexo
   ---

在博文中增加categories模块,然后在下一行指定分类名：hexo。ps:// 前面的-必须加，分类名称与-之间有一个空格

除了分类外，还可以创建about、tags、archives及自定义页面，流程均如上所示。