LieGuのBlog_美化篇-Theme DIY
本文最后更新于 2024年12月29日 晚上
hexo作为一个快速、简洁高速的博客框架,拥有众多用户,也因此theme也非常丰富
直接在GitHub上搜索 hexo theme就可以找到许多好看的主题
这里我使用的是名叫 Fluid 的主题，他和其他使用量比较大的theme一样其 官方文档 是相当丰富
1.主题安装
Hexo 5.0.0 版本以上，通过 npm 直接安装，进入博客目录执行命令：
npm install --save hexo-theme-fluid
然后在博客目录下创建 _config.fluid.yml，将主题的 _config.yml 内容复制过去
补充: 可以在博客根目录右击 Git Bash Here 利用hexo -v查看hexo 版本
2.theme DIY
2.整理门面
包括：页头和首页
打开博客目录下_config.fluid.yml文件
这里我用的是sublime,也可以用 记事本 或 VS Code 等打开编辑都是可以的
ctrl+F 进入搜索 页头
顺路开启了导航栏毛玻璃特效
首页
根据喜好做出修改
这里的相对路径就是 相对于.\themes\fluid\source的路径
注意：在文件里编写路径是反斜线 / 或双斜线 \ \
学会这个后我还修改了post的封面，美观了许多
在编写文章时丰富下文章信息可以使文章更有序
2.2修改About Page
ctrl+F 进入搜索 about page
把需要的内容做出修改即可 图片内容可供参考
这个主题提供了许多图标可供使用
根据图标名称（图标下第一行）下面的 代号（图标下第二行）填入到 icons后面的class中，即可完成修改
在这里我增加了友链页
这是我修改后的效果
个人认为还蛮不错的
建议先在本地查看无误后在部署到远端
hexo clean && hexo g && hexo s
最后执行命令部署到远端
hexo clean && hexo g && hexo d
end…