A stylized browser window assembled from reusable blocks

Building This Site with Zola

A demonstration post showing the content features supported by this website.

Table of contents

This demonstration post exercises the content features used throughout the blog: colocated images, syntax-highlighted code, tables, and tags.

Colocated images

Images that belong to one post live beside its index.md file and use ordinary relative Markdown paths.

A diagram showing content flowing through templates into a static website
Markdown and Tera flow through Zola to produce the static site.

Syntax-highlighted code

Fenced code blocks declare their language so Zola can highlight them during the build.

fn main() {
    let generator = "Zola";
    println!("Built with {generator}");
}

Markdown tables

LayerResponsibility
MarkdownContent and frontmatter
TeraPage structure and reusable components
Tailwind CSSLayout and low-level utilities
daisyUITheme-aware interface components

Keeping these responsibilities separate makes the generated site easier to maintain.