docs(state): record the 2026-10-27 hybrid archive and portfolio delivery
Deploy / build (push) Successful in 40s
Deploy / build (push) Successful in 40s
This commit is contained in:
1 parent
09596fe7a5
commit
b6d70a8b80
2 files changed
+61
No files matched your search
@@ -93,3 +93,30 @@
|
||||
2. 运行 `node scripts/check-assets.mjs`,确保静态资源引证有效。
|
||||
3. 使用 Headless 探测工具或 Playwright 脚本验证 1920px 与 375px 视口下的视觉呈现与水平溢出(`scrollWidth === clientWidth`)。
|
||||
4. 提交 Git 并推送到 Gitea(`git.hoelee.com`)与 GitHub 镜像。
|
||||
|
||||
---
|
||||
|
||||
## 交付记录 — 2026-10-27
|
||||
|
||||
按上文四个工单全部落地,构建、资源校验、视口溢出探测均通过。逐项对照:
|
||||
|
||||
| 工单 | 状态 | 落地位置 | 偏差 / 说明 |
|
||||
| --- | --- | --- | --- |
|
||||
| 1 · `/posts/` 混合归档(EN/ZH) | ✅ | `src/components/Archive.astro`、`src/lib/featured.ts`、`src/pages/posts/index.astro`、`src/pages/zh/posts/index.astro`、`src/pages/index.astro` | 旗舰集合用固定 slug(3 张归档 / 4 张首页),不用「最新 N 篇」;不做分页,仍是全量渲染 + 客户端过滤,`Ctrl+F` 与零请求都保住;筛选时旗舰块折叠为 `inert` + 高度 0,状态行从 `All 91 posts` 变为 `Showing 27 of 91 posts` |
|
||||
| 2 · `case-studies` 作品集版式 | ✅ | `src/components/PortfolioHero.astro`、`src/lib/portfolio.ts`、`src/components/PostList.astro`、`src/styles/global.css`、`src/pages/{,zh/}categories/[category].astro` | banner 从 3:1 改为 **21:9**(2400×1029),因为 3:1 在 240–300px 展示高度下纵向空间不足;连线由「三根曲线穿面板」改为共享铜总线;纯几何、无烘焙文字、seeded 确定性,重跑不产生 diff。指标 pill 只取正文出现过的数字(容器数 / VRAM / cron) |
|
||||
| 3 · 列表组件与多语言对齐 | ✅ | `src/components/PostList.astro`、`src/components/Archive.astro`、`src/styles/global.css` | 动作链接为中英双语且不进 Tab 序(每卡一个键盘停留点);`Archive.astro` 行尾与分类 chip 原本泄漏英文 slug,已统一走 `categoryLabel()`;移动端标题链接 `min-height: 44px`。**标签 chip 仍是导航链接**(跳 `/tags/x/`),不改为页内过滤——这是先前锁定的决策,保留 |
|
||||
| 4 · 端到端验收与发布 | ✅ | `scripts/probe-layout.mjs`(新增) | 9 个页面 × 8 个视口(1920/1280/960/768/430/390/375/320)共 **72/72** 通过,`scrollWidth == clientWidth`;折叠行为在 EN/ZH × 1280/390 实测;`check-assets.mjs` 182 篇资源齐备 |
|
||||
|
||||
验收命令:
|
||||
|
||||
```bash
|
||||
npm run build && node scripts/check-assets.mjs
|
||||
python -m http.server 4321 --directory dist &
|
||||
chrome --headless=new --remote-debugging-port=9333 about:blank &
|
||||
node scripts/probe-layout.mjs # 退出码 1 = 有横向溢出或折叠失效
|
||||
```
|
||||
|
||||
截图评审期间另修的三处(不在原工单内,属于同类体验缺陷):两条 chip 条带原本无标签且视觉同构
|
||||
(`devops` 出现两次:分类 30 / 话题 6)→ 加 *Category* / *Topic* 标签、≤700px 时标签上移;
|
||||
列表卡片标签数封顶 4 个 + `+N`,修复卡片元信息行高不一致;导航补 `aria-current="page"`
|
||||
(此前四个栏目链接在任何页面都没有当前位置提示)。
|
||||
Reference in new issue
Block a user