用 Claude Code 搭建个人 AI 知识博客
EP001

用 Claude Code 搭建个人 AI 知识博客

· 15 分钟

作为一个 AI 深度使用者,每天都会产生大量的实践经验和思考。把这些内容沉淀下来,既是对自己知识体系的梳理,也能帮助到更多人。

为什么是 Astro

选择 Astro 而不是 Next.js 或 Hugo,原因很简单:

  • 内容优先 — Astro 天生为内容站点设计,MDX 是一等公民
  • 零 JS 默认 — 页面默认不加载 JavaScript,加载速度极快
  • 灵活的主题系统 — 可以自由组合各种 UI 组件
💡
选型建议

如果你的博客以文字内容为主,Astro 是最佳选择。它比 Next.js 更轻量,比 Hugo 更灵活。

核心架构

博客采用静态站点生成(SSG)模式,所有页面在构建时预渲染为 HTML,部署时只需要一个 Nginx 即可提供服务。

一键发布工作流

这个博客最核心的特性是一键发布:

  1. 用户提供素材内容
  2. AI 自动整理成标准格式
  3. 生成封面图
  4. 上传到服务器
  5. 触发全站重建

整个过程从内容整理到上线,只需要一条指令。

发布工作流示意图

图:从内容到上线的完整工作流

部署架构

博客使用 Docker Compose 部署在阿里云轻量服务器上:

  • Nginx — 反向代理 + 静态文件服务
  • API 服务 — 接收内容上传,触发构建
  • 博客站点 — Astro 构建的静态文件

总结

这个博客本身就是 AI 辅助开发的产物。从架构设计到代码实现,再到内容发布,全部通过 AI 完成。