新增示例库逻辑

docs/en/gallery/index.md

@@ -0,0 +1,45 @@
+# 🎬 Video Gallery
+
+Showcase of videos created with Pixelle-Video. Click on cards to view complete workflows and configuration files.
+
+---
+
+<div class="grid cards" markdown>
+
+-   **Reading Habit**
+
+    ---
+
+    <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: View Workflows & Config](https://github.com/PixelleLab/Pixelle-Video/tree/main/docs/gallery/reading-habit)
+
+-   **Work Efficiency**
+
+    ---
+
+    <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: View Workflows & Config](https://github.com/PixelleLab/Pixelle-Video/tree/main/docs/gallery/work-efficiency)
+
+-   **Healthy Diet**
+
+    ---
+
+    <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: View Workflows & Config](https://github.com/PixelleLab/Pixelle-Video/tree/main/docs/gallery/healthy-diet)
+
+</div>
+
+---
+
+!!! tip "How to Use"
+    Click on a case card to jump to GitHub, download workflow files and configuration, and reproduce the video effect with one click.
+