技术分享
2️⃣美化Hexo博客，主题安装配置
00 分钟
2024-7-4
2024-7-4
type
status
date
slug
summary
tags
category
icon
password
 
😀
本内容转载自 cmliu blog,https://blog.090227.xyz/p/HexoBlogNo2/

美化Hexo博客，主题安装配置

这期教程演示将使用一款基于hexo-theme-butterfly修改的主題-安知鱼，安知鱼是一个简洁、美丽的静态hexo主题
项目地址：https://github.com/anzhiyu-c/hexo-theme-anzhiyu
官方文档：https://docs.anheyu.com/initall.html

1.安装主题

1.1. Git 安裝

在博客根目录里安装最新版主题
SHELL
1
git clone -b main https://github.com/anzhiyu-c/hexo-theme-anzhiyu.git themes/anzhiyu
第一次使用需要安装 pug 以及 stylus 的渲染器
SHELL
1
npm install hexo-renderer-pug hexo-renderer-stylus --save

1.2. 应用主题

修改 hexo 配置文件_config.yml，把主题改为anzhiyu
PLAINTEXT
1
theme: anzhiyu

1.3. 覆盖配置

覆盖配置可以使主题配置放置在 anzhiyu 目录之外，避免在更新主题时丢失自定义的配置。
BASH
1
cp -rf ./themes/anzhiyu/_config.yml ./_config.anzhiyu.yml
以后如果修改任何主题配置，都只需修改 _config.anzhiyu.yml 的配置即可。
注意：
  • 只要存在于 _config.anzhiyu.yml 的配置都是高优先级，修改原 _config.yml 是无效的。
  • 每次更新主题可能存在配置变更，请注意更新说明，可能需要手动对 _config.anzhiyu.yml 同步修改。
  • 想查看覆盖配置有没有生效，可以通过 hexo g --debug 查看命令行输出。
  • 如果想将某些配置覆盖为空，注意不要把主键删掉，不然是无法覆盖的

1.4. 配置主题与主站配置文件

到这一步主题部署就完成了，就是这么简单！！！
SHELL
12345
//本地预览hexo cl; hexo s//推送更新上线hexo cl; hexo g; hexo d
剩下的工作就是配置_config.yml和_config.anzhiyu.yml文件，修改博客参数。

2. 配置文章模版

/scaffolds目录下有几个模版文件，其中
  • post.md：新建博文模版
  • page.md：新建标签页模版

post.md模版，仅供参考

MARKDOWN
page.md模版，仅供参考

新建文章

新建博文命令

SHELL
1
hexo new 这是一篇新的博文

新建标签页命令

SHELL
1
hexo new page 新建的标签页

文章置顶

安装插件

SHELL
1
npm install hexo-generator-topindex --save

设置置顶

给需要置顶的文章加入top参数，如下：
MARKDOWN
如果存在多个置顶文章，top后的参数越大，越靠前。

参考资料

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
上一篇
利用github和cloudflare搭建零成本搭建个人博客
下一篇
加密你的图床，防止被乱用