Monochrome
balloon_head
balloon_head
balloon_head
balloon_head
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.

Buy Me A Coffee

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.
Timeline
  • 2024/11/27 - v4.0.0 release
  • 2024/05/26 - v3.1.0 release
  • 2024/05/26 - v3.0.0 release
  • 2023/07/23 - v2.0.0 release
  • 2022/04/02 - v1.0.1 release
  • 2022/04/01 - v1.0.0 release
  • 2022/02/25 - v0.9.2 release
  • 2022/02/25 - v0.9.1 release
  • 2022/01/31 - v0.9.0 release
  • 2021/07/29 - v0.8.0 release
  • 2021/07/08 - v0.7.1 release
  • 2021/06/24 - v0.7.0 release
  • 2021/04/15 - v0.6.2 release
  • 2021/02/17 - v0.6.1 release
  • 2021/02/16 - v0.6.0 release
  • 2021/02/15 - v0.5.0 release
  • 2021/02/12 - v0.4.0 release
  • 2021/02/10 - v0.3.0 release
  • 2021/02/09 - v0.2.0 release
  • 2021/02/08 - v0.1.0 release
Acknowledgement