【标签】学习工作、社会公益
【标题】【学习工作赛道】BioQuest：一个高一竞赛生用 TRAE 造的生物学习站，可在线体验！纯前端零服务器，AI 直连 6 家大模型
BioQuest使用说明详见“3. Demo 体验地址”（就在下面，必看！）
0. 打个招呼
我是一名高一学生，马上要去市里组织的生物竞赛集训营（7 月 1 号到 12 号），去了之后基本就没时间写代码了，所以赶着期末这几周把这个网站做出来了。
做这个东西的起因很简单：备赛的时候找真题太费劲，论坛、QQ群、网盘到处翻，解析经常是模糊的照片或者干脆没有。身边几个同学生物底子其实不错，但就是没人带着系统练，光靠看书刷题效率低。我就想，能不能做个网站把这些东西整合起来，免费给大家用。
写代码的基础说起来有点好笑——小学六年级的时候在记事本里写过几行 HTML，拼过几个 <table> 和 <marquee> 跑马灯，仅此而已。上高中之后基本没碰过代码，这个项目是我第一次正经写 JavaScript。整个网站基本上是跟 TRAE 对话做出来的。最开始我连 SPA 是什么都不知道，就跟它说"我想做个单页网站，点导航不要刷新页面"，它就给我写了个 hash 路由；我说"AI 回答能不能像 ChatGPT 那样一个字一个字蹦出来"，它就告诉我用 SSE + ReadableStream；六家大模型的接口格式不一样我自己肯定要翻好几天文档，TRAE 直接帮我封装了个统一的 ai-client.js，流式输出、错误重试、超时处理都弄好了。虚拟实验室的 Canvas 绘制也是它带着我从零做的，从画一个显微镜开始到能模拟调焦看细胞，改了不知道多少轮。（还改不好，算了算了，就现在酱吧，反正只是demo，手动狗头）
说真的，以我那点 HTML 皮毛，没有 TRAE 这个项目根本做不完。
1. Demo 简介
是什么：一个纯前端的生物学习网站，浏览器打开就能用，不用装 App，（想装也行，打算以后搞，方便离线使用）不用注册也能刷题（还是建议注册的），零服务器成本（指的是后端，该付钱还是要付的）。
面向谁：高中生物竞赛生（全国中学生生物学联赛/CNBO）、高考生物想冲高分的同学、以及任何对生物感兴趣但找不到系统免费资源的自学者（找到了免费资源也不妨试试这个）。
主要功能：
- AI 生物导师：支持 DeepSeek、智谱 GLM、阿里通义、月之暗面 Kimi、NVIDIA NIM、硅基流动六家大模型，自己在设置里填 API Key 就行（Key 存在你浏览器里，我看不到）。三个导师人格可以切——通用导师什么都能聊，孟德尔专讲遗传学，达尔文专讲进化论。回答是流式输出的，打字机效果，支持 Markdown 和公式。每天限 100 次，防止烧 Key。慷慨的我拿出来了自己的apikey（GLM-4-Flash也还可以）
- 专项练习 + 72 题全真模考：题库目前 330+ 道题，按四大模块分类（生化分子细胞 / 植物微生物 / 动物生态 / 遗传演化），支持高考/竞赛两种模式、基础/进阶/挑战三档难度、基础知识/逻辑推理两种题型。做完自动判分，错题自动收入错题本，可以按知识点重做。还有 72 题 150 分钟的全真模考，对齐 2025 年联赛新赛制。（题目质量仍不够好）
- 交互式知识图谱：40 多个核心概念按力导向布局排列，八个学科用不同颜色区分（紫色=细胞、橙色=遗传、绿色=生态……），节点大小反映知识点的联系紧密程度，颜色深浅反映你对这个知识点的掌握程度（绿色掌握、黄色一般、红色薄弱）。点哪个节点就直接跳去练哪个知识点的题，算是"哪里不会点哪里"。
-
虚拟生物实验室：显微镜观察、叶绿体色素提取分离、DNA 粗提取、微生物培养这几个高频考点实验，在网页里模拟操作。要按正确步骤选工具做实验，选错了会提示你哪里不对，连续错两次还能点"为什么这样做"看原理。比光看课本上的实验步骤图直观多了。（现在极为简陋，你能用好算我输，就当凑字数吧）
-
错题本 + 知识卡片 + 学习仪表盘：错题本能按知识点和错误原因分类，支持深度复盘；知识卡片用 FSRS 间隔重复算法安排复习，不用自己想什么时候该复习什么；仪表盘有每日目标、连续打卡、正确率统计、学习趋势，还有番茄钟。
- 其他还有：生物学史时间轴（从林奈到 AlphaFold）、智能诊断（答够 10 题后 AI 分析你的薄弱环节）、社区讨论区和问答悬赏、联赛倒计时、每日一题、教师模式（老师可以用8 位用户码加学生）、全局排行榜。
设计上用了鼠尾草绿当主色，赤陶橙做暖色点缀，字体是霞鹜文楷（本地加载，不走 CDN），支持深浅主题切换，手机电脑都适配。
2. Demo 创作思路
灵感来源：就是自己备赛的真实痛点。准备联赛这段时间，真题要从论坛、QQ群、网盘到处搜，好的解析要么是几百块的教辅书要么是培训机构的付费课。联赛去年改了新题型（72 道多重判断题、150 分钟），市面上连个对齐新题型的免费刷题工具都找不到。
想解决的问题：
- 竞赛资源太贵太散，三四线城市和普通学校的学生很难系统训练；
- 课本上的实验只能看图片，很多学校根本没条件做实验，学生对实验流程没概念；
- 刷了很多题但不知道自己哪里薄弱，盲目刷题效率低；
- 现有学习 App 要么收费、要么要装客户端、要么要把数据上传给厂商。
为什么这么做（技术取舍）：
- 纯前端不是因为不会写后端，是因为我一个高中生租不起也维护不起服务器。Supabase 免费版存数据够用，AI 让用户自己带 Key，部署到 Vercel 上一分钱不花（由于需要魔法，不便大众访问，故部署在了带宽4m的土豆服务器上）；
- AI 不是拿来帮你做题的，是拿来帮你诊断哪里不会的。知识图谱看颜色就知道哪个知识点薄弱，导师帮你讲清楚为什么错，关键还是得自己练；
- 虚拟实验室用原生 Canvas 画，没引入重型图形库，加载快、手机上也能跑（至于质量问题，这不是demo需要考虑的doge）；
- 题库从 330 题起步，不贪多，先保证每道题都有解析、都对齐考点。
3. Demo 体验地址
在线体验： 首页 - BioQuest 生物竞赛学习平台（可能不是最新，但可以随便试试，别给我ddos!）（带宽加强啦，20mbps，首次加载会缓存大量内容以便后续使用，请耐心等待，实在不行强制刷新）
GitHub：https://github.com/pinesis688/trae_bio（更新也不怎么频繁）
开源协议：CC BY-NC-SA 4.0（Creative Commons Attribution-NonCommercial-ShareAlike 4.0 International）——个人学习、教学、非商业用途可以自由使用和修改，不能拿去卖钱；基于它改的版本必须用同样协议开源，并且注明原作者。希望有同学能基于这个框架做出化学版、物理版，教育资源这种东西越开放越好。
联系方式：pinesis@hotmail.com，3930523703（7 月进集训营后回复会慢，有空就看）
使用提示：AI 导师功能需要在"我的 → 设置"里填入自己的 API Key，推荐智谱 GLM（注册送 2000 万 tokens，白嫖够用很久）或 DeepSeek（500 万 tokens 免费）。不填 Key 也能正常刷题、看知识图谱、用虚拟实验室。
4. TRAE 实践过程
全程用 TRAE （solo） 开发，挑几个有截图的真实任务说说。
任务一：批量修 bug + 清理动画残留内容
有一次我攒了一堆问题一起扔给 TRAE：拍照录题的 OCR 错误率太高（让它找支持中英文斜体识别的 OCR 方案）、仪表盘数据有误、成就章要加图标、学习热力图、讨论区里 AI 以科学家名字自称不合适要改成学科智能体、还有——AI 导师回答里老是漏出 [[ANIM:speciation]] 这种内部标记和没渲染的 <svg> 源码（就是之前删动画模块时没清干净（开始时ai做得太烂了）），要求把动画相关内容全删掉、SVG 必须实时渲染。TRAE 收到后自己建了 todo 列表，把这些任务拆成五项逐个修，同时加载了 discussion.js、tutor.js、ai-client.js、photo-quiz.js、wrongbook.js 等十个文件作为上下文，一次性改完。截图里能看到它的回复还在输出 SVG 源码——这是修之前的状态，改完后这些标记就被正则清洗掉了。
任务二：修复 server.py 题目生成写入 Supabase 崩溃
这是 6 月 19 号的任务"修复server.py题目生成问题"，耗时 9 分 34 秒。当时 AI 生成题目写入 Supabase 一直报错，TRAE 排查后发现两个问题：一是 load() 函数里 Supabase 返回的题目 id 可能是 None，合并数据时直接 KeyError: 'id' 崩溃；二是 Supabase 的 RLS（行级安全策略）拦住了写入——server.py 用的是 anon key，但 questions 表的 INSERT 策略只允许 admin 操作。TRAE 给出了修复方案：代码层面改成防御性取值加自动生成 id；数据库层面给出了需要在 SQL Editor 里执行的 SQL，包括补 weight/fb_good/fb_bad/target 四个字段、创建 questions_service_insert 和 questions_service_update 策略让 server.py 能匿名写入指定来源的数据。改完后它自己跑了一遍验证，成功生成了 2 道题。
任务三：加开源协议 + 重写 README
6 月 20 号的任务"增加开源协议"，耗时 3 分 16 秒。我跟它说"README 写详细点，明确用了什么算法、优势是什么，把许可证一起传到 main 分支"。它自己分析了项目结构，然后一口气做了这些事：完整重写了 README.md（新增约 430 行），把七大核心算法都列出来说明（大模型生成用 Qwen3.5-397B-a17b 加 JSON Mode 强约束、双模型 Qwen+GLM-4.7 交叉验证"双盲同行评审"通过率约 70%、四层格式校验、加权题目池采样等等），新增 DEPLOYMENT.md 部署文档和 PERFORMANCE_OPTIMIZATION.md 性能优化说明，添加 LICENSE 文件（CC BY-NC-SA 4.0），最后自动 commit 并推送到 GitHub main 分支，还创建了 PR 分支 trae/solo-agent-jJUelT。
这三个任务只是其中几个典型的，其他还有从零搭 SPA 路由、封装六家大模型的 ai-client.js、Canvas 虚拟实验室、SQL 初始化脚本的坑、字体精简等等，基本都是这样——我用自然语言描述要做什么，TRAE 拆任务、读代码、改代码、自己验证、遇到需要我手动操作的（比如去 Supabase SQL Editor 跑 SQL）就明确告诉我。
关键 Session ID：
- 3563967772113884:bf26343914ab6edd3d324eba165f23ef_6a37885710857e2db3a11d40.6a40b80d7e46e6817f386d91.6a40b80c7e46e6817f386d8f:TRAE Work CN.0.1.23.no_sid.no_ppe.T(2026/6/28 13:58:37)（爬取高中生物题目 / 批量 bug 修复）
- 3563967772113884:f59d00375cc5cea9f44e1182a380c3e0_6a34feb67087de3affaefe42.6a35128b7087de3affaf103a.6a35128a7087de3affaf1038:TRAE Work CN.0.1.23.no_sid.no_ppe.T(2026/6/19 17:57:31)（修复 server.py 题目生成问题）
- 3563967772113884:32c3d6bcf2fc20ca828edf2a88109755_6a3526665aac1a8925fea50a.6a353a888b153eb5b4196209.6a353a88e8b28decd503a953:TRAE Work CN.0.1.23.no_sid.no_ppe.T(2026/6/19 20:53:42)（增加开源协议 / README 重写）
5. 报名帖链接
社区报名帖：【学习工作赛道】BioQuest——生物竞赛与高考智能学习平台 - TRAE AI 创造力大赛 / 【大赛报名专区】 - TRAE 官方中文社区
写在最后：这个项目现在还不完美，题库会慢慢扩，虚拟实验室目前四个实验，AI 偶尔会生成有事实错误的解析（已经加了校验但还不够）。但它现在就能用、免费、不用装东西、不交钱、不收集你的隐私数据。
做这个主要是自己备赛用着方便，也想给同样在准备联赛的同学一个免费的工具。7 月集训营开始之后我能写代码的时间会很少，但周末应该还能更新。老师说生物竞赛是"一个人的战斗"，但工具是可以共享的。
如果有同学用了觉得有问题或者想加功能，GitHub 上提 Issue 就行。最好再mail我pinesis@hotmail.com
