Switch blog theme to FLUID

The former "yilia" theme starts to be buggy since it was no longer maintained. I switch to this "FUILD" theme, for now, hopefully it will stand longer.

Reference docs

Docs, Preview, Github repo

Switch theme to Fluid

npm install --save hexo-theme-fluid

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

theme: fluid

Create the about page manually:

hexo new page about

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

Execute the command in your blog directory：

npm update --save hexo-theme-fluid

Customise

create _config.fluid.yml in the blog directory and copy the content of _config.yml

And the config file so far is _config.fluid.yml

done

... way easier than the theme before

Additional settings

Compress files add-on

hexo-all-minifier is an easy and effective add-on to compress the images and bigger css/js files.

npm install hexo-all-minifier --save

Config it in config.yml.

all_minifier: true

Change Toc style

go to the /node_modules/hexo-theme-fluid/source/css/_pages/_base/_widget/toc.styl, shrink the font under .tocbot-list and change the overflow style of .toc-list-item from hidden to -moz-scrollbars-none.