https://github.com/st1020/kita
Kita is a clean, elegant and simple blog theme for Zola.
https://github.com/st1020/kita
blog blog-theme zola zola-theme
Last synced: 7 months ago
JSON representation
Kita is a clean, elegant and simple blog theme for Zola.
- Host: GitHub
- URL: https://github.com/st1020/kita
- Owner: st1020
- License: mit
- Created: 2023-10-20T12:02:40.000Z (about 2 years ago)
- Default Branch: main
- Last Pushed: 2025-02-19T14:07:38.000Z (9 months ago)
- Last Synced: 2025-03-31T21:34:07.794Z (8 months ago)
- Topics: blog, blog-theme, zola, zola-theme
- Language: CSS
- Homepage: https://kita-zola.pages.dev
- Size: 2.11 MB
- Stars: 57
- Watchers: 2
- Forks: 20
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Kita
Kita is a clean, elegant and simple blog theme for Zola.
This theme is based on Hugo theme [hugo-paper](https://github.com/nanxiaobei/hugo-paper) with some features added.
[Demo](https://kita-zola.pages.dev)
## Features
- Easy to use and modify
- No preset limits (This theme does not limit your content directory structure, taxonomy names, etc. It's applicable to all zola sites.)
- Inject support
- Dark mode
- Responsive design
- Social icons
- Taxonomies support
- Projects page
- Archive page
- Table of Content
- Admonition shortcode
- SEO friendly
- Comments using [Giscus](https://giscus.app/)
- Mathematical notations using [KaTeX](https://katex.org/)
- Diagrams and charts using [Mermaid](https://mermaid.js.org/)
## Installation
The easiest way to install this theme is to clone this repository in the themes directory:
```sh
git clone https://github.com/st1020/kita.git themes/kita
```
Or to use it as a submodule:
```sh
git submodule add https://github.com/st1020/kita.git themes/kita
```
Then set `kita` as your theme in `config.toml`.
```toml
theme = "kita"
```
## Configuration
See the `extra` section in [config.toml](https://github.com/st1020/kita/blob/main/config.toml) as a example.
## Inject support
You can easily use inject to add new features to your side without modifying the theme itself.
To use inject, you need to add some HTML files to the `templates/injects` directory.
The available inject points are: `head`, `header_nav`, `body_start`, `body_end`, `page_start`, `page_end`, `footer`, `page_info`.
For example, to load a custom script, you can add a `templates/injects/head.html` file:
```html
```
## License
[MIT License](https://github.com/st1020/kita/blob/main/LICENSE)
Copyright (c) 2023-present, st1020