# Start

# Introduction

Fluid is an elegant Material-Design theme for Hexo, developed by Fluid-dev (opens new window)

GitHub Repository: https://github.com/fluid-dev/hexo-theme-fluid (opens new window)

Preview: Fluid's Blog (opens new window) zkqiang's blog (opens new window)

# Quick Start

# Install Hexo

If you don't have a hexo blog, please follow Hexo Docs (opens new window) to install and initialize your blog。

# Download Fluid

# Way A

If your Hexo version >= 5.0.0, you can be installed via Npm:

npm install --save hexo-theme-fluid

Then create _config.fluid.yml in the blog directory and copy the content of _config.yml (opens new window)

# Way B

Download the latest release (opens new window), then extract it to themes directory and renamed to fluid.

# Set theme

Edit _config.yml in the blog root directory as follows:

theme: fluid

# Create about page

The about page needs to be created manually:

hexo new page about

Then edit /source/about/index.md and add layout attribute.

The modified example is as follows:

title: about
date: 2020-02-23 19:20:33
layout: about

About content

# Theme Upgrade

# Way A


Applicable to installed theme via Npm.

Execute the command in your blog directory:

npm update --save hexo-theme-fluid

# Way B


Applicable to installed theme via release and all codes have not been modified.

  1. Backup your config files. We recommend you to use override configuration.

  2. Download the latest release (opens new window), then replace the fluid directory.

# Way C


Applicable to cases where some codes have been modified, or you want to pull the master branch.

  1. Make sure your fluid directory has git and all changes have been committed.

  2. Pull the master branch of fluid repo to your branch:

git pull https://github.com/fluid-dev/hexo-theme-fluid.git master
  1. Resolve code conflicts if any.


MIT (opens new window)