Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/kaiiiz/hugo-theme-monochrome

Monochrome is a fast, clean and responsive hugo theme
https://github.com/kaiiiz/hugo-theme-monochrome

blog clean feature-rich grayscale high-performance hugo hugo-blog-theme hugo-theme mit-license responsive well-documented

Last synced: 10 days ago
JSON representation

Monochrome is a fast, clean and responsive hugo theme

Awesome Lists containing this project

README

        



Monochrome


Monochrome


A fast, clean and responsive hugo theme

## Demo & Documents

See [kaiiiz.github.io/hugo-theme-monochrome](https://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](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 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](https://kaiiiz.github.io/hugo-theme-monochrome/shortcodes/).

## Installation

See [Setup](https://kaiiiz.github.io/hugo-theme-monochrome/setup)

## Configuration

See [Configuration](https://kaiiiz.github.io/hugo-theme-monochrome/configuration/)

## Acknowledgement

* [PrismJS/prism](https://github.com/PrismJS/prism) MIT
* [leeoniya/uFuzzy](https://github.com/leeoniya/uFuzzy) MIT
* [mathjax/MathJax](https://github.com/mathjax/MathJax) Apache-2.0
* [kingdido999/zooming](https://github.com/kingdido999/zooming) MIT
* [feathericons/feather](https://github.com/feathericons/feather) MIT
* [simple-icons/simple-icons](https://github.com/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.

Buy Me A Coffee