海龟汤题库
海龟汤就是"情境猜谜":先看一碗"汤面"(奇怪的事件),靠提问/推理还原"汤底"(真相)。下面 20 碗是开胃汤,点击看提示、看汤底。想喝新的?往下翻,有 AI 现场出题。
🤖 AI 现场出一碗
纯静态页面没有服务器:你的 Key 只保存在这台设备的浏览器里(localStorage),请求从你的手机直接发到 AI 服务商,不经过任何中间服务器。OpenAI 兼容接口一般都允许浏览器跨域调用;Anthropic 官方接口不支持浏览器直连,如需用 Claude 请走 OpenAI 兼容中转。
📚 我的题库
AI 生成的汤可以存进来,也可以自己写 JSON 导入;全部只存在本机,可导出备份。
这个页面是怎么在纯静态站上"调 LLM"的?
- 题库预生成(本站 20 碗就这么来的):题目是静态 JSON,随页面一起发布。零成本、秒开、不需要 Key——海龟汤这种固定内容,最适合这个方案。
- 浏览器直连(上面的 AI 出题):用
fetch直接调 OpenAI 兼容的/chat/completions接口,Key 存在你自己的 localStorage。页面是静态的,但请求是从你的浏览器发出去的,不需要服务器。 - 没采用的方案:自己搭代理服务器把 Key 藏在服务端——需要服务器,GitHub Pages 纯静态托管做不到,所以本站不用。