https://github.com/qilingframework/theme.qiling.io

https://github.com/qilingframework/theme.qiling.io

Last synced: 5 months ago
JSON representation

• Host: GitHub
• URL: https://github.com/qilingframework/theme.qiling.io
• Owner: qilingframework
• License: mit
• Created: 2021-01-22T09:22:30.000Z (about 5 years ago)
• Default Branch: master
• Last Pushed: 2022-08-10T09:34:47.000Z (over 3 years ago)
• Last Synced: 2025-04-23T19:40:46.881Z (9 months ago)
• Language: JavaScript
• Size: 1.83 MB
• Stars: 0
• Watchers: 4
• Forks: 4
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          


  



一款 Material Design 风格的主题

An elegant Material-Design theme for Hexo


![ScreenShot](https://cdn.jsdelivr.net/gh/fluid-dev/static@master/hexo-theme-fluid/screenshots/index.png)



  

  

  

  


  

  

  

  



    

    

    



🇨🇳 中文简体  |  🇬🇧 English




  文档：

  主题配置&nbsp&nbsp&nbsp&nbsp

  文章配置





  预览：

  Fluid's blog&nbsp&nbsp&nbsp&nbsp

  zkqiang'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

date: 2020-02-23 19:20:33

layout: about

---

这里写关于页的正文，支持 Markdown, HTML

```

## 更新主题

更新主题的方式[参照这里](https://hexo.fluid-dev.com/docs/start/#更新主题)。

## 功能特性

- [x] 图片懒加载

- [x] 自定义代码高亮方案

- [x] 内置多语言

- [x] 支持多款评论插件

- [x] 支持使用[数据文件](https://hexo.io/zh-cn/docs/data-files)存放配置

- [x] 自定义静态资源 CDN

- [x] 无比详实的[用户文档](https://hexo.fluid-dev.com/docs/)

- [x] 内置文章搜索

- [x] 页脚备案信息

- [x] 网页访问统计

- [x] 支持脚注语法

- [x] 支持 LaTeX 数学公式

- [x] 支持 mermaid 流程图

- [x] 暗色模式

## 贡献者

[![contributors](https://opencollective.com/hexo-theme-fluid/contributors.svg?width=890&button=false)](https://github.com/fluid-dev/hexo-theme-fluid/graphs/contributors)

英文文档翻译：[@EatRice](https://eatrice.top/) [@橙子杀手](https://ruru.eatrice.top)

其他贡献：[@zhugaoqi](https://github.com/zhugaoqi) [@julydate](https://github.com/julydate)

如你也想贡献代码，可参照[贡献指南](https://hexo.fluid-dev.com/docs/contribute/)

## 社区

微信群：扫描二维码添加好友进交流群

  二维码

  
好友申请备注：fluid

  
提问之前请先仔细查阅用户文档

  


## 支持

你可以通过[爱发电](https://afdian.net/@zkqiang)支持我们的开源创作，资金将用于服务器开销以及今后的公共接口服务



  



其他商业赞助可发送邮件至 zkqiang#126.com (#替换为@)

## 鸣谢



  



## Star 趋势

[![Stargazers over time](https://starchart.cc/fluid-dev/hexo-theme-fluid.svg)](https://starchart.cc/fluid-dev/hexo-theme-fluid)