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~