chatgpt太夯了!终于手搓出属于自己的博客主题
一直想换一个 Hugo 博客,曾经尝试过用 Manus 开发,最后额度不够,只能算是一个半成品,当时还写文记录了这个过程:拿到Manus邀请码后,我肝了一个博客站点,耗尽了所有免费积分
谁能想到,短短一年时间,人工智能已经取得了跨跃式发展,我不用再抠字眼式给 AI 讲解各种概念、表达自己的想法了,曾经一度反省是自己表达能力有问题的时刻,一去不返了。只需要一股脑把头脑中的想法告诉 codex,当然现在又改名叫 ChatGPT 了,它都懂我。
这个博客叫 Corgi Trails,是我和我的 AI 搭子一起折腾出来的一套 Hugo 博客主题。

说是「一起折腾」,其实大部分时间都是我坐在电脑前不断挑毛病,AI 在后面默默改。菜单不够自然,改;手机上看起来像缩小版电脑,再改。
那种感觉有点像装修房子。泥瓦工刚把墙刷完,你站在门口看了半天,说沙发是不是应该再往左挪十厘米。
师傅大概很想打人。
AI 不会,它只会说:「我来调整。」
1. 想给博客安一个家
我写博客很多年,换过不少系统。
早些年写一个页面,要研究表格布局、FTP 和空间权限。后来有了 WordPress,再后来折腾 Hexo、Hugo,工具越来越简单,博客却不一定越来越像自己。
大部分现成主题都很好看,但总有一种住进样板间的感觉。桌子、沙发、灯的位置都很合理,就是墙上没有自己的照片。
所以一开始,我想做的并不复杂:一只有点可爱的柯基,一种不刺眼的绿色,再加一点橙色。页面不要太像技术文档,也不要堆满各种会发光的按钮。
博客应该像一个可以坐下来的地方。
首页有几篇最近的文章,文章页能够安静地阅读,偶尔去友邻家串串门。读者愿意的话,还可以用自己习惯的方式订阅更新。
这些东西单独看都不新鲜,放在一起,却慢慢有了一点属于自己的气味。

2. 先说感受,再写代码
这次做主题,和我以前折腾网站最大的不同,是我几乎没有从「代码应该怎么写」开始。
我说的是感受。
比如导航栏要自然,首页不能什么都往上堆,友邻页面不要像通讯录,要像去朋友家坐坐。
AI 负责把这些含糊的想法翻译成代码。
当然,它也不是每次都能猜对。
有一次调整移动端以后,电脑上的柯基突然变得巨大,脑袋直接冲出了屏幕。
我把截图扔给 AI,它再一点点找原因。
这让我想到,以前我们学习做网站,先要记住一大堆语法;现在更重要的能力,也许变成了「能不能准确说出哪里不对」。
这听起来很简单,做起来却不容易。
「不好看」不是需求,「这里比其他页面多出一段空白」才是。
AI 可以动手,但方向还是要人来判断。

3. 好主题藏在不别扭里
主题就是这样一点点长出来的。
先有首页和文章列表,后来又慢慢补上归档、友邻、订阅、评论和 404 页面。浏览器收藏夹里,还趴着一只睡觉的柯基。
这些都不是什么惊天动地的功能。
但一个博客真正让人觉得舒服,往往不是因为它拥有某个复杂功能,而是因为许多小地方没有让你感到别扭。
就像家里的灯开关。平时没人夸它设计得好,但只要装在一个够不着的位置,你每天都会骂一次。
我想说的是,所谓主题设计,大概就是尽量减少那些让人想骂一次的地方。
4. 手机不是更小的电脑
后来我开始在手机上看这个博客。
问题一下子全出来了。
电脑上看起来挺舒服的留白,到了手机上就变成了一片无所事事的荒地。首页标题离导航栏太远,那只柯基背后的圆也被切掉了一截。
于是又是一轮调整。
把该居中的东西居中,把多余的空白收起来,再让图片回到正常比例。最后把几个页面放在一起比较,看它们是不是从同一个位置开始。
以前做网站,我很容易把移动端理解成电脑页面的缩小版。现在越来越觉得,手机不是更小的电脑,它是另一间房。
同样的家具,不能原封不动地塞进去。

5. 房子收拾好了
主题完成以后,我把生成的静态页面推到了 GitHub Pages。
源码还留在自己的电脑里,线上只放最终生成的网页。这样做谈不上多高级,只是觉得一个安静的小博客,不需要背着太多东西跑。
最后,我又让 AI 写了一个小脚本。
以后在 Visual Studio Code 里,新建文章、预览博客、发布到 GitHub,各自只需要一条命令。那些容易输错、也懒得记住的步骤,都交给脚本去做。
突然想起二十多年前第一次做网页的时候,我要把文件一个个传到服务器上,然后不停刷新浏览器,看图片路径是不是又写错了。
现在我只要说一句:「这个圆没有显示完整。」
几分钟后,它就完整了。
技术确实改变了很多事情。它没有替我决定博客应该是什么样子,却把那些过去足以消磨掉一个晚上耐心的工作,压缩成了几次对话。
也许这才是 AI 对普通人真正有用的地方。
不是替你凭空创造一个世界,而是当你脑子里已经隐约看见那个世界时,它帮你把砖搬过来,把墙砌起来。
至于墙上挂什么,房间里留下什么,最终还是自己的事。
写到这里,我又打开了 Corgi Trails。
那只柯基还在橙色圆圈前面跑,像是什么都没有发生过。
好了,房子暂时收拾完了。
接下来该写文章了。
最后,欢迎大家来串门:https://corgitrails.github.io/