feat: Custom extras page

src/content/archives.md

@@ -1,3 +0,0 @@
-# Archives
-
-Archives live here

src/content/extra/archives.md

@@ -0,0 +1,6 @@
+---
+title: Archives Custom Title
+---
+# Archives
+
+Archives live here

src/content/metadata.json

@@ -8,5 +8,8 @@
 		"github": "https://github.com",
 		"email": "email:cirno@gensokyo.jp",
 		"orcid": "https://orcid.org/cirno"
-	}
+	},
+	"extra": [
+		{ "route": "/archives", "name": "Archives" }
+	]
 }

src/lib/sitemap.ts

@@ -1,7 +1,8 @@
+import siteMetadata from '$content/metadata.json';
+
 export const routes: { route: string, name: string, disabled?: boolean }[] = [
 	{ route: "/", name: "Home" },
 	{ route: "/post", name: "Blog" },
 	{ route: "/tag", name: "Tags" },
 	{ route: "/gallery", name: "Gallery", disabled: true },
-	{ route: "/archives", name: "Archives" },
+].concat(siteMetadata?.extra || []);
-];

src/routes/[slug]/+page.svelte

@@ -1,12 +1,14 @@
 <script lang="ts">
 	import type { PageData } from './$types';
 	export let data: PageData;
-	const { Content } = data;
+	const { slug, metadata, Content } = data;
 	import siteMetadata from '$content/metadata.json';
+
+	const title = metadata?.title || (slug[0].toUpperCase() + slug.slice(1));
 </script>
 
 <svelte:head>
-	<title>Archives | {siteMetadata.blogName}</title>
+	<title>{title} | {siteMetadata.blogName}</title>
 </svelte:head>
 
 <hr />

src/routes/[slug]/+page.ts

@@ -0,0 +1,12 @@
+import type { PageLoad } from './$types';
+
+export const load: PageLoad = async ({ params }) => {
+	const post = await import(`$content/extra/${params.slug}.md`);
+	const Content = post.default;
+
+	return {
+		slug: params.slug,
+		metadata: post.metadata,
+		Content,
+	};
+}

src/routes/archives/+page.ts

@@ -1,11 +0,0 @@
-import type { PageLoad } from './$types';
-
-export const load: PageLoad = async (_) => {
-	const post = await import("$content/archives.md");
-	const Content = post.default;
-
-	return {
-		metadata: post.metadata,
-		Content,
-	};
-}