【标签】 学习工作赛道
【标题】【学习工作赛道】天玑：面向 AI 时代的跨专业学习与项目共创社区
天玑参加的是"学习工作"赛道——它本身就是帮助跨专业学生把专业知识变成真实项目的工具，从"想学 AI"到"做出可展示作品"的完整链路。
0. 先和大家打个招呼吧 
大家好，我是一名正在用 AI 工具学习产品开发、尝试把跨专业学习经验做成真实产品的创作者。
天玑这个 Demo 是我和 TRAE 一起一点点做出来的。最开始我只是有一个模糊的想法：很多学生知道 AI 很重要，也想学习 AI 编程、GitHub、部署平台、Claude Code、Trae、Codex 等工具，但不知道第一步该怎么走，更不知道怎么把自己的专业知识变成一个真正能展示的项目。
我就把这些想法一句句讲给 TRAE：我希望它不是一个单纯的资料库，而是一个从学习资源、答疑讨论、灵感产生到项目落地的完整社区。TRAE 帮我把想法拆成页面结构、功能模块、前端组件和交互流程。我觉得最神奇的一点是，原本我以为很复杂的网站搭建、页面跳转、资源卡片、讨论区、登录弹窗、移动端适配等，都可以通过不断描述、修改、测试，一步步做出来。
对我来说，TRAE 帮我跨过的最大门槛，是从“我有一个想法”到“我真的做出了一个可以打开、可以点击、可以演示的网站”。天玑是天空中的一颗星辰，而我希望它未来能和更多学习者、创作者一起，慢慢连成一片银河。
1. Demo 简介
是什么：
天玑 Tianji 是一个面向 AI 时代跨专业学习者的学习与项目共创社区。它不只是资料库或论坛，而是希望把“找资源、问问题、产生灵感、协作落地、沉淀作品集”串成一条完整成长路径。
面向谁：
核心用户是想进入 AI、金融科技、科研工具化、应用开发方向的跨专业学生和新手学习者，包括数学、物理、金融、工科、计算机以及其他专业中想用 AI 提升学习和项目能力的人。
主要功能：
-
资源库 — AI/工具/编程/项目实战资料整理，PDF 上传自动识别目录书签、在线预览与下载。
-
讨论区 — 学术区/闲聊区分区，发帖、回答、评论、投票、采纳；支持 LaTeX 数学公式与 Markdown。
-
AI 自动答疑 — DeepSeek 驱动，发帖自动触发
ai-bot回复 + 相关帖推荐，深夜也有回应。 -
灵感广场 — 快速分享项目想法，共鸣互动，沉淀灵感。
-
协作工坊 — 多人协作文档、章节大纲、批注讨论，把想法推进成项目原型。
-
关注体系 — 关注用户、关注标签，生成个性化 Feed。
-
全局搜索 + 热度榜 — 跨四个模块搜索，按类型/标签/排序筛选。
-
作品集 Portfolio — 聚合展示用户产出，形成"从入门到作品"的闭环。
-
社区治理 — 举报、封禁、管理后台、内容审核（腾讯云数据万象 + 敏感词兜底）。
2. Demo 创作思路
灵感来源：
我自己也经历过从零学习 AI 工具和项目开发的阶段。一开始连 GUI、PowerShell、GitHub 都不熟悉，Codex、Claude Code、Trae 这些工具也是靠看大量视频、反复做小项目才慢慢理解。我发现很多学生不是没有学习能力，而是缺少一条清晰的路线，也缺少一个能把“资料、问题、想法、项目”连接起来的环境。
想解决的问题：
现在 AI 学习资料很多，但非常分散。新手不知道哪些资料适合自己，也不知道 GitHub、部署平台、AI 编程工具、项目文档这些东西之间到底怎么连接。很多学生学了数学、算法、金融、物理或专业课程，却不知道怎么把知识转化成可展示、可分享、可迭代的项目。
为什么做这个方向：
我没有选择只做一个资料库，因为学习 AI 不只是收藏资料。更真实的成长路径应该是：先找到合适的资源，再提出具体问题，在交流中产生项目灵感，最后把灵感推进成作品。天玑想打通的正是这条链路：学习、答疑、灵感、落地。
从长期来看，我希望天玑能成为一个“从入门到产出”的学习共同体。它帮助普通学生降低进入 AI 时代的门槛，把自己的专业积累变成真实作品，也让更多人能参与到 AI 化学习、科研和创作的趋势中。
在初版 Demo 完成后，我没有停在“页面能打开”的阶段，而是继续用 TRAE 做了多轮真实测试和迭代。现在天玑进一步补上了完整的产品闭环：
- 新增“成长路径”页面，把学习资源、讨论答疑、灵感沉淀、协作工坊、作品集产出串成 5 步路线；
- 新增“作品集”页面，让协作工坊中的项目可以沉淀为可展示成果；
- 补充 C++、GitHub、TRAE、CloudBase 等真实主题内容，让评审进入网站时能看到真实学习路线，而不是空社区；
- 在 About 页面加入 AI 共创时间线，记录我如何通过多轮对话、测试、修复和重构把想法落地；
- 讨论区支持 Markdown、代码块、公式和图片，能够承载图文教程、代码讲解和学习笔记；
- 持续修复评论身份、删帖权限、收藏数据、内容审核、安全头、测试覆盖等真实线上问题。
这个过程让我更明确地感受到：TRAE 不只是帮我生成了一个网页，而是在不断帮助我把一个模糊想法迭代成更接近真实产品的社区。
为什么天玑不是"又一个论坛"？
-
数学 / 理工原生 LaTeX：内置 KaTeX 真渲染公式（不是贴图），学生贴概率论推导、复现论文时刚需——这是通用论坛没有的。
-
AI 答疑内建：发帖即触发 DeepSeek 自动回复，学习卡点第一时间有人（AI）接住。
-
从学习到作品集的真实闭环：跨学科两级标签（学科 / 工具）贯穿四个模块，相关内容互相推荐，最终能在作品集页产出可展示成果。
3. Demo 体验地址
体验链接：
https://tianjihub.cn/
已 ICP 备案、v0.3.0 已发布、可立即体验
4. TRAE 实践过程
一、项目初始化与核心架构
- Trae 生成 Vite + React + TS 脚手架，配置 Tailwind 星空主题
- 集成 CloudBase SDK，实现注册登录 + 讨论区 CRUD
- 配置 GitHub Actions CI/CD
.3612322618696912:5363ddb152e320b638544207bbd67ab8_6a366dde489c684f3c3c6d73.6a366e5b489c684f3c3c6d75.6a366e5b3641ffe6b002876a:Trae CN.T(2026/6/20 18:41:31)
.3612322618696912:50c6674f7d949421637ac4b318ad525d_6a366dde489c684f3c3c6d73.6a37ce994040d33720020430.6a37ce99739b87a35dbdbd21:Trae CN.T(2026/6/21 19:44:25)
二、多模块并行开发
- 一天完成 4 大模块：全局搜索、灵感区、资源库、协作工坊
- 用户体系：主题切换、收藏、消息通知、两级标签、XSS 防护、频率限制
.3612322618696912:7552f7be03ada5a6d4bc22e72e67a31e_6a366dde489c684f3c3c6d73.6a37d34a4040d337200204de.6a37d34a739b87a35dbdbd24:Trae CN.T(2026/6/21 20:04:26)
.3612322618696912:4459961e0a1a3d3236f236a14ce52388_6a366dde489c684f3c3c6d73.6a3fbcc0dcea99a7c81ea482.6a3fbcbffcfd573d1aba16a8:Trae CN.T(2026/6/27 20:06:24)
.3612322618696912:89ed80bfa7a7a3076c844cce9ad313eb_6a366dde489c684f3c3c6d73.6a3fd1a5dcea99a7c81ea8c3.6a3fd1a5fcfd573d1aba16b6:Trae CN.T(2026/6/27 21:35:33)
三、AI 集成与管理后台
- DeepSeek 云函数集成，发帖自动触发 AI 回复
- 管理后台：数据概览 + 内容审核 + 用户管理
- 手机号验证码登录 + 人机验证 + 草稿自动保存
.3612322618696912:1cc5f73a32232de818546cb782ed32a9_6a366dde489c684f3c3c6d73.6a3fcf7ddcea99a7c81ea831.6a3fcf7dfcfd573d1aba16b3:Trae CN.T(2026/6/27 21:26:21)
.3612322618696912:52a616ca5a6063e10db00e774760eac2_6a366dde489c684f3c3c6d73.6a41162e6af6048df2e97439.6a41162e39d92d558c64c136:Trae CN.T(2026/6/28 20:40:14)
四、性能优化与无障碍
- 路由级代码分割，首屏 470KB → 327KB（gzip）
- KaTeX 懒加载、骨架屏、 prefers-reduced-motion 、Dialog 无障碍
- PDF 目录识别、跨模块标签推荐
.3612322618696912:b61234b6476607df332292f9c0a1938b_6a366dde489c684f3c3c6d73.6a42268dda0a01b2930264c0.6a42268cb5396e1213c31b1a:Trae CN.T(2026/6/29 16:02:21)
.3612322618696912:b050c7f98470ff604ccd33a1348bc9dc_6a366dde489c684f3c3c6d73.6a422ad3da0a01b293026515.6a422ad3b5396e1213c31b1b:Trae CN.T(2026/6/29 16:20:35)
五、部署稳定性与 Bug 修复
- 5 层黑屏防护（HTML 不缓存 → 资源自动刷新 → ErrorBoundary → 防无限刷新）
- 匿名登录、LaTeX 多定界符、安全规则修复
- ICP 备案、CloudBase 自定义域名（SSL + CDN + DNS + 路由）
- Issue #50-132 批量修复（原子操作 / 限流 / XSS）
.3612322618696912:cc8a6767c8369cd9beccfcec2e228202_6a450ca629ffd399370ffec2.6a46277a819d27762a9ef12c.6a4627799caf2376ab69b87e:Trae CN.T(2026/7/2 16:55:22)
.3612322618696912:1b48845c60a92b2b053796b730120891_6a450ca629ffd399370ffec2.6a464936e1db02ac517415c0.6a464936db1a24a682acb1fc:Trae CN.T(2026/7/2 19:19:18)
5. 对应的报名审核通过的帖子链接
【学习工作赛道】天玑：面向 AI 时代的跨专业学习与项目共创社区 - TRAE AI 创造力大赛 / 【大赛报名专区】 - TRAE 官方中文社区