Monochrome
balloon_head
balloon_head
balloon_head
balloon_head

balloon layout in bookcase.

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/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