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 Fuse.js.

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
• krisk/Fuse
• mathjax/MathJax
• kingdido999/zooming
• feathericons/feather

See Also

• Anubis
• Bootstrap Theme for Personal Blog and Documentations
• Bootstrap-BP
• Color Your World
• Eureka