用 AI 搭建一个自己的个人博客

凌星个人博客海报

写这篇内容主要是想看一遍最近正在做的事情:把 Obsidian、Codex、opencode 里产生的内容,慢慢整理成一个可以长期沉淀的个人博客。

我之前一直把信息放在 Obsidian 里,比如网站资料、AI 总结、日常记录、各种资料链接。这样做适合自己查阅,但不太适合公开展示,也不方便把一些已经整理好的内容分享出去。所以最近开始用 AI 辅助搭一个个人博客,把每天自动化总结保存下来的内容,挑一部分整理成文章。

为什么选 Hexo

现在用的是 Hexo 框架,没有后端。对新手来说,Hexo 的好处是结构清楚、部署简单、资料多,而且文章就是 Markdown 文件。只要能把主题、配置和文章目录跑通,后面维护成本并不高。

当然,Hexo 相关项目很多,不同主题的结构也不完全一样。对小白来说,直接打开项目可能会懵:哪些是配置,哪些是主题,哪些是生成文件,哪些地方可以改,哪些地方不应该动。

所以我的思路是先让 AI 读一遍项目结构,再让它把 Hexo 官方文档、主题结构、已有文章和我的需求整合起来,输出一份能看懂的说明。这样后面我再继续改站点,就不是盲改。

AI 在这里做什么

我主要用 opencode,也可以换成 Codex 或其他类似工具。它们对小白的价值不是”直接变出一个完美网站”,而是可以把复杂项目拆成可以理解、可以执行的步骤。

比如我会让 AI 做几件事:

  1. 读取别人已经搭好的 Hexo 博客项目。
  2. 分析项目目录、配置文件、主题模板、样式和脚本。
  3. 根据我的需求改主题、改页面、补文章。
  4. 把整理好的内容写成 Markdown,放进博客。
  5. 最后生成静态文件,再上传到 GitHub Pages 或绑定域名。

这套流程的重点不是炫技,而是让 AI 先帮我跨过”看不懂项目”的门槛。

博客页面预览

成本大概多少

这次我用的是 DeepSeek 一类的模型,实际花费不高。截图里可以看到,用量折算下来大概十几块钱人民币级别。这个成本对”搭一个可持续维护的个人博客”来说是可以接受的。

DeepSeek 用量截图

如果只是让 AI 生成一两个页面,成本当然更低。但我更建议把钱花在”让 AI 读项目、总结结构、形成文档”上。因为文档一旦写清楚,后面每次修改都会省很多时间。

我让 AI 总结了什么

我让 AI 把 Hexo 项目反向拆了一遍,重点看这些内容:

  • _config.yml 里有哪些站点配置。
  • package.json 里有哪些脚本。
  • scaffolds 里文章模板怎么写。
  • source/_posts 里已有文章的 Front matter 怎么组织。
  • 主题模板里有哪些页面结构。
  • CSS 里颜色、卡片、侧栏、响应式布局怎么设计。
  • JavaScript 里有哪些交互,比如回到顶部、移动端导航、明暗模式。

Hexo 逆向工程描述

这个过程的结果,就是把一个”能运行但看不懂”的项目,变成一份可读的工程说明。后面无论是继续改主题,还是把自己的内容迁移进去,都有了抓手。

适合新手的实际步骤

如果你也想用 AI 搭个人博客,可以按这个顺序来:

  1. 把需求和提示词输入给 opencode、Codex 或其他 AI 编程工具。
  2. 找一个别人已经搭好的 Hexo 博客项目,或者从 Hexo 官方模板开始。
  3. 让 AI 分析目录结构,并用中文解释每个目录和配置文件的作用。
  4. 让 AI 根据你的需求修改站点标题、导航、头像、背景图、主题色和文章模板。
  5. 准备几篇 Markdown 文章,放到 source/_posts
  6. 本地运行 Hexo,确认页面能打开。
  7. 构建静态文件,上传到 GitHub Pages。
  8. 有域名的话,再绑定自己的域名。

这套流程不要求你一开始就懂完整前端工程。你只要能描述需求、检查结果、慢慢理解项目结构,就可以一步步做出来。

我的博客定位

我的个人博客是 elorado.cn。它不只是一个展示页,后面会用来放 Obsidian、Codex、opencode 里沉淀出来的内容,比如 AI 使用记录、工具教程、项目复盘、自动化总结、学习笔记等。

我觉得个人博客最重要的不是一开始就很精致,而是能持续放内容。主题可以慢慢调,分类可以慢慢整理,但先要有一个自己的地方,把信息从聊天记录和笔记软件里搬出来。

小结

AI 搭博客最有价值的地方,不是替你省掉所有学习,而是把学习路径压缩到你能承受的范围内。以前搭一个博客,可能要先看 Hexo 文档、主题文档、GitHub Pages 教程、域名解析教程。现在可以让 AI 先帮你拆解,再按步骤一点点改。

如果你已经在 Obsidian 或 Codex 里积累了很多内容,个人博客就是一个很自然的下一步:把私有笔记整理成公开文章,把零散记录变成长期可搜索、可分享、可复用的知识库。

可复用提示词

下面是我会给 AI 的完整提示词,可以直接复制改成你的情况:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
我想搭建一个个人博客,用来沉淀 Obsidian、Codex、opencode 或其他 AI 工具里产生的内容。请你作为一名有经验的前端工程师和技术博客作者,帮我基于 Hexo 搭建或改造一个适合新手维护的个人博客。

目标:
1. 博客使用 Hexo,不需要后端。
2. 文章使用 Markdown,后续方便从 Obsidian 迁移内容。
3. 页面需要包含首页、文章页、归档页、分类页、标签页、关于页。
4. 主题风格要适合个人技术博客,清晰、简洁、可长期维护。
5. 请优先解释项目结构,让我知道哪些文件可以改、哪些文件是生成结果。
6. 如果我提供了别人搭好的 Hexo 项目,请先做逆向工程分析,再告诉我如何复用。
7. 请输出完整的修改步骤、涉及文件、注意事项和后续部署方式。

请按这个顺序工作:
1. 读取项目目录,识别 Hexo 源文件、主题文件和静态生成文件。
2. 分析 `_config.yml`、`package.json`、`scaffolds`、`source/_posts`、`themes` 等关键位置。
3. 总结博客当前已有功能,包括导航、文章列表、归档、分类、标签、侧栏、明暗模式、移动端适配。
4. 根据我的需求修改站点标题、作者、描述、头像、背景图、导航菜单、主题色和文章模板。
5. 帮我写一篇介绍"如何用 AI 搭建个人博客"的 Markdown 文章。
6. 把文章放进 Hexo 的文章目录,并生成或说明如何生成静态页面。
7. 最后告诉我如何上传到 GitHub Pages,以及如何绑定自己的域名。

写文章时请注意:
1. 语气自然,像个人经验分享,不要像机械说明书。
2. 重点讲清楚为什么要用博客沉淀 AI 和 Obsidian 内容。
3. 说明 Hexo 对新手的优势和限制。
4. 说明 AI 工具适合做项目分析、结构总结、文章生成和代码修改。
5. 文末附上完整提示词,方便别人复用。