43 lines
2.2 KiB
Markdown
43 lines
2.2 KiB
Markdown
# 媒体支持（图/视频/音频）+ 灯箱按钮与评论区美化 - 任务拆解
|
||
|
||
## 使用规则
|
||
- 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"`
|
||
|
||
---
|
||
|
||
**当前进度**：由脚本计算，无需手动维护
|