+
{@html doc.content}
diff --git a/src/lib/components/Toc/StickyToc.svelte b/src/lib/components/Toc/StickyToc.svelte
index c37f8a1..2e43a5f 100644
--- a/src/lib/components/Toc/StickyToc.svelte
+++ b/src/lib/components/Toc/StickyToc.svelte
@@ -14,7 +14,7 @@
- On this page
+ On this page
{#if $tocStore.items.size}
diff --git a/src/lib/styles/markdown.css b/src/lib/styles/markdown.css
index c8d0cc9..eec04fb 100644
--- a/src/lib/styles/markdown.css
+++ b/src/lib/styles/markdown.css
@@ -1,6 +1,5 @@
.markdown-body {
@apply text-primary/90;
- h1,
h2 {
@apply text-3xl font-serif mb-5 mt-16;
}
diff --git a/src/lib/utils/crawl.ts b/src/lib/utils/crawl.ts
new file mode 100644
index 0000000..5140b92
--- /dev/null
+++ b/src/lib/utils/crawl.ts
@@ -0,0 +1,56 @@
+import { readdir, readFile } from 'fs/promises';
+import { join } from 'path';
+import toml from 'toml';
+
+export type PostMeta = {
+ title: string;
+ manifest: {
+ authors: string[];
+ date: Date;
+ tags: { primary: string[]; secondary: string[] };
+ blurb: string;
+ description: string;
+ };
+ cover: {
+ src: string;
+ alt: string;
+ };
+};
+
+export default async () => {
+ const blogPath = join(process.cwd(), 'blog');
+ const years = await readdir(blogPath);
+
+ const posts: {
+ [key: string]: {
+ metadata: PostMeta;
+ content: string;
+ };
+ } = {};
+
+ for (const year of years) {
+ const yearPath = join(blogPath, year);
+ const directories = await readdir(yearPath);
+
+ for (const directory of directories) {
+ const postPath = join(yearPath, directory);
+ const postTomlPath = join(postPath, 'post.toml');
+ const contentPath = join(postPath, 'content.md');
+
+ try {
+ const postToml = await readFile(postTomlPath, 'utf-8');
+ const content = await readFile(contentPath, 'utf-8');
+
+ const metadata = toml.parse(postToml);
+
+ posts[`${year}/${directory}`] = {
+ metadata,
+ content
+ };
+ } catch (error) {
+ throw new Error(`Error reading post: ${error}`);
+ }
+ }
+ return posts;
+ }
+};
diff --git a/src/lib/utils/parseMarkdown.ts b/src/lib/utils/parseMarkdown.ts
new file mode 100644
index 0000000..103f33f
--- /dev/null
+++ b/src/lib/utils/parseMarkdown.ts
@@ -0,0 +1,32 @@
+import { unified } from 'unified';
+import rehypeKatex from 'rehype-katex';
+import rehypeStringify from 'rehype-stringify';
+import remarkMath from 'remark-math';
+import remarkParse from 'remark-parse';
+import remarkRehype from 'remark-rehype';
+import remarkGfm from 'remark-gfm';
+import remarkGhAlerts from 'remark-gh-alerts';
+import remarkSectionize from 'remark-sectionize';
+
+export default async (markdown: string) => {
+ try {
+ const html = String(
+ await unified()
+ .use(remarkParse)
+ .use(remarkSectionize)
+ .use(remarkGfm)
+ .use(remarkGhAlerts)
+ .use(remarkMath)
+ .use(remarkRehype)
+ .use(rehypeKatex)
+ .use(rehypeStringify)
+ .process(markdown)
+ );
+
+ if (typeof html === 'undefined') throw new Error('No content');
+
+ return html;
+ } catch (e) {
+ throw new Error(`Failed to parse markdown: ${e}`);
+ }
+};
diff --git a/src/routes/blog/+page.server.ts b/src/routes/blog/+page.server.ts
deleted file mode 100644
index e69de29..0000000
diff --git a/src/routes/blog/[...slug]/+page.server.ts b/src/routes/blog/[...slug]/+page.server.ts
index 900a22f..c87e875 100644
--- a/src/routes/blog/[...slug]/+page.server.ts
+++ b/src/routes/blog/[...slug]/+page.server.ts
@@ -1,5 +1,26 @@
-import type { EntryGenerator } from './$types';
+import crawl from '$lib/utils/crawl';
+import { error } from '@sveltejs/kit';
+import type { EntryGenerator, PageServerLoad } from './$types';
+import parseMarkdown from '$lib/utils/parseMarkdown';
+
+const posts = await crawl();
+if (!posts) throw new Error('No posts found!');
+
+export const load: PageServerLoad = async ({ params }) => {
+ const post = posts[params.slug];
+
+ if (!post) {
+ error(404, 'Post not found.');
+ }
+
+ const parsed = await parseMarkdown(post.content);
+
+ return {
+ ...post,
+ content: parsed
+ };
+};
export const entries: EntryGenerator = () => {
- return [{ slug: '2024/test-post' }, { slug: '2024/another-post' }];
+ return Object.keys(posts).map((slug) => ({ slug }));
};
diff --git a/src/routes/blog/[...slug]/+page.svelte b/src/routes/blog/[...slug]/+page.svelte
index b53ce34..eaf2117 100644
--- a/src/routes/blog/[...slug]/+page.svelte
+++ b/src/routes/blog/[...slug]/+page.svelte
@@ -10,14 +10,13 @@
export let data: PageData;
let doc: BlogDocument = {
- title: 'Test Post',
- primaryTags: ['Computer Science', 'Mathematics'],
- secondaryTags: ['Calculus', 'Taylor Series'],
- time: Date.now() / 1000,
- content: data.content!,
- blurb: 'A short and succinct, yet descriptive blurb about the post.',
- description:
- 'An insightful and longer description of the post. This should be a bit more detailed than the blurb. It should give the reader a good idea of what the post is about.'
+ title: data.metadata.title,
+ primaryTags: data.metadata.manifest.tags.primary,
+ secondaryTags: data.metadata.manifest.tags.secondary,
+ time: data.metadata.manifest.date.getTime() / 1000,
+ content: data.content,
+ blurb: data.metadata.manifest.blurb,
+ description: data.metadata.manifest.description
};
// $: doc = data.metadata;
// $: componentSource = data.metadata.source?.replace('default', $config.style ?? 'default');
diff --git a/src/routes/blog/[...slug]/+page.ts b/src/routes/blog/[...slug]/+page.ts
index 977c0e5..189f71e 100644
--- a/src/routes/blog/[...slug]/+page.ts
+++ b/src/routes/blog/[...slug]/+page.ts
@@ -1,40 +1 @@
-import type { PageLoad } from '../[year]/[slug]/$types.js';
-import { unified } from 'unified';
-import rehypeKatex from 'rehype-katex';
-import rehypeStringify from 'rehype-stringify';
-import remarkMath from 'remark-math';
-import remarkParse from 'remark-parse';
-import remarkRehype from 'remark-rehype';
-import remarkGfm from 'remark-gfm';
-import remarkGhAlerts from 'remark-gh-alerts';
-import remarkSectionize from 'remark-sectionize';
-
export const prerender = true;
-
-export const load: PageLoad = async ({ fetch }) => {
- try {
- const data = await fetch('/test.md');
- const content = String(
- await unified()
- .use(remarkParse)
- .use(remarkSectionize)
- .use(remarkGfm)
- .use(remarkGhAlerts)
- .use(remarkMath)
- .use(remarkRehype)
- .use(rehypeKatex)
- .use(rehypeStringify)
- .process(await data.text())
- );
-
- if (typeof content === 'undefined') throw new Error('No content');
-
- return {
- content
- };
- } catch (e) {
- return {
- markdown: `Error: ${e}`
- };
- }
-};
diff --git a/vite.config.ts b/vite.config.ts
index bbf8c7d..53b35ba 100644
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -2,5 +2,10 @@ import { sveltekit } from '@sveltejs/kit/vite';
import { defineConfig } from 'vite';
export default defineConfig({
- plugins: [sveltekit()]
+ plugins: [sveltekit()],
+ server: {
+ fs: {
+ allow: ['./blog']
+ }
+ }
});