Files
blog/.spec/specs/archive/2026-10-25_add-media-and-polish/tasks.md
wait4xandGLM-5.3 6da2b7cecf chore(spec): 归档 add-media-and-polish——六任务三车道收敛
spec_verify --all 六项同指纹 exit=0;视觉终审+复验双轮 可上线

Spec: 2026-10-25_add-media-and-polish

Co-authored-by: GLM-5.3
2026-10-25 12:26:56 +08:00

2.2 KiB
Raw Permalink Blame History

媒体支持(图/视频/音频)+ 灯箱按钮与评论区美化 - 任务拆解

使用规则

  • 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"

当前进度:由脚本计算,无需手动维护