slugify tag paths

lib/generate/posts.ts

@@ -11,6 +11,8 @@ import layout from "../layout";
 async function generatePostFromFile(postPath: string, additionalMetadata: object = {}): Promise<Page> {
 	const page = await metadata.get(postPath);
 
+	(<PostMetadata>page.metadata).tagSlugs = (<PostMetadata>page.metadata).tags.map((tag) => slugify(tag));
+
 	for (const k in additionalMetadata) {
 		if (additionalMetadata.hasOwnProperty(k)) page.metadata[k] = additionalMetadata[k];
 	}

lib/generate/tags.ts

@@ -1,5 +1,6 @@
 import { Page, PostMetadata } from "../metadata";
 import generatePaginated from "./paginated";
+import slugify from "@sindresorhus/slugify";
 
 export default async function(posts: Page[]): Promise<Map<string, Page[]>> {
 	const taggedPosts = new Map<string, Page[]>();
@@ -15,7 +16,7 @@ export default async function(posts: Page[]): Promise<Map<string, Page[]>> {
 	}
 
 	taggedPosts.forEach((tagPosts, tag) => {
-		generatePaginated(tagPosts, `/${tag}/`, "site/tag.html.ejs", {
+		generatePaginated(tagPosts, `/${slugify(tag)}/`, "site/tag.html.ejs", {
 			tag
 		}, {
 			title: `${tag} posts`

lib/metadata.ts

@@ -17,6 +17,7 @@ export interface PostMetadata extends Metadata {
 	title: string;
 	slug: string;
 	tags: string[];
+	tagSlugs: string[];
 	date: string | Date;
 	readingTime?: number;
 	wordCount?: number;

site/includes/article-meta.html.ejs

@@ -11,7 +11,7 @@
 	<% if (metadata.tags) { %>
 		in
 		<% for (let i = 0; i < metadata.tags.length; i++) { %>
-			<span itemprop="articleSection"><a href="/<%= metadata.tags[i] %>/" rel="tag"><%= metadata.tags[i] %></a></span><%= i < metadata.tags.length - 1 ? ", " : "" %>
+			<span itemprop="articleSection"><a href="/<%= metadata.tagSlugs[i] %>/" rel="tag"><%= metadata.tags[i] %></a></span><%= i < metadata.tags.length - 1 ? ", " : "" %>
 		<% } %>
 	<% } else if (metadata.series) { %>
 		in

site/posts/2021-04-12-lets-build-a-programming-language.md

@@ -1,6 +1,6 @@
 ```
 metadata.title = "Let's Build a Programming Language: Part 0"
-metadata.tags = ["let's build a programming language", "rust"]
+metadata.tags = ["build a programming language", "rust"]
 metadata.date = "2021-04-12 17:27:42 -0400"
 metadata.shortDesc = ""
 metadata.slug = "lets-build-a-programming-language"