用 Astro 把占位页换成真正的博客

起因

cokee.tech 之前只有一张「网站正在准备中」的单文件 HTML。想写点东西的时候，发现根本没有地方放——于是决定换成一个真正的博客。

为什么选 Astro

对比过几个方案：

• WordPress —— 功能全，但要服务器、要数据库，还得操心安全和备份
• Hexo / Hugo —— 静态生成，够轻，但模板改起来不太顺手
• Astro —— 静态生成 + 组件化写法，而且默认零 JS

最后选 Astro，主要因为它在「轻量」和「好改」之间平衡得不错。文章页构建出来就是纯 HTML，访客打开不需要等 JS 加载。

一个反直觉的点

Astro 虽然能写 React / Svelte 组件，但它们是按需水合的——不写 client:* 指令，组件就只在构建期渲染成 HTML，浏览器里一行 JS 都不跑。

---
// 这个组件只在构建时渲染，运行时零 JS
import PostCard from "@/components/post-card.astro";
---

<PostCard title="只渲染，不水合" />

需要交互时才加指令：

<!-- 进入视口才加载 JS -->
<Comments client:visible />

关于部署

静态产物的好处是托管选择很自由。我放在 Cloudflare 上，构建一次、全球边缘分发，也不用维护服务器。

更新流程就是：写完 Markdown → 提交到仓库 → 自动重新构建。

小结

如果你也想搭一个「能写东西、又不用养服务器」的博客，Astro 值得一试。