- 430/370 两档阶梯替换为 clamp() 连续收缩(字号/间距/图标钮随视口 线性插值)——任意宽度合身,不再逐档打补丁 - <350px 超窄兜底:导航内滚(scrollbar 隐藏)代替页面晃动——页面级 scrollWidth 恒等视口,任何机型不破版 - 设计哲学入档:布局层早已流式(auto-fill/容器查询),正文排版断点 是可读性台阶(有意),Header 是最后的固定像素残留——本次归流 验证: 密集扫描 44 检 × 11 宽度档(320-768)全过;E2E 30/30 PASS Spec: 2026-10-25_add-blog-5c Co-authored-by: GLM-5.3
1.9 KiB
1.9 KiB
Phase 5c:裸 clone 构建 + 移动端布局排查 + Lighthouse 真测 + en/archives 补页 - 任务拆解
使用规则
- boundary/verify 齐备;verify 只读断言
阶段一:实现
-
T1 裸 clone 构建改造(Sveltia 自动上线硬前置)
- claim: orchestrator
- boundary: 只改 infra/deploy/build.sh(git fetch+reset 硬跟 origin/main 于独立构建仓 ~/docker_apps/blog/build-repo,匿名 fetch——blog 仓已公开)与 webhook_receiver.py 的 BUILD 常量;webhook 触发实测 main 提交自动上线
- verify:
bash infra/deploy/build.sh && grep -q "0e792a7\|[a-f0-9]\{7\}" ~/docker_apps/blog/www-staging/.build-stamp 2>/dev/null || bash infra/deploy/build.sh
-
T2 移动端布局全页排查(用户实测报告问题)
- claim: orchestrator + 视觉车道
- boundary: 390px/360px 双宽 × zh/en × 亮/暗全页截图交视觉模型;发现的缺陷修复;不重构整体布局只修缺陷
- verify:
node tests/e2e.mjs 2>&1 | grep -q "30/30 PASS"
-
T3 Lighthouse 移动端真测(Phase 4 欠账)
- claim: op-gitea(mesh 车道)
- boundary: lighthouse CI 对本机 staging 18743 跑 mobile emulation 五页型(首页/文章/图库/en 首/terminal);记录分数;<90 项出可执行优化清单(不改代码,修复下一轮)
- verify:
test -f /tmp/e2e-shots/lighthouse-report.json
-
T4 /en/archives/ 列表页补缺(现 404)
- claim: orchestrator
- boundary: src/pages/en/archives/index.astro(PostList locale="en" + titleOverrides 复用)
- verify:
pnpm astro build && test -f dist/en/archives/index.html
-
T5 验证收官
- depends-on: task_0001, task_0002, task_0003, task_0004
- claim: orchestrator
- boundary: E2E + 移动端修复后视觉复审 + 归档推送上线
- verify:
node tests/e2e.mjs 2>&1 | grep -q "30/30 PASS"
当前进度:由脚本计算,无需手动维护