用 Astro 搭建个人博客的完整记录

这是我博客的第一篇文章。我选择用 Astro 来搭建这个个人博客，原因很简单：它足够轻、足够快，生成的纯静态站点几乎没有任何运行时开销。

为什么选 Astro

• 零 JS 默认：内容型页面不输出 JavaScript，首屏极快。
• 内容集合：用 Markdown 写文章，配合 frontmatter 管理元数据。
• 岛屿架构：需要交互的地方可以局部引入 React / Vue，互不干扰。
• 部署简单：构建出纯静态文件，扔到 Netlify 即可上线。

目录结构

src/
  layouts/          全局布局
  pages/            路由页面
  content/blog/     博客文章（Markdown）
  styles/           全局样式

部署到 Netlify

把仓库连上 Netlify，框架选 Astro，构建命令 npm run build，输出目录 dist，几秒钟就能上线。

这就是整个流程。接下来我会继续在这里分享更多内容。