Block

Blog/Black theme for Zola

Author: Sabu Siyad

This theme requires Zola version 0.21.0 and above

License: GPLv3

Homepage: https://github.com/ssiyad/block

Live Demo: https://block-zola.netlify.app/

Last updated: 2026-01-03T22:02:37+05:30

Block

Pure black, blog focused theme for Zola, powered by TailwindCSS.

Demo: https://block-zola.netlify.app/

sreenshot

Setup

In your zola site directory

Get theme

git submodule add https://github.com/ssiyad/block themes/block

Build CSS

cd themes/block
npm ci
npm run css:build

Build your site
```
cd ../..
zola build
```

Variables

You can use the following variables in your config.toml.

[extra.intro]
heading = "Blog/Black theme for Zola"
subheading = "Thoughts, stories and ideas."
avatar_url = "https://picsum.photos/200"

[extra.footer]
license_text = ""

Check theme.toml for more info.

Blocks

You can override individual blocks by following this.

Example: templates/base_layout.html

{%/* extends "block/templates/base_layout.html" */%}

{%/* block license_text */%}
  <div>
    The content for this site is
    <a
      href="https://creativecommons.org/licenses/by-sa/2.0/"
      target="_blank"
      class="font-medium"
      >CC-BY-SA</a
    >. The
    <a
      href="https://github.com/ssiyad/ssiyad.github.io"
      target="_blank"
      class="font-medium"
      >code for this site</a
    >
    is
    <a
      href="https://www.gnu.org/licenses/gpl-3.0.en.html"
      target="_blank"
      class="font-medium"
      >GPLv3</a
    >.
  </div>
{%/* endblock */%}

Self Promotion

Like this project? Give it a star! ⭐, and spread the word! 🚀. And if you are feeling especially charitable, follow Sabu Siyad on GitHub. Thanks!