congxine笔记
ONLINE
返回技术
ENGINEERING / NOTE

Astro 静态页面

Astro · 站内原创整理

Astro 默认优先输出静态 HTML,适合内容站点,也能在需要时局部引入交互组件。

核心说明

Astro 的核心取舍是优先输出静态 HTML,把 JavaScript 留给确实需要交互的组件。对于文章、项目和资料索引这类内容站,这能减少运行时依赖并改善首屏可读性。

关键点

  • 先把页面做成服务器生成的 HTML,再判断主题切换、展开列表等地方是否需要客户端脚本。
  • 静态输出不等于没有交互,而是把交互范围控制在局部。
  • 构建后的 dist 目录就是部署边界,发布前应直接检查它。