Zola Hook

screenshot of Zola Hook
zola

A clean and simple personal site/blog theme for the Zola static site generator

Overview

Hook is a clean and simple personal site/blog theme for Zola. It provides a minimalist design and includes various templates for the homepage, pages, posts, sections, and 404 pages.

Features

  • Homepage: A template for the homepage with customizable sections.
  • Page and Post Templates: Templates for individual pages and posts, extending the homepage template.
  • Section Template: A template for displaying an archive of pages in a section, typically used for blogs.
  • 404 Template: A template for the 404 page, extending the page template.
  • Customizable Templates: The templates have Tera blocks to override the default title, description, extra head content, header, and content.
  • Page and Section Descriptions: Pages and sections can have custom descriptions set in the front matter, which override the default description set in the config.toml file.
  • Header Links: Links to pages can be defined in the config.toml file to be included in the header on the homepage.
  • Root Index: The content of the root _index.md file is included in the homepage if present.
  • Recent Posts: The homepage displays a list of the 20 most recent posts, assuming the blog/_index.md section exists. It also includes a link to an archive of all blog posts by year.
  • Light/Dark Mode: The theme supports light and dark mode based on the user's preference. It also includes a manual toggle button (requires JavaScript).

Summary

Hook is a minimalist theme for Zola, designed for personal websites and blogs. It offers various templates for different pages, customizability options for headers, content, titles, and descriptions, and a light/dark mode feature. With its clean and simple design, Hook provides an elegant and user-friendly experience for Zola users.

zola
Zola

Zola comes as a single executable with Sass compilation, syntax highlighting, table of contents and many other features that traditionally require setting up a dev environment or adding some JavaScript libraries to your site.