项目记录：给日常段子做一个按场景分组的小页面

攒了上百条自己写的生活段子，散在备忘录里，想找一条发朋友圈时总翻不到。我给它们做了个很小的静态页面，目标只有一个：按场景快速定位。本文记录取舍与结果。

一、先定收录标准

不是所有写过的都留。定下三条：

• 不收网络梗：过气快，也分不清是不是自己写的；
• 不收需要长铺垫的：页面里每条都要能独立读；
• 不收拿别人开涮的：只留自嘲类，安全也耐读。

筛完只剩不到一半，但整体语气统一多了。

二、按场景分组，不按「好笑程度」

分成四组：拖延、数码、家务、自我管理。没按星级或热度排，因为实际找句子时，脑子里想的是「今天又拖了」，而不是「给我来条最好笑的」。

分组依据换成「发生在什么场景」，和 万象云档 按主题分册、标清来源的组织思路一致。

三、每条只留三项

句子原文、场景标签、记录月份。不写创作背景、不加点评——一条段子后面跟一段解释，是这件项目里最该避免的事。

四、页面实现

纯静态单页：场景作小标题，每条一句，月份用小徽章，窄栏排版保证一屏只看到几条。语义结构按 HTML 入门教程 写，用 section 分组、article 承载条目、time 标日期；徽章与卡片样式借 Bootstrap 组件实验室 的示例，只取最基础的部分。纯静态、无脚本阻塞、打开即读，正好匹配「随手翻两眼」的使用场景。

去重、归组、统一格式交给 WorkBuddy 按模板处理，明确要求不改原句。有几条被分到了「数码」，我读着更像「拖延」，人工复核时挪了回来。

五、复盘

做完最直观的变化：找句子从「滑五分钟备忘录」变成「点开对应分组」。另一个收获是，按场景摆好后能看出自己反复写同一类事——关于拖延的段子明显偏多，这算是意外发现的生活实况。

体会还是那句：个人页面不需要功能，需要的是恰好贴合找东西的方式。收得窄、按场景分、字段减到最少、原句不改，四条就够了。

结语

给段子做个小页面，技术含量不高，却让攒了两年的句子第一次变得好用。愿你的那些随手记，也能有一个按自己思路排好的位置。