用 Astro 构建极速静态站点

Astro 的按需 hydration 让静态站点既快又灵活。

为什么选择 Astro

传统的前端框架会把整个页面都做成一个 JavaScript 应用，即使大部分内容是静态的。Astro 的思路正好相反：默认输出零 JavaScript 的纯 HTML，只有真正需要交互的「岛屿」才会被 hydration。

对于个人主页这类内容为主、交互为辅的场景，这套模型几乎是完美的：

• 首屏极快：没有多余的运行时，浏览器拿到的就是可直接渲染的 HTML。
• 按需交互：主题切换、搜索这类组件单独 hydration，互不影响。
• 心智负担低：内容用 Markdown 管理，布局用组件复用。

实践中的取舍

真正落地时，最大的收获是学会「克制」——不是所有东西都需要变成组件，也不是所有交互都需要框架。把静态的部分交给 Astro，把少量动态逻辑写成轻量脚本，整个站点反而更容易维护。