我的博客搭建全记录：从零到AI自动化部署

一个人，一个博客，一段从手工部署到 AI 自动化的折腾之旅。

前言

一直想拥有一个属于自己的博客——不被平台束缚，内容完全自主，还能折腾各种好玩的技术。经过一番调研和实践，最终形成了一套 Hexo + GitHub + Cloudflare + AI 自动化 的技术栈，记录下来供自己复盘，也希望能帮到有类似想法的朋友。

技术栈总览

先上一张整体架构图：

技术栈总览

层级	技术选型	说明
框架	Hexo 7.x	静态博客生成器，Markdown 写作
主题	Butterfly 5.x	功能丰富、颜值在线的中文友好主题
代码管理	GitHub	版本控制 + CI/CD 触发源
静态部署	Cloudflare Pages	全球 CDN 加速，自定义域名
媒体存储	Cloudflare R2	图片对象存储，自定义域名 img.233002.xyz
AI 自动化	Hermes Agent + Mimo	AI 驱动的博客运维自动化

为什么选择 Hexo + Butterfly

选择 Hexo 的理由很简单：

纯静态：生成的就是 HTML，部署到哪里都行
Markdown 写作：程序员最熟悉的写作方式
插件生态丰富：需要什么功能基本都有现成的插件

主题方面试了几个，最终选了 Butterfly，主要看中：

内置暗色模式、代码高亮、目录导航
支持多种评论系统和统计工具
中文文档完善，社区活跃
Live2D 看板娘、天气、万年历等趣味功能

Butterfly 主题效果

GitHub 代码管理

博客的所有代码和文章都托管在 GitHub 上，好处是显而易见的：

版本控制：每次修改都有迹可循
多端同步：换电脑也能无缝继续
自动触发部署：push 到 main 分支，Cloudflare Pages 自动构建发布

项目目录结构清晰明了：

my-blog/
├── _config.yml          # Hexo 主配置
├── source/
│   ├── _posts/          # 文章（按分类子文件夹组织）
│   │   ├── 技术/
│   │   ├── 历史/
│   │   ├── 动漫/
│   │   └── ...
│   └── about/           # 关于页面
└── themes/
    └── butterfly/       # 主题及自定义配置

GitHub 仓库