Files
website/themes/hugo-theme-monochrome/exampleSite/content/en/about/features.md
Simon Gardling 032679b34a setup
2023-10-11 17:38:05 -04:00

1.6 KiB

title, weight, gallery_img_src, gallery_img_caption, gallery_statistic
title weight gallery_img_src gallery_img_caption gallery_statistic
Features 1 pottery.jpg <span>Photo by <a href="https://unsplash.com/@mochiel?utm_source=unsplash&utm_medium=referral&utm_content=creditCopyText">Mercy</a> on <a href="https://unsplash.com/s/photos/vase?utm_source=unsplash&utm_medium=referral&utm_content=creditCopyText">Unsplash</a></span>
key value
**key1** *value1*
key value
**key2** *value2*
key value
**key3** *value3*
  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.