独立开发者的极简实验：从零打造一个干净到极致的 Daily Puzzle 网站

大家好，我是 magor。作为一名开发者，我平时喜欢用一些脑力小游戏来给自己“热身”。市面上的解谜 App 很多，但它们总是充满了社交排名、弹窗广告、无尽的体力值……这些都在试图抢占我的时间。

于是我利用业余时间动手做了一个有点“反商业化”的网站—— [Minute Cryptic] (https://minutecryptic.online/)。今天想跟大家聊聊这个网站的极简开发哲学，以及一些技术实现上的小心得。

1. 产品哲学：Less is More

这个网站的核心逻辑非常简单，甚至可以说是“极端”——每天只发布一道英文逻辑解谜题（Cryptic Clue）。

• 每天只有一道题： 做完就没了，明天再来。我想通过这种机制对抗互联网产品的成瘾性设计。
• 零打扰体验： 全站没有任何广告、弹窗，甚至不需要注册登录。你打开网页，动脑，关掉网页，仅此而已。
• 聪明的提示系统： 为了防止用户卡住而流失，我做了 3 级递进式提示，像一位导师在引导，而不是直接抛答案。

2. 技术选型与架构的“减法”

在开发时，我也贯彻了“非必要不增加实体”的原则：

• 极简前后端分离： 网站页面本身采用了纯粹的 HTML + CSS + Vanilla JS。为了能在国内的服务器上获得极致的加载速度，我没有使用笨重的 UI 框架，一切样式都是手写，保证了网站的体量非常小。
• 谜题即数据： 每天的谜题数据（谜面、作者、提示、视频链接）其实就是一个结构化的 Markdown 文件。我搭建了一个极简的 Node.js API 服务，每天零点自动从数据库中读取当天的“谜题文档”，推送到前端。
• 无状态的优雅： 用户猜到了第几步？我不需要为此建一张庞大的用户表。我是直接利用浏览器的 localStorage 来记录用户当前的“提示等级”，既保护了用户隐私，又极大降低了后端维护成本。

3. 我是如何设计那个“提示系统”的？

这是最值得分享的技术亮点。简单的做法是直接显示答案，但我设计了一套手动规则：

1. 一级提示： 在谜面上高亮“定义”部分，告诉用户这道题的突破口在哪。
2. 二级提示： 给出一个字母（例如：首字母是 R），提供最直接的线索。
3. 三级提示： 告诉用户这是一个“重组字谜”还是“双关语”。
4. 兜底视频： 如果实在解不出来，可以点开一个 视频讲解，我会在视频里复盘整个推理链路。

这样一套逻辑写下来，相当于把枯燥的“作弊”变成了一种教学式的“引导”。

4. 写给同是独立开发者的你

在 AI 盛行的时代，我们总想着用代码去取代人类思考。但做这个网站让我发现，为真实的人类设计一个纯粹的“脑力游戏”，反而是最有趣的事情。

做这个网站我没有花一分钱推广，完全是靠喜欢解谜的“同好”口口相传。这种纯粹用技术为同好构建一片干净空间的感觉，真的很棒。

欢迎各位同行来体验并吐槽 minutecryptic.online/，也欢迎在评论区交流你们的极简开发心得。

本作品采用《CC 协议》，转载必须注明作者和本文链接