Merge pull request d-run#294 from windsonsea/videos

windsonsea · web-flow · commit 593f33731a18 · 2025-05-13T11:33:55.000+08:00
[en] Add videos page
diff --git a/docs/zh/docs/en/videos/ai-app.md b/docs/zh/docs/en/videos/ai-app.md
@@ -0,0 +1,73 @@
+# AI Applications
+
+This page lists operation videos related to the AI Application Center, corpora, and data analysis.
+
+## Create an AI Application
+
+<div class="responsive-video-container">
+  <video controls src="https://harbor-test2.cn-sh2.ufileos.com/drun/videos/create-app.mp4" preload="metadata" poster="./images/create-app.png"></video>
+</div>
+
+## AI Application Chat
+
+<div class="responsive-video-container">
+  <video controls src="https://harbor-test2.cn-sh2.ufileos.com/drun/videos/chat.mp4" preload="metadata" poster="./images/chat.png"></video>
+</div>
+
+## Corpus
+
+### Create a Corpus
+
+<div class="responsive-video-container">
+  <video controls src="https://harbor-test2.cn-sh2.ufileos.com/drun/videos/create-corpus.mp4" preload="metadata" poster="./images/create-corpus.png"></video>
+</div>
+
+### Manage Corpus Content
+
+<div class="responsive-video-container">
+  <video controls src="https://harbor-test2.cn-sh2.ufileos.com/drun/videos/manage-corpus.mp4" preload="metadata" poster="./images/manage-corpus.png"></video>
+</div>
+
+### Import Corpus Files
+
+<div class="responsive-video-container">
+  <video controls src="https://harbor-test2.cn-sh2.ufileos.com/drun/videos/import-corpus.mp4" preload="metadata" poster="./images/import-corpus.png"></video>
+</div>
+
+### Manual Corpus Entry
+
+<div class="responsive-video-container">
+  <video controls src="https://harbor-test2.cn-sh2.ufileos.com/drun/videos/manual-import.mp4" preload="metadata" poster="./images/manual-import.png"></video>
+</div>
+
+### Formatted Corpus Import
+
+<div class="responsive-video-container">
+  <video controls src="https://harbor-test2.cn-sh2.ufileos.com/drun/videos/batch-import.mp4" preload="metadata" poster="./images/batch-import.png"></video>
+</div>
+
+## Data Analysis
+
+### Q&A Quality
+
+<div class="responsive-video-container">
+  <video controls src="https://harbor-test2.cn-sh2.ufileos.com/drun/videos/qa-quality.mp4" preload="metadata" poster="./images/qa-quality.png"></video>
+</div>
+
+### Q&A Frequency
+
+<div class="responsive-video-container">
+  <video controls src="https://harbor-test2.cn-sh2.ufileos.com/drun/videos/qa-times.mp4" preload="metadata" poster="./images/qa-times.png"></video>
+</div>
+
+### Suggestions for Improvement
+
+<div class="responsive-video-container">
+  <video controls src="https://harbor-test2.cn-sh2.ufileos.com/drun/videos/impro-comments.mp4" preload="metadata" poster="./images/impro-comments.png"></video>
+</div>
+
+### My Feedback
+
+<div class="responsive-video-container">
+  <video controls src="https://harbor-test2.cn-sh2.ufileos.com/drun/videos/my-feedback.mp4" preload="metadata" poster="./images/my-feedback.png"></video>
+</div>
diff --git a/docs/zh/docs/en/videos/bills.md b/docs/zh/docs/en/videos/bills.md
@@ -0,0 +1,31 @@
+# Billing Center
+
+This page lists operation videos related to transaction details, orders, bills, and vouchers.
+
+## Transaction Details
+
+Refer to the documentation on [Transaction Details](../leopard/transactions.md).
+
+<div class="responsive-video-container">
+  <video controls src="https://harbor-test2.cn-sh2.ufileos.com/drun/videos/transactions.mp4" preload="metadata" poster="./images/transaction.png"></video>
+</div>
+
+## Order Management
+
+Refer to the documentation on [Order Management](../leopard/orders.md).
+
+<div class="responsive-video-container">
+  <video controls src="https://harbor-test2.cn-sh2.ufileos.com/drun/videos/orders.mp4" preload="metadata" poster="./images/orders.png"></video>
+</div>
+
+## Bill Management
+
+<div class="responsive-video-container">
+  <video controls src="https://harbor-test2.cn-sh2.ufileos.com/drun/videos/bills.mp4" preload="metadata" poster="./images/bills.png"></video>
+</div>
+
+## Vouchers
+
+<div class="responsive-video-container">
+  <video controls src="https://harbor-test2.cn-sh2.ufileos.com/drun/videos/voucher.mp4" preload="metadata" poster="./images/voucher.png"></video>
+</div>
diff --git a/docs/zh/docs/en/videos/index.md b/docs/zh/docs/en/videos/index.md
@@ -0,0 +1,21 @@
+---
+hide:
+  - toc
+---
+
+# Video Tutorials
+
+This page lists some d.run operation videos for user reference.
+
+<div class="grid cards" markdown>
+
+- :technologist_tone1: [Register and Login](./login.md)
+- :octicons-cloud-16: [Compute Cloud](./zestu.md)
+- :simple-themodelsresource: [LLM Studio](./models.md)
+- :octicons-apps-24: [AI Apps](./ai-app.md)
+- :fontawesome-solid-sack-dollar: [Billing Center](./bills.md)
+- :octicons-gear-16: [Personal Center](./login.md)
+
+</div>
+
+[Register and Experience d.run](https://console.d.run/){ .md-button }
diff --git a/docs/zh/docs/en/videos/login.md b/docs/zh/docs/en/videos/login.md
@@ -0,0 +1,39 @@
+# Registration and Login
+
+This page lists operation videos for registration, login, changing password/key/language, and more.
+
+## First-Time Registration
+
+Refer to the documentation on [Account Registration](../index.md).
+
+<div class="responsive-video-container">
+  <video controls src="https://harbor-test2.cn-sh2.ufileos.com/drun/videos/registration.mp4" preload="metadata" poster="./images/register.png"></video>
+</div>
+
+## Login Demo
+
+<div class="responsive-video-container">
+  <video controls src="https://harbor-test2.cn-sh2.ufileos.com/drun/videos/login.mp4" preload="metadata" poster="./images/login.png"></video>
+</div>
+
+## Forgot Password
+
+<div class="responsive-video-container">
+  <video controls src="https://harbor-test2.cn-sh2.ufileos.com/drun/videos/forget-pass.mp4" preload="metadata" poster="./images/forget-pass.png"></video>
+</div>
+
+## User Center – Security Settings
+
+Refer to the documentation on [Security Settings](../personal/index.md).
+
+<div class="responsive-video-container">
+  <video controls src="https://harbor-test2.cn-sh2.ufileos.com/drun/videos/security.mp4" preload="metadata" poster="./images/security.png"></video>
+</div>
+
+## User Center – Language Settings
+
+Refer to the documentation on [Language Settings](../personal/language.md).
+
+<div class="responsive-video-container">
+  <video controls src="https://harbor-test2.cn-sh2.ufileos.com/drun/videos/lang-settings.mp4" preload="metadata" poster="./images/language.png"></video>
+</div>
diff --git a/docs/zh/docs/en/videos/models.md b/docs/zh/docs/en/videos/models.md
@@ -0,0 +1,33 @@
+# Large Model Service Platform
+
+This page lists operation videos related to the model marketplace, model deployment, model services, and API Key management.
+
+## Model Marketplace
+
+Refer to the documentation on [Model Marketplace](../models/index.md).
+
+<div class="responsive-video-container">
+  <video controls src="https://harbor-test2.cn-sh2.ufileos.com/drun/videos/llm-model-store.mp4" preload="metadata" poster="./images/model-store.png"></video>
+</div>
+
+## Model Deployment
+
+Refer to the documentation on [Model Deployment](../models/deploy.md).
+
+<div class="responsive-video-container">
+  <video controls src="https://harbor-test2.cn-sh2.ufileos.com/drun/videos/deploy-model.mp4" preload="metadata" poster="./images/deploy-model.png"></video>
+</div>
+
+## Model Service
+
+<div class="responsive-video-container">
+  <video controls src="https://harbor-test2.cn-sh2.ufileos.com/drun/videos/model-service.mp4" preload="metadata" poster="./images/model-service.png"></video>
+</div>
+
+## API Key Management
+
+Refer to the documentation on [API Key Management](../models/apikey.md).
+
+<div class="responsive-video-container">
+  <video controls src="https://harbor-test2.cn-sh2.ufileos.com/drun/videos/llm-api-key.mp4" preload="metadata" poster="./images/api-key.png"></video>
+</div>
diff --git a/docs/zh/docs/en/videos/zestu.md b/docs/zh/docs/en/videos/zestu.md
@@ -0,0 +1,29 @@
+# Compute Cloud
+
+This page lists practical videos related to the compute market, container instances, and file storage.
+
+## Compute Market
+
+Refer to the documentation on [Compute Market](../zestu/index.md).
+
+<div class="responsive-video-container">
+  <video controls src="https://harbor-test2.cn-sh2.ufileos.com/drun/videos/purchase.mp4" preload="metadata" poster="./images/purchase.png"></video>
+</div>
+
+## Create Container Instance
+
+<div class="responsive-video-container">
+  <video controls src="https://harbor-test2.cn-sh2.ufileos.com/drun/videos/create-instance.mp4" preload="metadata" poster="./images/create-instance.png"></video>
+</div>
+
+## Power On/Off Container Instance
+
+<div class="responsive-video-container">
+  <video controls src="https://harbor-test2.cn-sh2.ufileos.com/drun/videos/power-on-off.mp4" preload="metadata" poster="./images/power-on-off.png"></video>
+</div>
+
+## File Storage
+
+<div class="responsive-video-container">
+  <video controls src="https://harbor-test2.cn-sh2.ufileos.com/drun/videos/file-storage.mp4" preload="metadata" poster="./images/file-storage.png"></video>
+</div>
diff --git a/docs/zh/navigation.yml b/docs/zh/navigation.yml
@@ -191,6 +191,8 @@ plugins:
                 实名认证服务说明: Real-name Authentication
                 反挖矿协议: Anti-mining Agreement
                 人脸信息处理规则: Facial Info Processing Rules
+                视频教程: Videos
+                注册与登录: Register and Login
                 AI 行业新闻: Blogs
                 d.run 是支撑生成式 AI 的理想平台: d.run is the Ideal Platform for Generative AI
                 K8s 与生成式 AI 珠联璧合: K8s and Generative AI Make a Perfect Match
