一款 Material Design 风格的主题
An elegant Material-Design theme for Hexo
🇨🇳 中文简体 | 🇬🇧 English
预览： Fluid's blog
## 快速开始 #### 1. 搭建 Hexo 博客 如果你还没有 Hexo 博客，请按照 [Hexo 官方文档](https://hexo.io/zh-cn/docs/) 进行安装、建站。 #### 2. 获取主题最新版本 **方式一：** Hexo 5.0.0 版本以上，推荐通过 npm 直接安装，进入博客目录执行命令： ```sh npm install --save hexo-theme-fluid ``` 然后在博客目录下创建 `_config.fluid.yml`，将主题的 [_config.yml](https://github.com/fluid-dev/hexo-theme-fluid/blob/master/_config.yml) 内容复制进去。 **方式二：** 下载 [最新 release 版本](https://github.com/fluid-dev/hexo-theme-fluid/releases) 解压到 themes 目录，并将解压出的文件夹重命名为 `fluid`。 #### 3. 指定主题 如下修改 Hexo 博客目录中的 `_config.yml`： ```yaml theme: fluid # 指定主题 language: zh-CN # 指定语言，会影响主题显示的语言，按需修改 ``` #### 4. 创建「关于页」 首次使用主题的「关于页」需要手动创建： ```bash hexo new page about ``` 创建成功后，编辑博客目录下 `/source/about/index.md`，添加 `layout` 属性。 修改后的文件示例如下： ```yaml --- title: about layout: about --- 这里写关于页的正文，支持 Markdown, HTML ``` ## 更新主题 更新主题的方式[参照这里](https://fluid.ist/docs/start/#更新主题)。 ## 功能特性 - [x] 无比详实的[用户文档](https://fluid.ist/docs/) - [x] 页面组件懒加载 - [x] 多种代码高亮方案 - [x] 多语言配置 - [x] 内置多款评论插件 - [x] 内置网页访问统计 - [x] 内置文章本地搜索 - [x] 支持暗色模式 - [x] 支持脚注语法 - [x] 支持 LaTeX 数学公式 - [x] 支持 mermaid 流程图 ## 贡献者 [](https://github.com/fluid-dev/hexo-theme-fluid/graphs/contributors) 英文文档翻译：[@EatRice](https://eatrice.top/) [@橙子杀手](https://ruru.eatrice.top) [@Sinetian](https://sinetian.github.io/) 其他贡献：[@zhugaoqi](https://github.com/zhugaoqi) [@julydate](https://github.com/julydate) [@xiyuvi](https://xiyu.pro/) 如你也想贡献代码，可参照[贡献指南](https://fluid.ist/docs/contribute/) ## 支持我们 如果你觉得这个项目有帮助，并愿意支持它的发展，可以通过以下方式支持我们的开源创作：
 微信赞赏码 |
|---|