← 返回创业手记
NOTES · 2026-09-28

给网站养了一只 AI 小猫

2026-09-28 创业手记 · 网站建设

一天之内,给个人网站加了新闻栏目自动化、一只能聊天的 AI 小猫,还有终端彩蛋、节日皮肤和带逛模式。记录一下过程和踩过的坑。

做了什么

先把新闻栏目的分页和 sitemap 做成了自动生成:加一篇文章,跑一次脚本,列表页、首页新闻区、站点地图全部同步,不用再手改。

然后给网站右下角养了一只 AI 小猫 HIMIAO:会眨眼、摇头、换表情,点开能聊天,回答关于我、我做的系统和新闻栏目的问题。

最后加了几个彩蛋:个人档案里的 ./himiao 是一个能敲命令的终端;新闻页可以让小猫三句话讲重点、再给个反方视角;节日到了小猫会自动换装;它还能带第一次来的人把网站逛一圈。

踩过的坑

小猫的形象前后试了好几版:矢量奶白猫、连帽衫版、毛茸茸版、3D 毛绒猫头版,最后绕了一圈,还是回到了第一版。最初的直觉,很多时候是对的。

手机上冒出两个桌面看不到的 bug:微信内置浏览器不认新的 CSS 单位,对话框被聊天记录撑出了屏幕;头像外圈的旋转金边,在手机上让照片一直抖。只有真机才会暴露的问题,就得在真机上测。

让 AI 用可爱的语气说话不难,难的是可爱的同时不乱说:让它总结新闻,它会顺手加上自己的"观点"。最后只能写死规则——只许转述原文。

学到的

小步快跑:一个小功能做完就上线、马上看真机效果、马上改,比一开始想清楚所有细节快得多。

给 AI 定规矩要具体。"不要编造"太笼统;要写清楚哪些信息网站上没有公开、遇到时该怎么回答,它才真的不乱说。

下一步

这个栏目会持续记录做产品、做系统、做内容的过程。想知道我最近在忙什么,可以看 Now 页面,或者直接问右下角的小猫。