Install a Material Design Hexo Theme in 4 Simple Steps

Hexo is a Node.js‑based static blog generator; this article introduces a Material Design style Hexo theme called Fluid.

Step 1

Create a Hexo blog following the official guide.

Step 2

Obtain the latest version of the theme via two methods.

Method 1

For Hexo 5.0.0 or later, install via npm: npm install --save hexo-theme-fluid Then create _config.fluid.yml in the blog directory and copy the contents of the theme’s _config.yml into it.

Method 2

Download the latest release, unzip into the themes directory, and rename the folder to fluid.

Step 3

Specify the theme in _config.yml:

theme: fluid  # specify theme

language: zh-CN  # language, adjust as needed

Step 4

Create an “about” page: hexo new page about Edit /source/about/index.md and add the layout: about attribute. Example front matter:

---
title: about
date: 2020-02-23 19:20:33
layout: about
---
Here write the about page content, supporting Markdown, HTML

The theme supports features such as lazy image loading, custom code highlighting, multiple languages, various comment plugins, data‑file configuration, CDN for static resources, detailed documentation, built‑in search, footer备案 information, analytics, footnotes, LaTeX formulas, mermaid diagrams, and dark mode.