← 回到全部文章

重做这个站:从模板感到自己的角落

为什么我推翻了第一版,重新设计 turgidcat.space。关于审美、关于自我、关于一只到处都是的猫。

写的时候的心情:终于对了

设计vibe coding复盘

第一版上线之后,我盯着它看了很久。

功能都在,页面也都全,但我每次打开都有一种……**「这不是我」**的感觉。像穿着别人的西装,合身,但不是我的尺码。

我列了一张”不喜欢”清单

我打开一个文本文件,把所有让我出戏的地方都写下来:

  • 红蓝紫渐变配色,像十年前的科技博客
  • 关于页写着”全栈工程师”,但我根本不是
  • 项目卡片用的是占位图,假得很
  • 整体气质像企业官网,不像个人站
  • 没有任何一个地方,能让人记住”哦这是 turgidcat”

最后一条最致命。一个个人站,如果没有”个人”,那就只是个站。

我开始想”我想要什么感觉”

这次我没有一上来就问 AI”给我做个好看的网站”。我先关掉编辑器,拿出一张纸(真的纸),写了几句话:

我想要一个让人一看就觉得”哦,这个人有点意思”的地方。 不是炫技,不是专业,是温度。 像走进一个布置得用心的小房间,主人会请你喝茶那种。

从这个画面出发,我倒推出了几个关键词:

  • 温暖——不要冷色调科技感
  • 手作——不要模板感,要有”人手做出来”的痕迹
  • 诚实——不假装专家,我就是个在学的人
  • 有趣——turgidcat 这个名字本来就有猫,为什么不玩起来

配色是怎么定的

我一开始不知道”温暖”具体是什么颜色。AI 给了我十几个方案,我都不满意。

后来我换了个问法:“给我看一组让人想到牛皮纸、手写信、阳光下的猫咪的颜色。”

它给我了奶油白、暖灰墨、赤陶橙、鼠尾草绿。我一眼就对了——这就是我要的感觉

我学到了一件事:与其让 AI 给你选项,不如先把你脑子里的”感觉”翻译成具体的比喻。 比喻是给 AI 最好的需求文档。

猫是哪来的

turgidcat 这个域名是我随便起的,本来没什么深意。但做这个站的过程中,我突然想到:既然叫 cat,为什么不把猫做成一个签名元素?

所以现在整个站到处藏着猫:

  • 光标变成了一只赤陶橙的小猫爪
  • 按 ↑↑↓↓←→←→BA 会下一场猫爪雨
  • 404 页面是一只走丢的猫
  • favicon 是猫爪

这些不是我一开始”规划”的,是做的过程中长出来的。我觉得这就是个人站和模板站最大的区别——个人站会生长,模板站只是填空。

技术上换了什么

第一版是纯 HTML/CSS/JS 单文件。这次换成了 Astro,理由很简单:

  • 我想要一个能写博客的系统,Markdown 写文章比手搓 HTML 舒服太多
  • 组件化,改一个地方全站生效
  • 构建出来还是纯静态文件,仍然能丢到我的 nginx 上

我不需要懂 Astro 的每个细节——AI 帮我搭骨架,我负责决定每个部分长什么样、写什么字。这种分工现在对我来说刚刚好。

还没做完的

这个 v2 还会继续长。我想加的东西:

  • 一个真正能用的评论系统(虽然可能没人评论,但我想留个门)
  • 把我学 Python 的过程也写成系列
  • 也许做一个”我正在读的书/在听的歌”的小挂件
  • 把猫咪彩蛋再挖深一点

不急。这个站存在的意义,本来就是陪着我慢慢长


做个人站这件事教会我一件事:技术是工具,自我才是内容。 你不必等技术变强了才开始做,用你现在的水平、现在的审美、现在的诚实,做出来的东西就足够真实。

🐾

写到这里啦。如果你也在学编程、也在用 AI 折腾自己的小东西, 我们大概是同类

— turgidcat, 2026年6月15日

再读两篇?