【标签】 学习工作
【标题】 【学习工作赛道】「易学练功坊」—— 从"一窍不通"到"命理通玄"，你只差一套能自学、能刷题的公益八字学习网站！
【正文】
0. 先和大家打个招呼吧 
-
你是谁： 大家好，我是庚戌堂主，一名命理文化爱好者。平时喜欢研究传统八字命理，也在学习怎么把这套复杂的知识体系用更清楚、更现代的方式讲给初学者听。
-
你是怎么用 TRAE 把 Demo 做出来的： 说实话，我一开始只是想做一个自己用的刷题工具，后来慢慢发现新手学八字最大的坎不是「没资料」，而是「资料太零散、没人带」。我就试着跟 TRAE 说：「我想做一个公益八字学习网站，要有教科书一样的系统学习页，还要有一个像游戏闯关一样的刷题工具。」
TRAE 最让我觉得「原来这么简单」的时刻，是它能把我描述的功能直接变成可运行的 HTML/CSS/JS 代码。比如我说「左侧导航、右侧内容、滚动时高亮当前单元」，它一次就能写出完整的交互逻辑。我负责定方向、定内容、定审美，它负责把想法落地成代码，遇到 bug 再一起排查。因为我一开始想做成小程序版，但后面改做网页版，所以整个过程中，最大的坎是把「易学练功坊」从一个刷题软件的单文件拆分成 HTML+CSS+JS 三件套，还要保证功能不崩——这部分也是靠 TRAE 一步步重构完成的。
1. Demo 简介
-
是什么：易学练功坊(庚戌堂)是一套免费、系统、能练习的八字入门学习网站。
-
面向谁：对八字命理感兴趣但不知道怎么入门的零基础学习者，以及希望建立完整知识框架的传统文化爱好者，还有想自学却被市面上成百上千的入门费劝退的朋友们。
-
主要功能：
-
知识点学习：10 大板块、67+ 单元，从阴阳五行、天干地支、十神格局到六亲与实战应用，搭配 SVG 图示、口诀和表格。八字的基础知识一目了然。
-
易学练功坊：闯关式刷题工具，学完知识点 来用做题检测一下自己到底掌握了没有，包含板块化/单元化学习、练习模式、考试模式、升学考试、错题本、成就殿堂、称号系统、积分商城、我的背包、任务中心、本地排行榜等功能。
-
名人案例：以真实历史人物命盘对照正史记载，让抽象的十神、格局、大运变得具体可感。（名人案例正在持续更新中）
-
八字排盘：7.7 新增八字排盘页面，内嵌免费的八字排盘工具、ai命盘解读、ai出题实战功能
2. Demo 创作思路
-
灵感来源：市面上八字资料很多，但大多是碎片化的短视频、文章或付费课，缺少一套真正免费、系统、可反复练习的入门工具。我自己学的时候也走了不少弯路，就想做一套「如果当时有人做给我用就好了」的产品。
-
想解决的问题：
-
①新手不知道从何学起，知识没有体系；
-
②学完后缺少即时反馈的练习工具，记不住；没有正向反馈，无法坚持学下去.
-
③命理内容容易被包装得玄乎吓人，制造焦虑。
-
为什么做这个方向：八字本质上是一套有逻辑的符号系统，不应该靠所谓的“悟性”或“天赋”，而是系统性、科学性的来学习。同时，好的命理师在中国更像**「心理陪伴者」**，帮助人理解自己的人生地图。我希望「易学练功坊」(庚戌堂)能降低学习门槛，让更多人用理性、温和的方式接触这门学问。在此声明，本网站功能永久免费，先帮助别人，商业顺其自然。
3. Demo 体验地址
- https://gengxutang.pages.dev/ 支持电脑和手机浏览器直接访问。推荐先逛「首页」和「学习」页，再进入「易学练功坊」刷几道题感受闯关体验。
4. TRAE 实践过程
-
**搭建网站骨架与“墨韵书香”视觉系统：**确定墨色系 + 纸色系 + 朱砂红的视觉方向；用 TRAE 生成首页、系统学习页、名人案例页、关于页；完成顶部导航、页脚、滚动入场动效、响应式布局。1285771661949683:6fc040203014d7757c2deb67a2baa6c8_6a426d744d2f075bc3e096bf.6a426d744d2f075bc3e096c2.6a426d744d2f075bc3e096c0:TRAE Work CN.0.1.25.no_sid.no_ppe.T(2026/6/29 21:04:52)
-
**制作、拆分与重构「易学练功坊」：**1285771661949683:1670f8a2e1a442bb96dd61a8766ab19f_6a355d5adec27b464b011158.6a424b0f4d2f075bc3e095b0.6a424b0e4d2f075bc3e095ae:TRAE Work CN.0.1.25.no_sid.no_ppe.T(2026/6/29 18:38:07)
**
学习页面-构筑SVG 图示、口诀和表格：**1285771661949683:ec9f5d29ce514ac8339b32f95a5812bb_6a426d744d2f075bc3e096bf.6a427e464d2f075bc3e09759.6a427e454d2f075bc3e09757:TRAE Work CN.0.1.25.no_sid.no_ppe.T(2026/6/29 22:16:38)
-
**成就称号、积分商城与我的背包功能实现：**1285771661949683:e02aaf88061dd67e775aee6994345b1a_6a426d744d2f075bc3e096bf.6a44fd98b6c0040ce1e09860.6a44fd98b6c0040ce1e0985e:TRAE Work CN.0.1.25.no_sid.no_ppe.T(2026/7/1 19:44:24)
-
**内容把控-对于TRAE AI不够懂的地方我给予内容指导：**1285771661949683:ce4814e482d76bf003941404b1ab38ce_6a426d744d2f075bc3e096bf.6a449e93b6c0040ce1e093c9.6a449e93b6c0040ce1e093c7:TRAE Work CN.0.1.25.no_sid.no_ppe.T(2026/7/1 12:58:59)
5. 对应的报名审核通过的帖子链接
