初步

src/components/PostCard.astro

@@ -0,0 +1,21 @@
+---
+import type { BlogPost } from '@/lib/posts';
+
+interface Props {
+  post: BlogPost;
+}
+
+const { post } = Astro.props;
+---
+
+<article class="post-card">
+  <a href={post.href}>
+    <time datetime={post.date.toISOString()}>{post.dateText}</time>
+    <h2>{post.title}</h2>
+    {post.summary && <p>{post.summary}</p>}
+  </a>
+  <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>
+</article>