mirror of https://github.com/SebastianStork/kita.git synced 2026-01-21 11:01:35 +01:00

Kita is a clean, elegant and simple blog theme for Zola. https://kita-zola.pages.dev

Find a file

SebastianStork ded1aaeeb9 Remove default favicon		2025-10-22 19:51:00 +02:00
.vscode	feat: add side toc support and update toc style	2025-10-02 20:07:02 +08:00
content	feat: add inline_svg shortcode	2025-07-20 16:10:11 +08:00
static	Remove default favicon	2025-10-22 19:51:00 +02:00
templates	Disable avatar spinning on hover	2025-10-22 18:38:47 +02:00
.gitignore	init: initial commit	2023-10-20 22:53:59 +08:00
.prettierignore	feat: update tailwindcss to v4	2025-05-22 21:03:59 +08:00
.prettierrc.js	init: initial commit	2023-10-20 22:53:59 +08:00
config.toml	feat: add side toc support and update toc style	2025-10-02 20:07:02 +08:00
LICENSE	docs: update license	2024-01-12 21:43:52 +08:00
package.json	feat: add side toc support and update toc style	2025-10-02 20:07:02 +08:00
pnpm-lock.yaml	feat: add side toc support and update toc style	2025-10-02 20:07:02 +08:00
README.md	feat: add side toc support and update toc style	2025-10-02 20:07:02 +08:00
screenshot.png	init: initial commit	2023-10-20 22:53:59 +08:00
theme.toml	chore: migrate demo site to cloudflare	2025-02-19 22:07:30 +08:00

Kita

Kita is a clean, elegant and simple blog theme for Zola.

This theme is based on Hugo theme hugo-paper with some features added.

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 & Floating side table of content
Admonition shortcode
SEO friendly
Comments using Giscus
Mathematical notations using KaTeX
Diagrams and charts using Mermaid

The easiest way to install this theme is to clone this repository in the themes directory:

git clone https://github.com/st1020/kita.git themes/kita

Or to use it as a submodule:

git submodule add https://github.com/st1020/kita.git themes/kita

Then set kita as your theme in config.toml.

theme = "kita"

See the extra section in config.toml as a example.

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:

<script src="js-file-path-or-cdn-url.js"></script>