Monochrome

A fast, clean and responsive hugo theme

Demo & Documents

See kaiiiz.github.io/hugo-theme-monochrome

Features

1. Clean UI with small resources. Monochrome has clean UI design with ~5KB gzipped bundled CSS.

2. Self-Contained. Monochrome doesn’t require webpack, nodejs and other dependencies to setup or edit, just hugo.

3. Responsive layout. Adapt to different viewpoint, from desktop to mobile.

4. Support light/dark mode. Low-light UI.

5. Multiple layouts built-in. Monochrome now supports 6 different layouts. See Demo.

6. Nested navbar and Multilingual mode. Make good use of hugo’s well-designed structure.

7. Syntax Highlighting (with copy feature). Integrate both server-side solution (Chroma, hugo built-in) and client-side solution (Prism.js, for someone who need more languages supported).

8. Site Search with real-time matches highlight. Powered by uFuzzy.

9. SEO-friendly. Easily change your author, description, keywords, open graph, twitter card meatdata.

10. Support mathematical notation. Powered by MathJax.

11. Useful shortcodes. See Document.

Installation

See Setup

Configuration

See Configuration

Acknowledgement

• PrismJS/prism MIT
• leeoniya/uFuzzy MIT
• mathjax/MathJax Apache-2.0
• kingdido999/zooming MIT
• feathericons/feather MIT
• simple-icons/simple-icons CC0-1.0

Support

If you find my work brings value to your life and would like to support its development, you can sponsor me in the following ways.

See also

• Yue
• Lightbi
• hello-friend-ng
• Bootstrap Theme for Personal Blog and Documentations
• Hugoplate