This document shows a brief guide to setup hugo-theme-monochrome in your hugo project.
You need “extended” version of hugo to support SASS. Checkout Install Hugo for more details.
Take Linux for example:
The minimum hugo version that hugo-theme-monochrome required is
Create a New Site
Add a Theme
theme = "hugo-theme-monochrome" to your
Prepare a composite package.json file for your project.
Remember to ignore
hugo-theme-monochrome is powered by tailwindcss. For better quality of CSS purging in production, you should add the following config to your
config.toml, or the default settings generated from demo site will be applied.
See CSS purging with PostCSS for more details.
Customize the Theme
Start the Hugo server
Build static pages
Generate files to
--minify option can minify other resouces (e.g. HTML/XML/JSON…).
/public folder to your server. This site is built by using Github Action and Github Pages. The CI script is available here.