Add tag list

.eleventy.js

@@ -42,6 +42,7 @@ module.exports = function(config) {
     return markdownIt.render(value);
   });
 
+  config.addCollection("tagList", require("./_11ty/getTagList"));
 
   return {
     passthroughFileCopy: true,

_11ty/getTagList.js

@@ -0,0 +1,38 @@
+module.exports = function(collection) {
+  let tagSet = new Set();
+  collection.getAll().forEach(function(item) {
+    if( "tags" in item.data ) {
+      let tags = item.data.tags;
+
+      tags = tags.filter(function(item) {
+        switch(item) {
+          // this list should match the `filter` list in tags.njk
+          case "all":
+          case "nav":
+          case "post":
+          case "posts":
+          case "tagList":
+          case "link":
+          case "guide":
+          case "note":
+          case "weeknote":
+          case "journal":
+          case "project":
+          case "talks":
+          case "article":
+          case "essay":
+            return false;
+        }
+
+        return true;
+      });
+
+      for (const tag of tags) {
+        tagSet.add(tag);
+      }
+    }
+  });
+
+  // returning an array in addCollection works in Eleventy 0.5.3
+  return [...tagSet];
+};

pages/writing.njk

@@ -8,6 +8,12 @@ permalink: writing/
 
 {{ list.tag('notes', 'weeknotes', 'journal', 'guides', 'essays', 'links') }}
 
+<p>I write about: {{ taglist }}</p>
+{% for tag in collections.tagList %}
+  {% set tagUrl %}/tags/{{ tag }}/{% endset %}
+  <a href="{{ tagUrl | url }}" class="tag">{{ tag }}</a>
+{% endfor %}
+
 <section class="article-list grid grid-l">
   {%- for article in collections.article | reverse -%}
     {% include 'components/atoms/article.njk' %}

pages/writing/tags-list.njk

@@ -0,0 +1,12 @@
+---
+layout: layouts/default
+permalink: /tags/
+title: All tags
+---
+
+{% for tag in collections.tagList %}
+  {% set tagUrl %}/tags/{{ tag }}/{% endset %}
+  <a href="{{ tagUrl | url }}" class="tag">{{ tag }}</a>
+{% endfor %}
+
+<p>See <a href="{{ '/tags/' | url }}">all tags</a>.</p>

pages/writing/tags.njk

@@ -0,0 +1,36 @@
+---
+pagination:
+  data: collections
+  size: 1
+  alias: tag
+  filter:
+    - all
+    - nav
+    - post
+    - posts
+    - note
+    - weeknote
+    - project
+    - journal
+    - guide
+    - essay
+    - link
+    - tagList
+    - talks
+    - article
+  addAllPagesToCollections: true
+layout: layouts/default
+renderData:
+  title: Tagged “{{ tag }}”
+permalink: /tags/{{ tag }}/
+---
+<h1>Tagged “{{ tag }}”</h1>
+
+<ol>
+{% set taglist = collections[ tag ] %}
+{% for post in taglist | reverse %}
+  <li><a href="{{ post.url | url }}">{{ post.data.title }}</a></li>
+{% endfor %}
+</ol>
+
+<p>See <a href="{{ '/tags/' | url }}">all tags</a>.</p>

posts/articles/example-post copy.md

@@ -0,0 +1,10 @@
+---
+title: Tech Review
+subtitle: I've been working on this very website for quite some time.
+description: I've been working on this very website for quite some time but always felt it was not finished.
+slug: tech-review
+date: 2019-09-06
+tags: ['article', 'tech']
+layout: layouts/post.njk
+permalink: /articles/{{ slug }}/index.html
+---