varunlakkur / zink

A minimal personal website and blog theme for Zola

Zink

Crisp, minimal personal website and blog theme for Zola. This is a port of hugo-ink which was originally forked from Ezhil.

The name is inspired by zola and ink.

Ligh theme

Dark theme

Demo

https://zola-ink.netlify.app/

Installation

1. Download the theme

git submodule add https://github.com/varunlakkur/zink themes/zink

2. Add theme="zink" to your config.toml
3. Copy example content from theme to the main content

cp -r themes/zink/content/* content/

4. Add theme=zink to the main section of config.toml

Override

You can override the contents of the main page by extending the index.html file.

{% extends "index.html" %}

{% block content %}
Your new content goes here
{% endblock content %}

Analytics can be added by extending the analytics block

{% extends "index.html" %}

{% block analytics %}
Your new content goes here
{% endblock analytics %}

Options

All the options go into [extra] section

zink_avatar (optional):

Avatar to be displayed on beside the site title

####zink_social: Links to your SM profiles like twitter and github

Example:

zink_social = [
    {url = "https://github.com/varunlakkur/zola", name = "Github", icon = "github"},
    {url = "atom.xml", name = "RSS", icon = "rss"},
]

zink_links:

The menu items to be displayed on the nav bar.

Example:

zink_links = [
    {url = "/", name = "Home"},
    {url = "/blog", name = "Blog"},
    {url = "/about", name = "About"},
    {url = "/tags", name = "Tags"},
]

zink_recent:

Decides whether to display the Recent Posts on the main page

zink_recent_items (Optional):

Num of recent posts to be displayed.

Acknowledgements

• Ported hugo-ink with zola specific changes
  • The layout and the theme is identical to ink
  • The css files and js files are from ink (Thanks knadh)
• Skeleton of the templates are taken from mr-karan's website