从 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