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

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

Find a file

st1020 f3f18d697f feat: update katex and mermaid		2025-01-19 09:47:39 +08:00
.github/workflows	chore: update GitHub Workflow	2024-08-01 21:05:06 +08:00
content	feat: add optional cover image alt (#20 )	2024-10-04 10:26:19 +08:00
static	feat: modify code block highlight line style	2025-01-19 09:46:20 +08:00
templates	feat: update katex and mermaid	2025-01-19 09:47:39 +08:00
.gitignore	init: initial commit	2023-10-20 22:53:59 +08:00
.prettierignore	feat: support Simple Icons for social icons	2024-05-19 18:22:56 +08:00
.prettierrc.js	init: initial commit	2023-10-20 22:53:59 +08:00
config.toml	fix: fix build error due to config change (#16 )	2024-07-01 20:31:59 +08:00
LICENSE	docs: update license	2024-01-12 21:43:52 +08:00
package.json	feat: modify code block highlight line style	2025-01-19 09:46:20 +08:00
pnpm-lock.yaml	feat: modify code block highlight line style	2025-01-19 09:46:20 +08:00
README.md	feat: add inject support	2024-10-05 23:12:49 +08:00
screenshot.png	init: initial commit	2023-10-20 22:53:59 +08:00
tailwind.config.js	init: initial commit	2023-10-20 22:53:59 +08:00
theme.toml	init: initial commit	2023-10-20 22:53:59 +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
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>