hexo-theme-fluid - npm explorer

Fluid Logo

一款 Material Design 风格的主题

An elegant Material-Design theme for Hexo

!ScreenShot

🇨🇳 中文简体 | 🇬🇧 English

文档：
主题配置 |
文章配置

预览：
Fluid's blog |
zkqiang's blog

快速开始

#### 1. 搭建 Hexo 博客

如果你还没有 Hexo 博客，请按照 Hexo 官方文档进行安装、建站。

#### 2. 获取主题最新版本

方式一：

Hexo 5.0.0 版本以上，推荐通过 npm 直接安装，进入博客目录执行命令：

``sh npm install --save hexo-theme-fluid`

然后在博客目录下创建 _config.fluid.yml，将主题的 _config.yml 内容复制进去。

方式二：

下载最新 release 版本解压到 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``

更新主题

更新主题的方式参照这里。

功能特性

- [x] 无比详实的用户文档
- [x] 页面组件懒加载
- [x] 多种代码高亮方案
- [x] 多语言配置
- [x] 内置多款评论插件
- [x] 内置网页访问统计
- [x] 内置文章本地搜索
- [x] 支持暗色模式
- [x] 支持脚注语法
- [x] 支持 LaTeX 数学公式
- [x] 支持 mermaid 流程图