今天做了什么
$brainstorming + $grill-me + $frontend-design 定稿:左右全高双轨,默认低透明、悬停点亮;首页/列表/拼豆用完整模式,长文页降噪。
- 新增
rail-data.ts 聚合作品数/记录数/技能数与最新时间流、待办;Marginalia.astro 支持 full/quiet,两个布局注入数据。
- 侧栏升级为全高:左轨豆豆 + 统计 + 时钟;右轨滚动进度 + 施工待办 + 时间流;豆豆熨平计数写入 localStorage。
- 彩蛋改为鼠标移动节流落小豆、点击落大号弹跳豆,动画完成后自动移除。
- 响应字体反馈:侧栏字体放大到 12-15px、提高默认对比度。
- 构建 56 页通过;Playwright 1440/390 验证桌面双轨可见、长文页降噪、移动端隐藏、落豆无残留、无 console 错误。
过程与坑
- 用户反馈 mockup 字体太小,实施时同步把真实侧栏字体和对比度调大。
- 验证脚本最初用 DOM 节点数判断移动端隐藏,
display:none 的元素仍在 DOM 里,改成 isVisible() 才准确。
- 本地 4321/4322 端口被占用,预览自动落到 4323;验证脚本支持
BASE_URL 环境变量。
下一步
- 在真实设备上看手感;如果侧栏仍太抢眼,可再降透明或改成折叠展开。
- 分支合并到 master 后 push 即自动发布;发布后到线上确认 Cloudflare Pages 效果。