在 Vercel 部署 Astro 的 Firefly 主题模板

折腾静态博客好像有一种让人停不下来的魔力。之前对各种花哨的动态博客架构折腾了一圈后，最近反倒更向往那种轻量、干净、打开即用的静态站点。

**偶然刷到基于 Astro 框架开发的 **Firefly 主题（衍生自 Fuwari 模板），一眼就被它那清新现代的界面、细腻的动效以及丰富的内置组件给吸引住了。既然相中了，那就索性动手，把它直接部署到 Vercel 上，作为日常记录和分享的小天地。^^

整个过程出奇的顺畅，这里把折腾的步骤和一些个人感受简单记录下来。

为什么选择 Astro + Firefly？#

极致的性能：Astro 默认输出零客户端 JavaScript 的静态 HTML，对于我这种追求加载速度和极简体验的人来说，简直直击痛点。
现代且高颜值：Firefly 自身带有很多精致的细节，比如动态背景、暗色/亮色模式无缝切换、自定义主题色相，甚至还有项目展示、时间线、技能树等极具极客风格的页面，省去了自己从零写前端样式的大量精力。^^
省心的托管：不需要操心复杂的服务器运维，配合 GitHub 和 Vercel 的联动，真正实现了“修改代码、推送到仓库、自动构建上线”的丝滑体验。

得益于现代 Jamstack 架构的成熟，整个部署流程基本可以概括为：Fork 仓库 -> 配置参数 -> 绑定 Vercel 自动构建。

首先来到 GitHub 上的 Firefly 项目仓库（CuteLeaf/Firefly）。点击右上角的 Fork，把项目复制到你自己的 GitHub 账号下。

Fork 下来之后，其实不用急着在本地搭建复杂的 Node.js 开发环境。因为平时更习惯直接在 GitHub 的在线编辑器里微调，或者通过 Vercel 触发同步更新，所以直接在线修改核心配置文件即可：

从 GitHub 列表中选择你刚刚 Fork 的 Firefly 仓库。
Vercel 会非常智能地自动识别出这是一个 Astro 项目，构建命令（Build Command）通常会默认填充为 npm run build，输出目录（Output Directory）为 dist。
点击 Deploy，剩下的就交给 Vercel 的云端构建流水线。

看着终端里滚动几行日志，伴随着几秒钟的等待，站点就绿灯上线了。绑定好自己的自定义域名，顺便把 SSL 证书配置好，一个属于自己的全新 Firefly 博客就正式对外访问了。

折腾完之后，看着干净清爽的页面在浏览器里秒开，心情也会跟着平静下来。

静态博客的好处就在于此：它不要求你时刻去维护后端数据库的稳定，也不用担心哪天服务器过期。你只需要专注在 Markdown 文本里写下当下想说的话，然后点一下保存、推送到远端，剩下的交给云端去同步。

愿这盏小小的“Firefly”，能记录下更多技术与生活里的点滴微光。