用 Astro 搭建个人项目博客

为什么用 Astro

需求很简单:展示项目、写文章、加载要快。Astro 对这种内容型站点来说刚好合适——Markdown 文章直接放进 src/content/blog,不需要配置一堆东西就能跑起来。

我主要看重三点:

  1. 静态输出,直接部署到 Cloudflare Pages,省事。
  2. 内容集合自带 frontmatter 校验,文章字段不容易写错。
  3. 够用的组件化,不需要把一个博客搞成复杂前端应用。

Next.js 也考虑过,但对这个规模来说有点重了。

当前结构

src/pages       — 首页、博客列表、项目页、关于页
src/content/blog — Markdown 文章
src/components  — 文章卡片、项目卡片、导航
src/layouts     — 页面布局和文章布局

新增文章只需要加 Markdown 文件,不用改其他代码,这个最省事。

下一步

接下来想把项目页和文章互相串起来——每个项目都能找到对应的开发记录和复盘,而不是各放各的。