用 Astro 十分钟搭起个人网站

这个站本身就是例子。三步走:

1. 创建项目

npm create astro@latest my-site

Minimal 模板,装完依赖后:

npm run dev

浏览器打开 http://localhost:4321

2. 加内容集合

src/content.config.ts 里定义集合,然后在 src/content/blog/ 下放 Markdown:

const blog = defineCollection({
  loader: glob({ base: './src/content/blog', pattern: '**/*.md' }),
  schema: z.object({
    title: z.string(),
    pubDate: z.string(),
  }),
});

3. 构建部署

npm run build

静态产物在 dist/,直接交给 Cloudflare Pages 就能上线。

Astro建站