spec_verify --all 六项同指纹 exit=0;视觉终审+复验双轮 可上线 Spec: 2026-10-25_add-media-and-polish Co-authored-by: GLM-5.3
2.2 KiB
2.2 KiB
媒体支持(图/视频/音频)+ 灯箱按钮与评论区美化 - 任务拆解
使用规则
- boundary/verify 齐备;verify 只读断言
阶段一:实现
-
T1 灯箱原图/下载按钮美化
- claim: orchestrator
- boundary: 只改 GalleryPage.astro 灯箱 lb-orig 区(升级为与 lbnav 同语言的胶囊按钮:图标+文字+悬停态)
- verify:
pnpm astro build && grep -q "lb-orig" dist/gallery/index.html
-
T2 Artalk 评论区美化
- claim: op-gitea(mesh 车道,预约 src/components/ArtalkComments.astro)
- boundary: ArtalkComments.astro 内注入页面级覆盖样式(.atk-* 选择器,用 tokens 变量,明暗双态随 [data-theme]);可调研 Artalk darkMode 配置项并在 init 传参;不改 Artalk 服务端
- verify:
pnpm astro build && grep -q "atk-" src/components/ArtalkComments.astro
-
T3 markdown 媒体支持
- claim: orchestrator
- boundary: src/styles/global.css 增媒体样式段(.prose-reading/.prose-tech 内 img/figure/video/audio:宽度/圆角/居中/图注样式);验证 raw HTML 透传与图片优化
- verify:
pnpm astro build
-
T4 三媒样张
- claim: op-artalk(mesh 车道,预约 content/posts/media-sample.md 与其资产目录)
- boundary: ffmpeg 生成 3s 测试视频(<1MB)与 3s 音频;一张测试图;写一篇 draft:true 的样例文章(category: tech, draft 置 true 不上线仅构建验证)三媒齐用;不碰既有六篇
- verify:
pnpm astro build && grep -q "<video" dist/archives/*/index.html -r | head -1
-
T5 写作指南
- depends-on: task_0003
- claim: orchestrator
- boundary: 新建 docs/写作指南.md(三媒插入语法/资产目录约定 content/posts/assets/{slug}/)/体积纪律(图≤1MB 压缩后、音≤5MB、视频>5MB 走仓外 store+绝对 /media/ 路径待 build.sh 同步)
- verify:
test -s docs/写作指南.md
-
T6 验证收官
- depends-on: task_0001, task_0002, task_0004, task_0005
- claim: orchestrator
- boundary: E2E 复跑 + 样例页与评论区双主题截图交视觉模型 + 归档推送
- verify:
node tests/e2e.mjs 2>&1 | grep -q "30/30 PASS"
当前进度:由脚本计算,无需手动维护