Hexo从0到1搭建博客系列02:引入Fluid
1. Fluid简介
Fluid [官网](开始使用 | Hexo Fluid 用户手册)
Fluid 是基于 Hexo 的一款 Material Design 风格的主题,由 Fluid-dev 负责开发与维护。
主题 GitHub: github.com/fluid-dev/h…
Fluid其实就是基于Hexo现有功能,进行了更进一步的配置、美化,引入了很多新的功能,使我们的博客变得更加美观、简洁与高效。
在进行Fluid实战之前,必须得先搭建好Hexo基础博客。
2. Fluid简单实战
-
进入之前搭建好的
Hexo博客目录,执行以下命令,安装fluid主题npm install --save hexo-theme-fluid
-
在博客目录下创建
_config.fluid.yml,将fluid主题自己的_config.yml粘贴进去。这一步很重要,一定要进入github.com/fluid-dev/h… 将对应的文件粘贴到之前创建好的空的
_config.fluid.yml文件中。这个文件很长,所以没办法贴在这里,见谅~ -
打开创建好的
Hexo博客目录下的_config.yml,将对应配置项修改为以下内容一定要注意这是
yaml格式文件,冒号后一定要有空格。灵活使用
Ctrl + F搜索关键字theme: fluid # 指定主题 language: zh-CN # 指定语言,会影响主题显示的语言,按需修改
仍然是使用 hexo server 命令运行到本地
展示一下成品吧~
是不是瞬间比之前Hexo基础博客提升了一个档次?
之后我们的大部分功能将在 _config.fluid.yml 文件里完成配置~
3. 后记
如果大家觉得我的内容写的还不错,可以在评论区留言支持一下呀~
欢迎大家来逛一逛我的个人博客~
此外,从2022.10.1开始,为激励自己持续刷题,我开始持续日更Leetcode题解啦~
所有题解均已放到Github仓库中,欢迎大家Star并提出Issue~