Merge pull request #9 from kranurag7/tags

Add tags and categories to the theme

config.toml

@@ -10,6 +10,11 @@ build_search_index = false
 title = "Hook"
 description = "Hook is a theme for Zola"
 
+taxonomies = [
+  {name = "categories"},
+  {name = "tags"},
+]
+
 [markdown]
 
 # Whether to do syntax highlighting

content/blog/hello-world.md

@@ -1,6 +1,7 @@
 +++
 title = "Hello world"
 date = 2021-07-29
+taxonomies.categories = ["intro"]
 +++
 
 Hello world!

content/blog/markdown.md

@@ -2,6 +2,13 @@
 title = "Markdown example"
 description = "This page demonstrates how Markdown looks in the Hook theme for Zola"
 date = 2021-07-30
+taxonomies.tags = [
+    "markdown",
+    "syntax",
+]
+taxonomies.categories = [
+    "intro"
+]
 +++
 
 This post is a markdown example.

sass/style.scss

@@ -32,6 +32,10 @@ body {
     margin-bottom: 4em;
 }
 
+.small {
+    font-size: 75%;
+}
+
 h1, h2, h3, h4, h5, h6 {
     line-height: 1.25;
 }

templates/page.html

@@ -12,8 +12,17 @@
 {% block content %}
 <main>
     <h1>{{ page.title }}</h1>
-    {% if page.date %}
-    <p class="secondary">{{ page.date | date(format="%-d %B, %Y") }}</p>
+    {% if page.date or page.taxonomies %}
+    <p class="secondary small">
+        {% if page.date %}{{ page.date | date(format="%-d %B, %Y") }}{% endif %}
+        {% for taxonomy_name, terms in page.taxonomies %}
+        - {{ taxonomy_name | capitalize }}:
+        {% for term_name in terms %}
+        {% set term = get_taxonomy_term(kind=taxonomy_name, term=term_name) %}
+        <a href="{{ term.permalink }}">{{ term.name }}</a>{% if not loop.last %},{% endif %}
+        {% endfor %}
+        {% endfor %}
+    </p>
     {% endif %}
     <div class="space"></div>
     {{ page.content | safe }}

templates/taxonomy_list.html

@@ -0,0 +1,20 @@
+{% extends "page.html" %}
+
+{% block title %}{{ config.title }} | {{ taxonomy.name | capitalize }}{% endblock title %}
+
+{% block content %}
+<main>
+    <h1>{{ taxonomy.name | capitalize }}</h1>
+    <div>
+        <ul>
+            {% for term in terms %}
+            <li>
+                <a href="{{ term.permalink }}">{{ term.name }}</a>
+                {% set count = term.pages | length %}
+                <span class="secondary small">({{ count }} page{{ count | pluralize }})</span>
+            </li>
+            {% endfor %}
+        </ul>
+    </div>
+</main>
+{% endblock content %}

templates/taxonomy_single.html

@@ -0,0 +1,18 @@
+{% extends "page.html" %}
+
+{% block title %}{{ config.title }} | {{ term.name }}{% endblock title %}
+
+{% block content %}
+<main>
+    <h1>{{ taxonomy.name | capitalize }} - {{ term.name }} </h1>
+    <ul>
+        {% for page in term.pages %}
+        <li>
+            <a href="{{ page.permalink | safe }}">{{ page.title }}</a>
+            {% if page.date %}<span class="secondary small">({{ page.date }})</span>{% endif %}
+        </li>
+        {% endfor %}
+    </ul>
+    <p><a href="{{ get_taxonomy(kind=taxonomy.name) | get(key='permalink') }}">All {{ taxonomy.name }}</a></p>
+</main>
+{% endblock content %}