swyxio / swyxkit

An opinionated blog starter for SvelteKit + Tailwind + Netlify. Refreshed for SvelteKit 1.0!
https://swyxkit.netlify.app/
MIT License
681 stars 89 forks source link

Tags in Swyxkit #174

Closed swyxio closed 1 year ago

swyxio commented 1 year ago

tags: changelog

Swyxkit has basically always had a tagging system in the schema, but we just never used it:

https://github.com/sw-yx/swyxkit/blob/f49d61b0d4d5dfa4aa305c29e57be850d530f6a8/src/lib/content.js#L237-L239

You specify it in frontmatter (like in this post) as a simple comma separated string:

---
tags: comments, utterances, github cms
---

or as a yaml array of strings

---
tags: 
    - comments
    - utterances
    - github cms
---

Tags are alternatives to categories, which are singletons that have special meaning (different layouts, dedicated filters).

Blog index

First thing to do was to modify <IndexCard to display them:

image

of course we also needed to test and defensively guard against too many tags... ![image](https://user-images.githubusercontent.com/6764957/213311865-e2238542-de36-4f34-8b5f-3fb62b9cab14.png)

individual blogposts

then display them on the post in a way that is robust to overtagging:

image

search

then make each link back to search.

image