VibeHub 上线面向 Vibe Coding 的 Git 教程与全局暗色模式

前阵子我开发的 Vibe Coding 术语与教程网站 VibeHub 在外滩黑客松里拿到了三等奖。这两天实体奖牌和 5000 元奖金已经寄到手里，我也顺道去参加了外滩大会，在会上做了一场关于独立开发者产品如何快速接入支付的分享，并在线下见到了菜不菜、黄白、西门、聪明蛋等几位平时经常交流的 AI 创作者。

目前 VibeHub 的累计访客量已经接近 10 万。趁着最近这波更新，我围绕大家在 Vibe Coding 时最常遇到的代码回滚痛点和夜间阅读需求，给网站补上了一套《Git 工作流与版本管理》课程以及全局暗色模式。

为什么 Vibe Coding 需要一套不背命令的 Git 教程

很多刚开始接触 Vibe Coding 的同学，最常踩的一个坑就是：让 AI 连续改了几轮需求之后，原本跑得好好的代码突然被改乱了，想退回上一个正常可用的状态，却不知道怎么安全地回滚。

如果去搜市面上已有的 Git 教程，会发现绝大多数内容都是写给传统软件工程师看的——一上来就让你在终端里手敲各种命令和参数。但在 AI 编程的时代，我们并不需要把每个 Git 命令的语法背得滚瓜烂熟，真正需要弄明白的是三件事：Git 在底层是怎么保存版本快照的、它能帮我们解决什么问题，以及在关键节点应该怎样用自然语言向 AI Agent 准确描述我们的版本管理需求。

基于这个思路，我在 VibeHub 顶部的「课程」模块里新增了《Git 工作流与版本管理》专题，一共拆分为 6 章内容：

1. 代码提交与版本保存：理解工作区、暂存区与提交机制，每当一个功能调试正常就让 AI 创建快照。
2. 查看改动与配置忽略文件：在保存新版本前通过代码差异（Diff）核对修改范围，并配置 .gitignore 排除密钥与临时文件。
3. 创建分支与隔离开发：用独立分支把新功能探索与主线稳定代码隔离开，支撑多任务并行开发。
4. 分支合并与解决代码冲突：理解快进合并与三方合并机制，指导 AI 处理同一处代码的修改冲突。
5. 远程仓库与多人协作：将本地项目关联到 GitHub，掌握推送、拉取与 Pull Request 审查流程。
6. 撤销修改与历史回退：区分未提交改动清理与历史版本回退，在 AI 改坏代码时安全恢复。

用图解和自然语言对话代替死记命令

点进第一章《代码提交与版本保存》，教程不会直接甩出一堆终端指令，而是先用交互图解把基础概念讲透：比如本地安装的 Git 软件和云端托管平台 GitHub 到底有什么区别、初始化项目后多出来的 .git 隐藏目录里存了什么、代码在四个区域之间是怎样流转的。

到了实际操作环节，课程里的所有演示都贴合真实的 Vibe Coding 场景，直接展示怎样跟 AI 对话。

例如当你测试完登录功能确认没问题后，不需要自己去敲 git add 和 git commit，而是像上图示例那样直接对 Agent 说：「刚才测试登录功能没问题了。帮我把这次登录功能的改动提交一下，不要混入未完成的临时文件。提交说明你根据改动帮我起一个简明的就行，提交完成后告诉我改了哪些文件。」同时教程也会提醒你，验收时不能只看 Agent 回复「已完成」，还要核对实际已提交的文件差异和工作区剩余状态。

把这 6 章内容通读一遍，基本就能建立起对 Git 的完整认知。无论是防止 AI 把代码改崩，还是开多个分支让 Agent 并行开发不同功能，心智负担都会小很多。如果你平时在本地 IDE 或终端里写代码，也可以配合我开源的 vibe-hub-skill 一起使用。

上线全局暗色模式与旧课程精简

除了新增 Git 教程，这次更新还上线了一个由用户真实投稿提出的呼声很高的功能：白天与黑夜主题切换。

点击页面右上角的关灯按钮，整个网站就会切换到暗色模式。我对全站的背景层次、文字对比度、术语交互组件以及课程右侧的流程图解都做了专门的暗色适配，晚上长时间看教程或查术语时眼睛会舒服很多。

另外，我还把之前上线的《从零做一个产品官网》课程重新梳理了一遍，删掉了几节相对冗余的章节，并润色了正文排版与图解说明，让整套入门课程读起来更加紧凑顺畅。