美化Hexo博客，主题安装配置
美化Hexo博客，主题安装配置
亿龙科技【Hexo博客系列】No.2 美化Hexo博客，教你如何安装和美化Hexo博客
使用安知鱼主题进行个性化配置，涵盖安装、设置、标签页生成及本地搜索
美化Hexo博客，主题安装配置
本教程演示将使用一款基于 hexo-theme-butterfly 修改的主题——安知鱼，安知鱼是一个简洁、美丽的静态 hexo 主题。
1. 安装主题
1.1 Git 安装
在博客根目录里安装最新版主题：
1 | git clone -b main https://github.com/anzhiyu-c/hexo-theme-anzhiyu.git themes/anzhiyu |
第一次使用需要安装 pug 以及 stylus 的渲染器：
1 | npm install hexo-renderer-pug hexo-renderer-stylus --save |
1.2 应用主题
修改 hexo 配置文件 _config.yml，把主题改为 anzhiyu：
1 | theme: anzhiyu |
1.3 覆盖配置
覆盖配置可以使主题配置放置在 anzhiyu 目录之外，避免在更新主题时丢失自定义的配置。
Linux 系统：
1
cp -rf ./themes/anzhiyu/_config.yml ./_config.anzhiyu.yml
Windows 系统：
手动将
/themes/anzhiyu/_config.yml复制到根目录下并重命名为_config.anzhiyu.yml即可。
以后如果修改任何主题配置，都只需修改 _config.anzhiyu.yml 的配置即可。
注意：
- 只要存在于
_config.anzhiyu.yml的配置都是高优先级，修改原_config.yml是无效的。- 每次更新主题可能存在配置变更，请注意更新说明，可能需要手动对
_config.anzhiyu.yml同步修改。- 想查看覆盖配置有没有生效，可以通过
hexo g --debug查看命令行输出。- 如果想将某些配置覆盖为空，注意不要把主键删掉，不然是无法覆盖的。
1.4 配置主题与主站配置文件
到这一步主题部署就完成了，就是这么简单！！！
本地预览：
1
hexo cl; hexo s
推送更新上线：
1
hexo cl; hexo g; hexo d
1.5 生成标签页和分类页
生成标签页：
1
hexo new page tags
找到
source/tags/index.md文件，添加：1
2
3
4
5
6
7
title: 标签
date: 2024-07-05 03:36:02
type: "tags"
comments: false
top_img: false生成分类页：
1
hexo new page categories
找到
source/categories/index.md文件，添加：1
2
3
4
5
6
7
title: 分类
date: 2024-07-05 03:36:48
aside: false
top_img: false
type: "categories"
剩下的工作就是配置 _config.yml 和 _config.anzhiyu.yml 文件，修改博客参数。
2. 配置文章模版
/scaffolds 目录下有几个模版文件：
post.md：新建博文模版page.md：新建标签页模版
post.md 模版（仅供参考）
1 |
|
page.md 模版（仅供参考）
1 |
|
3. 更多功能
新建文章
新建博文命令：
1
hexo new 这是一篇新的博文
新建标签页命令：
1
hexo new page 新建的标签页
文章置顶
安装插件：
1
npm install hexo-generator-topindex --save
设置置顶：
给需要置顶的文章加入
top参数，例如：1
2
3
4
5
6
7
8
9
title: 每天一个linux命令
date: 2017-01-23 11:41:48
top: 1
categories:
- 运维
tags:
- linux命令如果存在多个置顶文章，top 后的参数越大，越靠前。
开启本地搜索
安装插件：
1
npm install hexo-generator-search --save
设置主题配置文件：
1
2
3
4local_search:
enable: true
preload: false
CDN:参数 解释 enable 是否开启本地搜索 preload 预加载，开启后，进入网页后会自动加载搜索文件。关闭时，只有点击搜索按钮后，才会加载搜索文件 CDN 搜索文件的 CDN 地址（默认使用的本地链接）
添加任意文件
例如当我们想在网站根目录添加 ads.txt 文件，来通过站长验证时，我们只需要在 /source 文件夹下放置该文件即可。
参考资料
- https://docs.anheyu.com/initall.html
- https://www.fomal.cc/posts/4aa2d85f.html
- https://github.com/anzhiyu-c/hexo-theme-anzhiyu/blob/dev/README.md?plain=1
- https://blog.csdn.net/COCO56/article/details/103840966
