一个月前，我上线了一个面向 Vibe Coding 用户的术语图鉴网站 VibeHub，把大家在开发中经常遇到的技术名词，通过可视化图解和通俗解释整理成了一套索引工具。除了网站本身，我还发布了一个开源的 VibeHub Skill，让 AI Agent 在日常编写代码和解释概念时，可以直接引用网站上的图鉴链接。
到目前为止，VibeHub 上线刚好满一个月。这篇文章记录一下这一个月里的真实流量留存情况，以及最近新上线的「路线」、练习、收藏和防 AI 味模块。
上线一个月的数据与留存
这一个月里，VibeHub 的访客量大概是 5 万出头。在第一周的时候，访客量就已经突破了 1 万。
通常来说，一个新产品上线并做完宣传之后，访问量走势往往会先出现一个很高的峰值，随后一路下跌，最后进入一个比较平缓的阶段。但 VibeHub 的数据一直比较坚挺，即使到了最近这两天，在我自己已经没有主动去宣传的情况下，每天依然有 2000 多个访客访问。
能够持续有新用户进来和老用户使用，我觉得主要有两个原因：
一是最初宣传之后，有很多自来水博主觉得这个网站对用户很实用，UI 做得也比较美观，自发帮我做了很多推荐，甚至很多用户在使用时都不知道这个网站是我开发的；
二是我一直在给网站增加新的小功能和内容。
新上线的路线功能与图鉴联动
最近我们上线了一个全新的「路线」功能。这个模块提供了一套课程，把日常开发一个官网的过程拆成了一篇一篇的文章。
每一篇文章里都配有流程图解。除了图解，文章还和术语图鉴做了联动：大家在阅读文章的过程中，如果遇到了不熟悉的技术名词，可以直接在文章里点击该名词。点击之后，右侧会直接展开网站内部的术语图鉴。这样大家就可以一边看文章，一边对照着学习这个名词的具体详情，不需要离开当前页面。
除了路线功能，网站底部之前没有练习题，现在也上线了专门的练习模块，方便大家学完之后进行巩固。
持续扩充的术语与无障碍案例
在这一个月的时间里，我也在持续往网站里增加新的名词术语。
比如最近刚添加的「无障碍」（Accessibility）。如果直接让 AI Agent 解释什么是无障碍，很多没有接触过前端开发的朋友可能不太好理解。但到网站上看就会很直观：无障碍是为了让更多人在更多的场景下能够正常使用我们的页面。
举个具体的例子：比如网页里的图片描述（alt 标签）。如果是一些视力不太好的用户，他们可以使用屏幕朗读功能来浏览网页，而朗读功能就依赖我们在页面元素里预先写好的固定标签。这类可访问性相关的优化，如果没有前端开发经验，平时可能很少接触；AI 编写代码时知道要加，但说出「无障碍」这个词的时候，新手可能完全不知道它是什么意思。
平时遇到不理解的名词，大家可以直接到 VibeHub 网站上查；或者安装 VibeHub Skill，让 Agent 直接读取网站上的全部术语信息。
收藏功能与防 AI 味模块
为了让大家更方便地整理自己需要的内容，网站最近还增加了收藏功能。如果遇到某些特定需要记住的术语，点击收藏之后，就可以随时在收藏夹里查看。
同时，很多朋友一直在持续给我投稿。只要是合适的、不是特别窄的特定专用场景术语，我都会陆续补充到网站里。
除了术语图鉴，网站之前还上线了防 AI 味模块。这个模块从 UI 界面和文案表达两个方面，总结了日常开发中 AI 经常容易犯的问题，目前也在持续补充内容。如果大家在日常使用 AI 时遇到了典型的问题，也可以通过底部的渠道进行投稿。
这是我第一次有一个网站在一个月内做到了 5 万访客，看到这个数据我自己挺开心的。非常感谢大家的使用，也感谢那些自发帮我推荐的博主们。