hugo-theme-monochrome - GitLite

KO | EN

gitlite — search

#react #ai #llm #golang #android #machine-learning #rust #linux #docker #macos #windows #vue #awesome-list #pytorch

hugo-theme-monochrome

(★ 238)

Monochrome is a fast, clean and responsive hugo theme

파일 탐색기

최종 버전 다운로드 (.zip)

- - gh-pages.yml
  - release.yml
- default.md
- - builtin-copy.js
  - emgithub.js
  - hide-navbar-on-scroll.js
  - math.js
  - prism-autoloader.js
  - prism.js
  - search.js
  - theme-switch.js
  - toc-tracker.js
  - zooming.js
- - base.scss
  - color.scss
  - core.scss
  - vars.scss
- - clock.jpg
  - favicon.ico
  - pottery.jpg
  - thanks.jpg
  - user.css
- .gitignore
- en.toml
- fr-fr.toml
- ru.toml
- zh-tw.toml
- screenshot.png
- tn.png
- - render-heading.html
- - collapsible-menu.html
  - content.html
  - disqus-wrapper.html
  - fixed-toc.html
  - footer.html
  - head.html
  - header.html
  - list.html
  - nav.html
  - pagination.html
  - rss-author-tag.html
  - search-menu.html
  - states.html
  - strip-chunk-comments.html
  - terms-cloud.html
- - bookcase.html
  - breadcrumbs.html
  - codepen.html
  - color-block.html
  - emgithub.html
  - icon-group.html
  - icon.html
  - jsfiddle.html
  - recent-posts.html
  - terms-cloud.html
- - list.html
  - single.html
- - list.html
- - list.html
- - list.html
  - single.html
- - list.html
- 404.html
- baseof.html
- home.html
- index.json
- list.html
- rss.xml
- single.html
- taxonomy.html
- term.html
.gitignore
LICENSE
README.md
theme.toml

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

<p align="center">
  <a href="https://kaiiiz.github.io/hugo-theme-monochrome">
    <img alt="Monochrome" src="https://github.com/kaiiiz/hugo-theme-monochrome/blob/dev/images/screenshot.png">
  </a>
</p>

<h2 align="center">
  Monochrome
</h2>

<p align="center">
  A fast, clean and responsive hugo theme
</p>

## 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, x (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.

<a href="https://www.buymeacoffee.com/ykzheng" target="_blank"><img src="https://cdn.buymeacoffee.com/buttons/v2/default-yellow.png" alt="Buy Me A Coffee" style="height: 45px !important;width: 164px !important; margin-left: 0px; margin-right: 0px;" ></a>