用 Astro 搭建博客并部署到 Vercel 的笔记

从初始化项目到上线,记录一下整个流程和遇到的小坑。

Astro 非常适合内容型站点,默认零 JS,页面加载很快。

初始化项目

npm create astro@latest
npm run dev

写文章

所有文章都放在 src/content/posts/ 目录下,一个 Markdown 文件就是一篇文章。

部署

把仓库导入 Vercel,它会自动识别 Astro,构建命令是 npm run build,输出目录是 dist。


整个过程大概十分钟就能完成。

← 返回文章