用 AI 辅助做了两个小网站，不算爱折腾，只是不想一直躺平

周睫毛滴伦ShipIt · 2026-07-22T08:13:59.563Z

做完两个网站后，我发现上线只是最简单的一步（难的是如何让 bing 排名靠前，如何让 google 排名靠前）这两年，我陆续做了两个个人网站。最近完成的是 CPS Test（ https://cpstest.me ），一个以点击测试和反应训练为主的小工具网站。更早之前，我还做过一个故事阅读网站，叫“小故事铺”（ https://storynook.cn ）。这两个项目都不算复杂，也没有什么值得炫耀的数据。不过真正做下来，我发现网站能上线只是第一步，后面还有很多不起眼的问题需要慢慢处理。最开始，我只想做一个点击测试 CPS Test 最初的功能很简单：用户选择测试时间，在规定时间内连续点击，最后计算点击次数和平均每秒点击速度。听起来只是一个计时器加一个计数器。真正使用时，我首先遇到的问题却是：倒计时应该什么时候开始？如果用户选择十秒测试后立刻计时，他还没来得及把鼠标移动到点击区域，时间就已经过去了。后来我把逻辑改成第一次点击后再正式计时，让用户先做好准备。测试结束时也不能只把倒计时显示为零。如果计时结束后没有锁定点击区域，用户仍然可以继续点击，最终成绩也会发生变化。因此结束测试时，还要同时停止计时、禁止继续计数，并保存最后的结果。都是很小的问题，但少处理一个，测试结果就会变得不准确。后来又增加了一些训练功能在鼠标点击测试之外，我还陆续加入了反应力测试、空格键点击测试和核心球游戏。反应力测试会在随机等待一段时间后出现提示，用户需要尽快点击，用来测试自己的反应速度。这个功能最开始只计算提示出现后的点击时间，后来测试时发现，用户可以提前不断点击，碰巧点中以后就会得到一个非常快的成绩。于是我增加了“抢跑”判断。提示出现之前点击，不记录成绩。只有页面发生变化后再点击，才算一次有效测试。等待时间也不能固定，否则玩几次以后就能记住节奏，所以还要加入随机时间。空格键点击测试的问题则来自键盘事件。一直按住空格键时，浏览器会连续触发按键事件。如果不进行限制，用户只需要按住不放，次数就会一直增加。最后我只记录第一次按下，用户松开后再次按下，才算下一次有效点击。同时还要阻止空格键让页面向下滚动，否则测试过程中整个页面都会跟着移动。核心球游戏更偏向专注力训练。它需要用户把注意力放在不断变化的目标上，在合适的时机进行操作。开发时真正麻烦的不是让元素动起来，而是控制节奏。速度太慢没有挑战，速度太快又容易让人觉得游戏是在故意为难自己。成功和失败也要给出明显反馈，否则用户不知道是自己操作错了，还是页面没有反应。这些功能看起来都不复杂，但每一个都需要自己反复操作，才能发现藏在正常流程之外的问题。功能越多，页面越复杂，整体看起来臃肿随着测试功能逐渐增加，我又遇到了页面设计的问题。鼠标点击、反应力、空格键和核心球游戏，如果全部塞进同一个页面，内容会显得很乱，用户进入网站后也不知道应该先做什么。后来我把不同功能拆成独立页面。点击测试页面只负责点击速度，反应力测试只处理反应时间，核心球游戏也有自己的规则和操作区域。工具网站的用户通常不是来研究复杂功能的。他可能只是临时想测试一下鼠标，或者玩几十秒的反应训练。能让他打开页面以后马上明白怎么使用，比多放几个看起来很丰富的功能更重要。小故事铺让我第一次完整地做网站在 CPS Test 之前，我做过一个叫“小故事铺”的阅读网站。这个项目的大部分代码都是我自己一点点写出来的。那时我使用 AI，主要是为了询问报错原因、理解代码和寻找排查方向，而不是让它直接完成整个网站。小故事铺最让我头疼的是页面加载和搜索收录。最开始，故事列表通过 JavaScript 请求数据后再显示。用户可以正常看到内容，但是搜索引擎并不认账，不太支持使用 js 渲染数据（这里指的是收录问题）。后来我把首屏故事改成服务端直接渲染，让故事标题、摘要和链接在页面返回时就已经存在。网站原本还使用无限滚动，用户向下滑动就会加载下一页。体验比较方便，但搜索引擎不一定会一直滚动页面。最后我保留了无限滚动，同时为不同页数生成独立地址，让用户和搜索引擎都能找到后面的内容。后来我又尝试过内存缓存和 Redis，希望提高加载速度，结果有一段时间读取缓存反而比直接查询数据库更慢。这也让我明白，给网站增加一个看起来很专业的方案，并不代表它一定能解决问题。很多时候，还是要看实际运行数据。现在的状态 CPS Test 还在继续增加和调整不同的训练功能，小故事铺也还在慢慢处理内容展示、加载速度和搜索收录。它们目前都只是很普通的个人项目，访问量也没有多高。不过做完这两个网站以后，我对独立开发有了一个更实际的认识：写出第一版代码并不算困难，真正花时间的，是上线以后不断发现问题，再决定哪些应该修改、哪些功能应该增加，以及什么时候应该停下来。有时候，一个问题可能要花几个小时处理，但用户最后根本不会注意到。不过用户没有感觉到问题，或许就已经说明它处理得还不错。 cpsTest： https://cpstest.me/zh/ 专注力测试： https://cpstest.me/zh/coreball-game/ 专注力测试： https://cpstest.me/zh #独立开发