项目记录：给句子库做一个安静的静态页面
把伤感句子整理成库之后，我又花了半天给它做了个本地静态页面。不做账号、不做收藏、不接后端，只求打开就能安静地翻。本文记录这次小项目的取舍与结果。
一、先定下「不做」清单
比起功能，我更先想清楚不要什么：
- 不接数据库：内容就放在 HTML 里，省去维护成本；
- 不做交互特效：不需要渐显、不需要轮播，句子本身才是主角；
- 不做搜索服务：靠分组与小标题定位就够了；
- 不依赖脚本：首屏内容直接可读。
「不做」定下来，实现反而很快。
二、页面结构
按情绪强度分三大区，区内按场景分组，每句作为一个独立条目，附上标签与记录日期。语义上用 main 承载、section 分区、article 包每条句子、blockquote 放句子原文。这套写法对照 HTML 入门教程 的基础章节就能完成，它提到的纯静态、无 JS 阻塞、加载快的思路，正好贴合「安静地翻」这个定位。
三、样式上只做三件事
- 用较大的行距与留白，让每句之间有呼吸感；
- 用低对比度的标签区分场景，不抢文字；
- 窄栏排版，一屏只呈现少数几条。
组件参考了 Bootstrap 组件实验室 的 card 与 badge 示例，但只取了最基础的部分，没有引入整套框架。分组与标注的方式，仍借鉴 万象云档 按主题分册、标清来源的组织思路。
四、过程中的两个调整
- 调整一：最初把标签做得很显眼，读起来像后台列表，后来整体压低了对比度；
- 调整二：一开始想按时间倒序，试用后发现按「强度 → 场景」更好找，于是改成分组优先。
这两个改动都不涉及技术，却决定了页面好不好用。
五、复盘
做完之后，翻句子从「在备忘录里滑半天」变成「打开、定位、读完」。最让我满意的是维护成本：新增一句只需补一小段结构，不用动任何配置。
体会是：个人页面不需要功能完整，需要的是恰好匹配使用习惯。静态、少交互、结构清楚，这三点比任何花哨效果都耐久。
结语
给句子库一个安静的家，技术含量不高，却让整理成果真正被用起来。愿你的每一次小项目，都以「刚好够用」为完成标准，而不是以「还能加什么」为起点。