📁 Sunhao's Log
技术

为什么选择 Astro 构建现代化个人博客

群岛架构、极速静态生成与极简内容管理实践

深度解析现代前端静态架构的优势:极致性能、零服务器维护与 AI 协同工作流。

#Astro #Cloudflare #Web开发

在选择博客架构时,我对比了 WordPress、Halo、Notion 等多种方案,最终选择了 Astro + Cloudflare Pages

为什么是这个组合?

1. 极致轻量与零 JS 运行时(Zero-JS by default)

传统的动态博客或重型 SPA 框架(如 React/Vue 单页应用)在打开时往往需要下载几百 KB 甚至数 MB 的 JavaScript 代码,导致首屏加载慢。

Astro 采用创新的组件群岛(Islands Architecture)

  • 默认输出纯 HTML/CSS,没有多余的 JavaScript 包袱。
  • 页面可以在毫秒级别加载完成,Google Lighthouse 性能评分轻松达到 100 分满分!
# 构建速度极快,产物纯净
npm run build

2. 真正的云端零维护

  • 零服务器负担:不需要在 Linux 上常驻进程或维护 MySQL 数据库,完全不用担心内存爆满(OOM)或服务器宕机。
  • 全球边缘网络:Cloudflare 在全球 300+ 城市拥有 CDN 节点,即使关掉本地电脑,全世界读者访问依然秒开。

3. 与 Antigravity 完美契合的写作流

通过 AI 辅助,我只需要写 Markdown 文档,其余代码调整、样式美化全由 AI 自动化完成,真正实现了“写作自由”。