Files
blog/.spec/specs/2026-10-25_add-blog-5c/tasks.md
T
wait4xandGLM-5.3 93992cb515 refactor(header): 断点阶梯升级为 clamp 流式自适应(用户设计诉求)
- 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
2026-10-25 19:49:53 +08:00

37 lines
1.9 KiB
Markdown
Raw Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
# Phase 5c:裸 clone 构建 + 移动端布局排查 + Lighthouse 真测 + en/archives 补页 - 任务拆解
## 使用规则
- boundary/verify 齐备;verify 只读断言
## 阶段一:实现
- [x] 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`
- [x] T2 移动端布局全页排查(用户实测报告问题)
- claim: orchestrator + 视觉车道
- boundary: 390px/360px 双宽 × zh/en × 亮/暗全页截图交视觉模型;发现的缺陷修复;不重构整体布局只修缺陷
- verify: `node tests/e2e.mjs 2>&1 | grep -q "30/30 PASS"`
- [x] 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`
- [x] 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`
- [x] 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"`
---
**当前进度**:由脚本计算,无需手动维护