我在博客里放了一个牧濑红莉栖
好久没倒腾博客了,前一阵看了剧场版,再加上最近有点时间,就计划在博客里放一个 Amadeus,除了普通博客看板娘的功能,还要接入 AI 对话,再加点 RAG,能回答博客有关的问题。
不过目前的博客环境很简单,用的 Hexo + Fluid,部署在 GitHub Pages,本质上就是一个全静态的 HTML 网页。不改这些的话肯定接不了真 AI,暂时没有马上迁移博客的想法,所以一开始就给自己定了几个边界:所有东西必须跑在前端,不改主题,不破坏现在的结构,但又最大程度上看起来像能对话。
博客看板娘的插件不少,但是都没有对话功能,更接不了 API,只能 DIY 一下了。好在现在有 AI,虽然不太会前端,vibe coding 一个能跑的不是问题。
先基于前面几点前提和需求,和 AI 讨论实现方案:oh-my-live2d 插件负责角色显示,再用博客索引 + 关键词匹配,做个假对话。
真正开始,很快意识到一件事:技术实现其实不是最难的,前端“长什么样”才是。尤其是纯靠 AI 生成,这个问题会被放大很多。
如果你自己脑子里没有一个非常具体的画面,比如角色在左下还是右下,聊天框从哪里出来,点角色是弹气泡还是直接聊,那你基本上就会进入一个循环:你说“感觉不太对”,AI 改一版,还是“不太对”。就和老板让员工改 UI 改八百版,自己也说不清到底要什么。
但一旦你脑子里有了一个很清晰的画面,甚至找到参考图,把这些详细描述给 AI,这个时候 AI 写出来的东西,基本就能一步到位。
实现的时候首先要求 AI 做任务拆分,然后等它一个一个实现,我做的事情更像是:想清楚我要什么 → 描述出来 → 看它写 → 再改,基本上一步到位,最后除了一些细节上的微调,交给 AI 太麻烦,而且有点浪费 token,其余很顺利的完成了,真正手写的代码很少。
现在这个版本,算是一个勉强“能用”的 Amadeus 了。可以戳戳,可以简单对话,也能回答博客里的问题。但离一开始的想法,其实还差很多。未来的计划大概就是接入真正的 AI,对话的连续性,表情和语音这些,以及一些优化问题,比如模型加载。
后面继续再慢慢补成一个真正的 Amadeus,甚至写个插件。
另,模型资源来自 https://github.com/FrancescoCaracciolo/Amadeus,内含红莉栖的其他有关资源。
El Psy Congroo!