Astro 是一个现代化的静态站点生成器，非常适合用来构建博客。

为什么选择 Astro？

Astro 有以下优点：

  • 零 JavaScript 默认：只在需要的时候才加载 JS
  • 岛屿架构：可以混合使用任何 UI 框架
  • 内容优先：内置 Markdown 和 MDX 支持
  • 极快的性能：自动优化输出

快速开始

npm create astro@latest
cd my-blog
npm run dev

内容集合

Astro v5 引入了改进的内容集合 API：

import { defineCollection, z } from "astro:content";
import { glob } from "astro/loaders";

const blog = defineCollection({
  loader: glob({ pattern: "**/*.md", base: "./src/data/blog" }),
  schema: z.object({
    title: z.string(),
    date: z.coerce.date(),
    tags: z.array(z.string()),
  }),
});

部署

Astro 支持多种部署方式：

  1. Vercel - 零配置部署
  2. Netlify - 简单快速
  3. Cloudflare Pages - 全球 CDN

提示：对于纯静态站点，任何支持静态文件的服务都可以使用。

这就是使用 Astro 构建博客的基础知识，祝你博客写作愉快！