An elegant Material-Design theme for Hexo
🇨🇳 中文简体 | 🇬🇧 English
Docs: Theme guide Post guide
Preview: Fluid's blog
## Quick Start #### 1. Install Hexo If you don't have a hexo blog, please follow [Hexo Docs](https://hexo.io/docs/) to install and initialize your blog。 #### 2. Install Fluid **Way A:** If your Hexo version >= 5.0.0, you can install Fluid via Npm: ```sh npm install --save hexo-theme-fluid ``` Then create `_config.fluid.yml` in the blog directory and copy the content of [_config.yml](https://github.com/fluid-dev/hexo-theme-fluid/blob/master/_config.yml). **Way B:** Download the [latest release](https://github.com/fluid-dev/hexo-theme-fluid/releases), then extract it to `themes` directory and renamed to `fluid`. #### 3. Set theme Edit `_config.yml` in the blog root directory as follows: ```yaml theme: fluid ``` #### 4. Create about page The about page needs to be created manually: ```bash hexo new page about ``` Then edit `/source/about/index.md` and add `layout` attribute. The modified example is as follows: ```yaml --- title: about layout: about --- About content ``` ## How to Upgrade [Please follow here](https://fluid.ist/docs/en/start/#theme-upgrade) ## Features - [x] Detailed [documents](https://fluid.ist/docs/en/) - [x] Widget lazyload - [x] Multiple code highlighting schemes - [x] Multiple comment plugins - [x] Multiple language configurations - [x] Multiple website analysis - [x] Support for local search - [x] Support for footnote - [x] Support for LaTeX - [x] Support for Mermaid - [x] Dark mode ## Contributors [](https://github.com/fluid-dev/hexo-theme-fluid/graphs/contributors) English docs translator: [@EatRice](https://eatrice.top/) [@橙子杀手](https://ruru.eatrice.top) [@Sinetian](https://sinetian.github.io/) Contributors outside PR: [@zhugaoqi](https://github.com/zhugaoqi) [@julydate](https://github.com/julydate) [@xiyuvi](https://xiyu.pro/) ## Star Trending [](https://starchart.cc/fluid-dev/hexo-theme-fluid)