hexo-css-merge
This plugin is based on hexo-clean-css and hexo-css-merge-script
How to use
Install
In your hexo project folder issue the following command
npm install hexo-css-merge
Configuration
You can configure the plugin in your main _config.yml
file. (NOT in your theme's _config.yml
file)
Example:
css_merge:
minify: true
path: themes/landscape/source/css/
destination: filenameTest
files:
- global
- navbar
Defaults
destination: main
path: themes/landscape/source/css/
files: styles
minify: true
Options
Minify
An option to turn on or off the minification of the final CSS.
❗️ Disclaimer, this option needs Hexo CleanCSS 1.0.0
Install Hexo CleanCSS npm i hexo-clean-css
Path
The path for the CSS files you would like to merge.
❗️ Disclaimer, the plugin can only work with one path yet. You should store your CSS files in one folder.
Destination
The name of the final CSS file.
Files
The name of the CSS files you would like to merge, in the order you want them to.
Important syntax
CSS
The plugin only works with CSS files. When adding the name of the CSS files you want to work with don't put .css
after the file name. It gets filled automatically.
Path
The added path should start without /
and end with /
or else it won't work
Example:
themes/landscape/source/css/