Monochrome

A clean, responsive, and programmer-friendly hugo theme

Demo

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

Features

1. Clean UI with small resources. Monochrome has clean UI design and can remove unused resources in production environment.

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

3. Dark mode. Low-light UI.

4. Multiple layouts built-in. See Demo.

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

6. 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).

7. Site Search. Powered by FlexSearch.

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

9. Support mathematical notation. Powered by MathJax.

10. Useful shortcodes. See Document.

Installation

See Setup

Configuration

See Configuration

Acknowledgement

• Hugo
• tailwindcss
• PrismJS/prism
• lgarron/clipboard-polyfill
• nextapps-de/flexsearch
• simple-icons/simple-icons
• mathjax/MathJax
• Icons made by Freepik from Flaticon
• Material icons made by Google from Material Design

See Also

• Academic
• Anubis
• Bootstrap Blog Theme
• Bootstrap-BP
• Color Your World