初步

src/pages/posts/[slug].astro

@@ -0,0 +1,30 @@
+---
+import BaseLayout from '@/layouts/BaseLayout.astro';
+import { getAllPosts } from '@/lib/posts';
+
+export function getStaticPaths() {
+  return getAllPosts().map((post) => ({
+    params: { slug: post.slug },
+    props: { post },
+  }));
+}
+
+const { post } = Astro.props;
+const { Content } = post;
+---
+
+<BaseLayout title={post.title} description={post.summary}>
+  <article class="article">
+    <header class="article-header">
+      <time datetime={post.date.toISOString()}>{post.dateText}</time>
+      <h1>{post.title}</h1>
+      <div class="meta-list">
+        {post.categories.map((category) => <a href={`/categories/${encodeURIComponent(category)}/`}>{category}</a>)}
+        {post.tags.map((tag) => <a href={`/tags/${encodeURIComponent(tag)}/`}>#{tag}</a>)}
+      </div>
+    </header>
+    <div class="prose">
+      <Content />
+    </div>
+  </article>
+</BaseLayout>