Hugo theme monochrome

<p align="center"> <a href="https://kaiiiz.github.io/hugo-theme-monochrome"> <img alt="Monochrome" src="https://github.com/kaiiiz/hugo-theme-monochrome/blob/dev/images/screenshot.png"> </a> </p> <h2 align="center"> Monochrome </h2> <p align="center"> A fast, clean and responsive hugo theme </p>

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, x (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.

<a href="https://www.buymeacoffee.com/ykzheng" target="_blank"><img src="https://cdn.buymeacoffee.com/buttons/v2/default-yellow.png" alt="Buy Me A Coffee" style="height: 45px !important;width: 164px !important; margin-left: 0px; margin-right: 0px;" ></a>