个人技术博客工具箱：把日常小能力做成可信、好用的工作台

工具箱适合承载“现在就能完成一件小事”的能力。它不是另一个文章目录，也不应该把实用工具和小游戏混成一列。打开页面后，读者应该能快速找到输入框、得到结果、复制或清空，并知道数据是否离开设备。

先盘点当前工具，而不是再造一个菜单

目前工具页已经提供随机餐食、打字速度测试、骰子、随机命名、每日语录、娱乐性质的星座卡片、番茄钟、随机密码、配色、屏幕互动、JSON 格式化、正则测试、单位换算、临时文本、URL 与 Base64 编解码、时间戳、Cron、Markdown 表格、HTTP 状态码和 CSS 阴影。页面代码是当前能力的事实来源；入口文案或路线图中的“计划加入”不能算已完成。

可按任务分成四组：

开发调试：JSON、正则、URL、Base64、时间戳、Cron、HTTP 状态码、Markdown 表格、单位换算、CSS 阴影。
效率与临时操作：番茄钟、打字测试、剪贴板草稿、随机命名、配色灵感。
日常决策：随机吃什么、轻量提醒、可选的天气信息。天气是外部数据，应显示更新时间、来源和不可用状态。
互动娱乐：骰子、屏幕互动、星座趣味文案；这类内容应放在娱乐标签，不包装成预测或建议。

小游戏应另设入口，保存各自的规则、关卡、分数和触屏控制。屏幕效果、骰子或随机抽签虽有趣，但短小的无状态互动仍可留在工具箱；有连续玩法和游戏状态的内容则归小游戏，避免重复导航。

一张卡片只完成一个清晰任务

每个工具采用一致的交互契约：有标签的输入、有边界校验的操作、可读的结果、复制/下载（如适用）、清空/重置、成功与错误反馈。不要让 placeholder 充当永久标签；按钮需要键盘可操作、焦点清晰，屏幕阅读器能读到结果更新。输入、输出、代码块和错误文字不能在窄屏把页面撑出横向滚动。

工具首页应先给搜索和分类筛选，再显示轻量卡片；最近使用和收藏可以作为本机偏好。搜索要支持别名（例如“时间戳 / Unix time”“URL 转义 / decode”），空结果有清除筛选入口。首屏优先展示高频开发工具，娱乐工具不抢主位。

隐私默认本地，网络请求可见

URL、JSON、正则、Base64、密码等输入可能含敏感内容。无需联网的工具应在浏览器本地运行，不写入服务器日志、不自动同步到 URL query、不默认保存在 localStorage。页面需要第三方翻译、AI 或天气服务时，明确展示将发送的数据、服务来源、保留策略与失败降级；不能把“运行在浏览器”误说成“绝对安全”。

密码生成尤其要区分“随机演示”和“可用于账号”。真正的凭据应使用 Web Crypto 安全随机源、避免有偏取模，并让用户选择长度和字符集；缺少安全随机 API 时应停止并提示，而不是静默退回 Math.random()。密码只在内存中短暂显示，不写分析埋点、不持久化，复制后提供明确反馈。不要把自己的密码粘到公开网页测试。

随机吃饭或命名这种非安全抽签可以用普通随机数；奖品、抽奖、密码、令牌和任何安全决策不能共用这套实现。随机性能力必须由用途决定。

后台配置与内容管理边界

适合后台配置的内容包括工具名称、说明、图标、分类、排序、是否显示、帮助链接、每日语录来源、预设餐食/颜色和入口文案。每项配置要有 schema 校验、默认值、草稿/发布或预览、排序冲突处理和审计记录。不能把任意 JS 字符串放进后台然后 eval；自定义逻辑应作为审核过的版本化插件，经构建与安全检查后发布。

天气 API key、翻译凭据和内部服务地址放在服务端密钥存储，不交给浏览器。外部服务失败时回退到不联网功能；管理员预览只能隔离内容，不应能绕过正常的角色授权。配置导入先做格式校验、尺寸限制和危险 URL 检查，再应用到正式站点。

插件和在线 Demo 的隔离

普通计算器可在主页面运行；示例代码、用户可编辑 HTML 或第三方模型应该放进单独的受限 iframe 或专用子域。设置 sandbox 权限白名单、CSP、超时、内存/请求限制和跨窗口消息校验；没有必要时不要同时授予 allow-scripts 与 allow-same-origin。不要把第三方插件直接当作可信页面脚本加载。

图片、音视频或 3D Demo 应声明文件类型、体积、加载策略和移动端替代方案；按需加载模型与重型解析器。没有 GPU、网络较慢或浏览器不支持时仍提供说明、静态预览或下载，而不是空白画布。

发布前的体验与回归清单

桌面和手机分别验证首屏、搜索、分类、长文本、复制权限和软键盘布局；用键盘完成全部操作。
测空值、超长输入、非法字符、Unicode、权限拒绝、重复点击、离线和服务端 4xx/5xx；错误提示不清除用户输入。
检查浏览器控制台、网络请求和存储，证明本地工具没有意外上传或持久化输入。
检查无障碍名称、焦点顺序、对比度、减少动态效果和结果播报；动效有关闭设置。
对新增工具写单元测试和真实交互验收，确认导航没有和文章分类、实践场或小游戏重复。
在弱网、无第三方 API 和较旧手机下验证降级；用真实文件和边界输入测试，不只看初始空页面。