标签：工程实践
这里收集了带「工程实践」标签的 5 篇文章，按发布时间从新到旧排列。
把重复的事固化成流程：配图流水线、构建与验证步骤、可复现的命令。目标是每次结果一致，而不是每次重新想一遍。
-
构建产物 16 MB，访客每次只下 28 KB
统计 dist 目录发现 16 MB、313 个文件，其中 1.6 MB 的 Mermaid 图表引擎从来没被下载过。这篇把「部署体积」与「访客成本」分清：什么进了关键路径、什么按需加载、什么可以被缓存一年。
10月24日 23:20
-
可访问性体检：三个真问题与三次假警报
用脚本给自己的静态博客做了一次可访问性体检：重复 id、搜索框没有无障碍名称、键盘焦点环在深色背景上几乎看不见。同时记录体检脚本自己报过的三次假警报——它们比漏报更危险。
10月24日 23:00
-
24 篇文章的站内 SEO：一套可复跑的体检清单
不靠站长后台、不装插件，写一个脚本扫构建产物就能查出大部分站内 SEO 问题。这篇是 24 篇文章、54 个页面跑下来整理出的八项检查、九类真实问题与修法，以及三条「体检本身也会骗你」的教训。
10月24日 22:40
-
给静态博客的单篇文章上密码：构建期加密与浏览器解密
静态站没有服务端，密码保护只能靠真加密：构建期用 PBKDF2-HMAC-SHA256 派生密钥、AES-256-GCM 加密正文，产物里只剩盐、IV 和密文。这篇讲清参数取舍、公开仓库的明文隔离、元数据泄露清单与解密后要重跑的初始化。
10月5日 23:10
-
给每篇文章加「更新记录」：用 git 提交历史自动生成文章修改时间线
文章页底部那块「更新记录」不是手写的：构建前用脚本读 git log 生成 JSON，页面再按 slug 查表渲染。本文拆开这条链路，讲清 fetch-depth 0 为什么是硬前提、浅克隆会怎样把一条无关提交按到所有文章头上，以及行内 diff 编辑器的取舍。
10月5日 22:35
