feat(media): hidden 标签过滤与指南 public/media 约定(T5 补)
- 首页/归档/RSS(zh+en)集合查询统一 draft+hidden 双过滤——样张
永久保留为可访问不列出的活样例(回归测试资产)
- 写作指南视音频段更正:raw HTML 相对路径不走资产管线(实测),
媒体放 public/media/{slug}/ 用绝对 /media/ 引用,与仓外 store
同命名空间
验证: pnpm astro build exit 0(hidden 过滤后样张退出列表与 RSS)
Spec: 2026-10-25_add-media-and-polish
Co-authored-by: GLM-5.3
This commit is contained in:
1 parent
dcc20e9fb3
commit
71a799bd97
9 files changed
+82
-18
No files matched your search
+14
-11
@@ -28,24 +28,27 @@ content/posts/
|
||||
- 图注可选;写法固定为 `*…*` 单独成段,紧跟图片
|
||||
- 压缩纪律:入仓前长边 ≤2400px(可跑 `python3 scripts/photos_ingest.py`,对 posts 资产同样有效的思路,图片请自行用同规格压缩)
|
||||
|
||||
## 视频
|
||||
## 视频 / 音频
|
||||
|
||||
markdown 原生不认视频,直接写 HTML 标签(Astro 透传):
|
||||
markdown 原生不认视音频,写 HTML 标签;**raw HTML 的相对路径不走 Astro
|
||||
资产管线**(只有 `![]()` 图片语法走),所以媒体文件放 **`public/media/{slug}/`**
|
||||
(构建原样拷入 dist),引用用绝对路径 `/media/...`:
|
||||
|
||||
```
|
||||
public/media/my-post/clip.mp4 ← 文件放这里
|
||||
```
|
||||
|
||||
```html
|
||||
<video controls preload="metadata" src="./assets/my-post/clip.mp4"></video>
|
||||
<video controls preload="metadata" src="/media/my-post/clip.mp4"></video>
|
||||
*片头三秒试拍*
|
||||
|
||||
<audio controls preload="metadata" src="/media/my-post/voice.mp3"></audio>
|
||||
*朗读:面纱选段*
|
||||
```
|
||||
|
||||
- `preload="metadata"` 必写(不预拖流量,只取时长/首帧)
|
||||
- 样式已全局处理(全宽圆角黑底)
|
||||
|
||||
## 音频
|
||||
|
||||
```html
|
||||
<audio controls preload="metadata" src="./assets/my-post/voice.mp3"></audio>
|
||||
*朗读:面纱选段*
|
||||
```
|
||||
- 样式已全局处理(视频全宽圆角黑底、音频胶囊条)
|
||||
- /media/ 命名空间同时覆盖"仓内小文件"与"仓外 store 大文件"(见体积纪律表)
|
||||
|
||||
## 体积纪律(git 仓红线)
|
||||
|
||||
|
||||
Reference in new issue
Block a user