新增示例库逻辑

docs/zh/gallery/index.md

@@ -0,0 +1,45 @@
+# 🎬 视频示例库
+
+展示使用 Pixelle-Video 制作的视频案例。点击卡片查看完整的工作流和配置文件。
+
+---
+
+<div class="grid cards" markdown>
+
+-   **阅读习惯养成**
+
+    ---
+
+    <video controls width="100%" style="border-radius: 8px;">
+      <source src="https://your-oss-bucket.oss-cn-hangzhou.aliyuncs.com/pixelle-video/reading-habit/video.mp4" type="video/mp4">
+    </video>
+    
+    [:octicons-mark-github-16: 查看工作流和配置](https://github.com/PixelleLab/Pixelle-Video/tree/main/docs/gallery/reading-habit)
+
+-   **工作效率提升**
+
+    ---
+
+    <video controls width="100%" style="border-radius: 8px;">
+      <source src="https://your-oss-bucket.oss-cn-hangzhou.aliyuncs.com/pixelle-video/work-efficiency/video.mp4" type="video/mp4">
+    </video>
+    
+    [:octicons-mark-github-16: 查看工作流和配置](https://github.com/PixelleLab/Pixelle-Video/tree/main/docs/gallery/work-efficiency)
+
+-   **健康饮食**
+
+    ---
+
+    <video controls width="100%" style="border-radius: 8px;">
+      <source src="https://your-oss-bucket.oss-cn-hangzhou.aliyuncs.com/pixelle-video/healthy-diet/video.mp4" type="video/mp4">
+    </video>
+    
+    [:octicons-mark-github-16: 查看工作流和配置](https://github.com/PixelleLab/Pixelle-Video/tree/main/docs/gallery/healthy-diet)
+
+</div>
+
+---
+
+!!! tip "如何使用"
+    点击案例卡片跳转到 GitHub，下载工作流文件和配置，即可一键复现视频效果。
+