feat: add draft field to post schema

Author: zhongyangxun

src/components/PostList.tsx

@@ -8,14 +8,21 @@ type PostListProps = {
 const PostList = ({ posts }: PostListProps) => {
   return (
     <ul>
-      {posts.map((post: Post) => {
+      {posts.map((post: Post, index) => {
         const { id, data } = post;
-        const { title, update, pubDate, description } = data;
+        const { title, update, pubDate, description, draft } = data;
+
+        if (import.meta.env.PROD && draft) {
+          return null;
+        }
+
+        const titlePrefix = draft ? '[DRAFT] ' : '';
+
         return (
           <li key={id}>
             <PostItem
               id={id}
-              title={title}
+              title={`${titlePrefix} ${title}`}
               update={update}
               pubDate={pubDate}
               description={description}

src/content/posts/post-1.md

@@ -5,6 +5,7 @@ update: 2026-03-08
 author: 'Astro Learner'
 tags: ['astro', 'blogging', 'learning in public']
 category: '技术实践'
+draft: true
 ---
 
 Welcome to my _new blog_ about learning Astro! Here, I will share my learning journey as I build a new website.

src/content/posts/post-5.md

@@ -5,6 +5,7 @@ description: 'How I rebuilt my personal site using Astro 5, shadcn/ui, Tailwind
 tags: ['astro', 'tailwind', 'react', 'web-development', 'minimalism']
 author: 'Joey'
 category: '技术实践'
+draft: true
 ---
 
 In an era where every website screams for attention with infinite scroll, hero videos, and animated gradients, I made the deliberate choice to go the opposite direction. My new blog is deliberately narrow — capped at `max-w-xl` — and built entirely on **Astro 5**, **shadcn/ui**, **Tailwind CSS** with the official Typography plugin, and just enough **React** for interactive islands. The result? A lightning-fast, distraction-free reading experience that feels like opening a beautifully typeset book rather than another noisy feed.

src/content/posts/post-6.md

@@ -5,6 +5,7 @@ description: '我如何用 Astro 5、shadcn/ui、Tailwind Typography 和少量 R
 tags: ['astro', 'tailwind', 'react', 'web-development', 'minimalism']
 author: 'Joey'
 category: '技术实践'
+draft: true
 ---
 
 在这个每个网站都拼命用无限滚动、英雄视频和渐变动画抢眼球的时代，我反其道而行之。

src/schemas/post.ts

@@ -18,6 +18,7 @@ export const postSchema = z.object({
   tags: z.array(z.string()),
   series: z.string().optional(),
   seriesIndex: z.number().optional(),
+  draft: z.boolean().default(false),
 });
 
 export type PostFrontmatter = z.infer<typeof postSchema>;