Add taglist to main blog listing

src/_includes/components/blog.njk

@@ -13,6 +13,11 @@
             <h2><a href="{{ item.url }}">{{ item.data.title | safe }}</a></h2>
             <time class="block" datetime="{{ item.date | dateToRfc3339 }}">{{ item.date | dateDisplay }}</time>
             <p class="e-content p-summary">{{ item | excerpt }}</p>
+            <ul role="list" class="tags">
+                {% for t in item.data.tags | except("posts") | except("draft") %}
+                <li><a href="/post/tag/{{ t }}" rel="tag">#{{ t }}</a></li>
+                {% endfor %}
+            </ul>
             <a href="{{ item.url }}" class="inline-block">Read more</a>
         </li>
         {% endfor %}

src/css/exceptions/tags.css

@@ -1,4 +1,4 @@
-li:has(a[rel="tag"]) {
+li:has(> a[rel="tag"]) {
     display: inline-block;
     margin-inline-end: 1ch;
 
@@ -6,3 +6,7 @@ li:has(a[rel="tag"]) {
         content: ",";
     }
 }
+
+.tags {
+    color: var(--color-subtle);
+}