feat: add tags for each post

_config.yml

@@ -3,3 +3,8 @@ description: Collection of highlights from the books I have read over the years
 url: "https://books.sayan.ee"
 markdown: kramdown
 permalink: /:title
+tag_mapping:
+  1: "self-help"
+  2: "spirituality"
+  3: "fiction"
+  4: "biography"

_includes/tags.html

@@ -0,0 +1,9 @@
+{% assign tag_mapping = site.tag_mapping %}
+{% if post.tags %}
+{% for tag_number in post.tags %}
+{% assign tag_number = tag_number | plus: 1 | strip %}
+{% if tag_mapping[tag_number] %}
+  <span class="tag is-info">{{ tag_mapping[tag_number] }}</span>
+{% endif %}
+{% endfor %}
+{% endif %}

_layouts/post.html

@@ -36,6 +36,20 @@ <h1 class="title my-6">{{ page.title }}</h1>
               {% endif %}
             </div>
           </div>
+
+          {% assign tag_mapping = site.tag_mapping %}
+          {% if page.tags %}
+            {% for tag_number in page.tags %}
+            {% assign tag_number = tag_number | plus: 1 | strip %}
+              {% if tag_mapping[tag_number] %}
+              <div class="control">
+                <div class="tags">
+                  <span class="tag is-medium is-info">{{ tag_mapping[tag_number] }}</span>
+                </div>
+              </div>
+              {% endif %}
+            {% endfor %}
+          {% endif %}
         </div>
 
         {{ content }}

_posts/2021-11-10-siddhartha.md

@@ -2,6 +2,7 @@
 layout: post
 title:  "Siddhartha"
 authors: Hermann Hesse
+tags: [2,3]
 ---
 
 Awakening

index.html

@@ -11,6 +11,8 @@
           <tr>
             <td>
               <a href="{{ post.url | prepend: site.baseurl }}">{{ post.title }}</a>
+              {% include tags.html %}
+
               <p class="is-hidden-tablet">
                 {% include info.html %}
               </p>