Block

Blog/Black theme for Zola

作者: Sabu Siyad

此主题需要 Zola 版本 0.21.0 及以上

许可证: GPLv3

主页: https://github.com/ssiyad/block

在线演示: https://block-zola.netlify.app/

最后更新: 2026-01-28T12:43:48+05:30

Block

纯黑、以博客为中心的 Zola 主题，由 TailwindCSS 驱动。

演示: https://block-zola.netlify.app/

设置

在你的 zola 站点目录中

• 获取主题

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

• 构建 CSS

  cd themes/block
  npm ci
  npm run css:build

• 构建你的站点

  cd ../..
  zola build

变量

你可以在 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 = ""

查看 theme.toml 了解更多信息。

块

你可以通过遵循 这里 的说明覆盖单个块。

示例：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 */%}

自我推销

喜欢这个项目吗？给它一个星！⭐，并传播出去！🚀。如果你感觉特别慷慨，请在 GitHub 上关注 Sabu Siyad。谢谢！