AI-Chat

一个多版本的 AI 工具

Posted by bill74186 on June 26, 2026

某天深夜,我对着某某 AI 说了一句话,然后开始思考:能不能自己也搭一个?

说起来,这个想法其实挺简单的。

作为一个偶尔会和各种大语言模型打交道的人,我一直在想:能不能有一个自己的小工具,可以随时切换不同的模型,不用每次都去不同的网站注册账号、切换页面?再加上平时写代码的时候,总想用最快的速度问几个简单的问题,不需要打开浏览器,不需要登录,不需要忍受漫长的加载……

于是,AI-Chat 就这么诞生了。

初衷

最初只是想做一个「能用、够用」的简单聊天页面。后来发现,市面上的模型各有特点——Spark 逻辑清晰,GLM 响应快,Quark 偶尔会有惊喜。既然各有优势,为什么不把它们都集合在一起?于是就有了现在的多模型切换功能。

再后来,我想,既然命令行用得顺手,能不能也搞个终端版本?于是又折腾出了 Python、Node.js、PHP、Java、C、Shell……七种语言的客户端。说起来有点离谱,但确实都是我的日常使用场景。

这个项目能做什么

网页版 是最完整的体验,支持:

  • 🌐 三模型自由切换:讯飞 Spark、智谱 GLM、夸克 Quark,想用哪个点一下就行
  • 🌍 中英繁三语界面:简体中文、繁体中文、English,自动切换不用重新加载
  • 🌙 深色模式:护眼必备,虽然只是个按钮的事,但确实每天都在用
  • 🎭 自定义人设:给 AI 设定一个角色,比如「帮我写代码的程序员」或者「用小学生都能听懂的话解释问题」
  • 📝 Markdown 渲染:代码高亮、表格、列表,输出格式好看很多

终端版 则更适合那些喜欢敲命令的人:

1
2
3
python ai.py 今天天气怎么样
python ai.py 帮我写一个快排算法
python ai.py 用大白话解释什么是闭包

不用打开浏览器,不用等待网页加载,直接在终端里问完就走。对于经常在终端里工作的人来说,这种体验其实挺舒服的。

绘画版 是最近加的新功能,用的是 Pollinations AI。输入一段描述词,就能生成图片。不需要任何 API Key,不需要充值,打开就能用。当然,生成速度取决于网络和服务器心情,但作为一个小工具来说,够用了。

技术上的一些选择

说实话,这个项目没有什么特别高深的技术。HTML + CSS + JavaScript,前端三件套。Markdown 渲染用的是 marked.js,图标用的 Font Awesome,都是现成的轮子。

后端对接的是现成的 API,我自己只是做了一层封装和界面。所以代码量其实不大,维护起来也不累。

至于为什么搞了那么多语言的终端版本……主要是自己平时用的环境不太一样。有时候在 Linux 上,有时候在 Windows 虚拟机上,有时候又只想用手机上的 Termux 跑一个 quick query。既然都做了,不如多写几个版本,反正逻辑都是一样的——发请求、收响应、打印出来。

一些碎碎念

做这个项目的过程中,我最大的感受是:很多看起来「不可能」的事情,其实就是多做一步的问题。

比如多语言界面,一开始觉得挺麻烦的。后来想了个办法,把所有用户可见的文本都放在 HTML 的 data-* 属性里,JavaScript 动态读取。这样英文版和中文版的 HTML 结构完全一样,只是文本内容不同。改起来也方便,单独改一个文件就行。

深色模式也是类似的思路,用 CSS 的 class 切换背景色和文字色,JavaScript 只负责维护一个状态。代码加起来可能还不到二十行。

所以你看,技术上真的没什么门槛。关键是愿不愿意动手去做。

最后

如果你感兴趣,可以直接访问在线版本试试:

或者在好友链接那里直接点击 AI-Chat 访问,效果都一样

代码完全开源,有问题或者建议可以提 Issue。如果觉得有用,给个 Star 就是最大的支持了。

毕竟,能帮到一个人,就值了。