从 Cloudflare 全家桶停摆,到用 AI 搓出一套像素风 Hugo 主题、投稿官方主题库。一篇没什么技术含量、全是折腾的记录。
起因 #
起因很简单:我原来的博客,是用 flare-stack-blog 这个仓库搭的。
它挺好,就是太"云"了——整套跑在 Cloudflare 生态上,离了 CF 几乎活不了。
CF 嘛,圈里管它叫"赛博活佛":免费的 CDN、免费的 DNS、免费的 Workers,做个人站能省不少钱。说来惭愧,要不是搭这个博客,我压根不知道还有这种好事。整套博客搭在上面,省心是真省心。
问题出在备案。域名要过 ICP,而博客又指向境外 CF 的境外服务,为了避免节外生枝。折腾来折腾去,算了,这套博客先停掉。
停是停了,可总得有个写点东西的地方(虽然大概率还是没人看)。再折腾一个动态博客吧,手里那台 2 核 2G 的云服务器实在挤不出资源给它。
那就静态博客吧。
我的博客折腾史 #
说起来,这已经是我折腾的第三个博客了。
第一个是 Hexo,大一的时候搞的。当时在学校计协(计算机协会)的群里,无意间看到了大佬们的博客,觉得好酷,于是跑去 B 站、CSDN 上搜教程。那会儿我是真啥也不懂,前前后后磨了差不多一个星期,才把站跑起来。仓库还留着:LittleWin8.github.io 。内容其实很早就停更了,最后一次更新停在 2026 年 5 月 7 日,那是我在折腾给它换主题——也正是找主题的过程中,我刷到了第二个博客,于是干脆把 Hexo 彻底放弃。
第二个,就是开头说的 flare-stack-blog。还是 2026 年 5 月,放弃 Hexo 之后,跟着作者的教程(部署文档 )搭起来的。全栈、Cloudflare、听着就很现代,折腾得也挺开心。它一直撑到了今年的 9 月 16 日。
第三个,就是你现在正在看的这个。
为什么是 Hugo #
静态博客的框架,我能说出名字的也就三个:Hexo、Hugo、Astro(是不是主流,别问我,我也不知道)。
Hexo 我之前用过,所以这次没选它(没什么别的理由,就是没新鲜感)。Astro 没碰过。听说 Hugo 性能好——虽然我统共也没几篇文章,性能对我来说约等于玄学,但我还是选了它。
理由就是这么朴素。
为什么自己搓主题 #
我很早之前在「编程导航」社区刷帖时,刷到过一位博主的博客(1000ye.top )。当时就觉得挺酷——有设计感,有点复古,有点极客,就那么记住了。
确定 Hugo 搭建博客后,开始老老实实去 Hugo 官方主题库翻了好久,始终没找到特别钟意的,总觉得差点意思。
翻着翻着,突然就想起了那个博客。
念头一起就收不住:我能不能用 AI 照着它复刻一套 Hugo 主题?
折腾过程 #
决定之后,我做了件自己觉得挺必要的事:
一边让 AI 开工,一边给原博主(我称呼他为"小茗同学")发邮件,问能不能复刻。
第二天下午,回信来了。他非常友好,同意了。
而且这封回信写得相当精致——内容充实,排版讲究,看得出来是认真写的,跟随手回你一句"可以"完全不是一个东西。
更慷慨的是,他顺手把自己的博客源码也开源了。
原博客是 Next.js 写的(X1aoM1ngTX / pixel-blog )。这一下事情就不一样了:之前是照着页面猜,现在是有源码参考,AI 写起来明显顺了。
大概一天多,主题就成型了,仓库在这:pixel-blog-hugo 。
后来我又按 Hugo 主题的规范,把它提交给了官方主题库,PR 还挂在那儿:hugoThemesSiteBuilder#792 。过不过随缘,折腾的乐趣在过程,不在结果。
巧的是,主题写完的同一时间,域名 ICP 备案也过了,终于能正常解析。于是就有了你现在正在看的这个站。
致谢 #
单独谢谢小茗同学。
素未谋面,一封邮件就同意我复刻,还顺手把源码开放出来。这套主题设计灵感来自于他,我做的只是把它搬到了 Hugo 上。
一些坦白 #
我不会 Go,前端也谈不上会。
所以这套主题的"设计"来自小茗同学的博客,代码基本出自 AI 之手。我做的事情,是给方向、做决定,然后盯着它一遍遍改。
(下面这段是 AI 替我写的"自我总结",它挺为我挽尊,我就不改了。)
我发起并主导了这个主题:设计源自原作者(经授权),代码由 AI 在我的需求与设计决策下生成,我负责全部技术 / 产品决策、审查、迭代、发布与官方投稿。
最后 #
你现在读的这篇,就是这套主题渲染出来的:像素风,明暗两套,随便逛。
主题完全开源,采用 MIT 协议,拿去用就行:
- 仓库:pixel-blog-hugo
- 觉得还行就点个 Star;有问题、有想法,欢迎提 Issue