setup

themes/hugo-theme-monochrome/exampleSite/content/en/about/features.md

@@ -0,0 +1,25 @@
+---
+title: 'Features'
+weight: 1
+gallery_img_src: 'pottery.jpg'
+gallery_img_caption: '<span>Photo by <a href="https://unsplash.com/@mochiel?utm_source=unsplash&amp;utm_medium=referral&amp;utm_content=creditCopyText">Mercy</a> on <a href="https://unsplash.com/s/photos/vase?utm_source=unsplash&amp;utm_medium=referral&amp;utm_content=creditCopyText">Unsplash</a></span>'
+gallery_statistic:
+- key: '**key1**'
+  value: '*value1*'
+- key: '**key2**'
+  value: '*value2*'
+- key: '**key3**'
+  value: '*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](https://kaiiiz.github.io/hugo-theme-monochrome/layouts/).
+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](https://kaiiiz.github.io/hugo-theme-monochrome/shortcodes/).