diff --git a/.vscode/settings.json b/.vscode/settings.json
index 2c7ca1d..3ffd1a5 100644
--- a/.vscode/settings.json
+++ b/.vscode/settings.json
@@ -47,6 +47,7 @@
     "titleBar.activeForeground": "#F8FCFD"
   },
   "cSpell.words": [
+    "autoplay",
     "Codegee",
     "Codeium",
     "commitlint",
@@ -72,8 +73,5 @@
     "vitepress",
     "vsix",
     "Zhipu"
-  ],
-  "aide.convertLanguagePairs": {
-    "typescript": "python"
-  }
+  ]
 }
diff --git a/.vscodeignore b/.vscodeignore
index 5a522c8..e33b6c7 100644
--- a/.vscodeignore
+++ b/.vscodeignore
@@ -13,3 +13,4 @@ scripts
 .vscode-test/**
 .vscode-test-web/**
 out/**
+website/**
diff --git a/README.md b/README.md
index 6cd6da3..94bda40 100644
--- a/README.md
+++ b/README.md
@@ -16,11 +16,17 @@ Mastering Any Code In VSCode: One-click commenting and language conversion. 💪
 
 </div>
 
+## Document 📚
+
+- See: [https://aide.nicepkg.cn](https://aide.nicepkg.cn)
+
+<img src="https://github.com/user-attachments/assets/9eafa68b-30ec-4ad6-96de-317231e604b1" alt="Aide Intro" width="100%" />
+
 ## Features ✨
 
 - 🔄 **Code Conversion**: One-click code transformation between languages.
 - 📖 **Code Annotation**: One-click detailed comments for better readability.
-- 📋 **Quick Copy**: Copy files/folders as AI prompts instantly.
+- 📋 **Quick Copy**: Batch copy files/folders as AI prompts.
 - 💬 **Custom Commands**: Execute custom AI commands on selected files.
 - 🔀 **Variable Rename**: Rename variables using AI-suggested variable names.
 - 🎛 **Prompt Templates**: Define flexible AI prompt templates.
@@ -35,76 +41,13 @@ Mastering Any Code In VSCode: One-click commenting and language conversion. 💪
 3. Search for "[Aide](https://marketplace.visualstudio.com/items?itemName=nicepkg.aide-pro)"
 4. Click Install
 
-## Configuration 🛠
-
-See: [Document](https://github.com/nicepkg/aide/tree/master/docs/configuration/README.md)
-
-## Usage 🚀
-
-### 1. Aide: Code Convert
-
-Convert selected code from one programming language to another using AI.
-
-**How to Use:**
-
-- Select code in the editor.
-- Click the paper-like icon in the top right corner or right-click and choose `✨ Aide: Code Convert`.
-
-### 2. Aide: Code Viewer Helper
-
-Add comments to the selected code to make it readable for beginners, using AI.
-
-**How to Use:**
-
-- Select code in the editor.
-- Click the book-like icon in the top right corner or right-click and choose `✨ Aide: Code Viewer Helper`.
-
-### 3. Aide: Copy As AI Prompt
-
-Copy selected files' contents into the clipboard, formatted as a prompt for AI interaction.
-
-**How to Use:**
-
-- Select files or folders in the Explorer.
-- Right-click and choose `✨ Aide: Copy As AI Prompt`.
-
-### 4. Aide: Ask AI
-
-Prepare and execute custom AI commands based on selected files and user input.
-
-**How to Use:**
-
-- Select files or folders in the Explorer.
-- Right-click and choose `✨ Aide: Ask AI`.
-- Enter your question when prompted.
-
-### 5. Aide: Rename Variable
-
-Rename variables using AI-suggested variable names.
-
-**How to Use:**
-
-- Select a variable in the editor.
-- Right-click and choose `✨ Aide: Rename Variable`.
-- Select a suggested variable name.
-
-### 6. Customizing Keyboard Shortcuts
-
-Assign custom keyboard shortcuts to these commands for faster access:
-
-1. Open the Keyboard Shortcuts editor (`Ctrl+K Ctrl+S` or `Cmd+K Cmd+S`).
-2. Search for the desired Aide command.
-3. Click the plus icon next to the command and press your desired key combination.
-
-Enhance your productivity with Aide's AI-powered features. Install now and experience a smarter way to code!
-
 ## ChangeLog 📅
 
 See the [CHANGELOG](https://github.com/nicepkg/aide/blob/master/CHANGELOG.md) for the latest updates.
 
 ## Contributing 🤝
 
-Contributions are welcome! Please feel free to submit a Pull Request. See the [contributing guide](https://github.com/nicepkg/aide/blob/master/CONTRIBUTING.md) for more details.
+Contributions are welcome! Please feel free to submit a Pull Request. See the [Contributing Guide](https://github.com/nicepkg/aide/blob/master/CONTRIBUTING.md) for more details.
 
 This project exists thanks to all the people who contribute:
 
diff --git a/README_CN.md b/README_CN.md
index 98f0ed4..abc9113 100644
--- a/README_CN.md
+++ b/README_CN.md
@@ -14,15 +14,21 @@
 
 </div>
 
+## 文档 📚
+
+- 查看：[https://aide.nicepkg.cn](https://aide.nicepkg.cn)
+
+<img src="https://github.com/user-attachments/assets/9eafa68b-30ec-4ad6-96de-317231e604b1" alt="Aide Intro" width="100%" />
+
 ## 功能 ✨
 
 - 🔄 **代码转换**：一键代码语言转换。
 - 📖 **代码注释**：一键添加详细注释，提升可读性。
-- 📋 **快速复制**：即时复制文件/文件夹为AI提示。
-- 💬 **自定义命令**：对选定文件执行自定义AI命令。
-- 🔀 **变量重命名**：使用AI给出的变量名建议重命名变量。
-- 🎛 **提示模板**：定义灵活的AI提示模板。
-- 📁 **多文件支持**：选择多个文件/文件夹进行AI提示或命令。
+- 📋 **快速复制**：批量复制文件/文件夹为 AI 提示。
+- 💬 **自定义命令**：对选定文件执行自定义 AI 命令。
+- 🔀 **变量重命名**：使用 AI 给出的变量名建议重命名变量。
+- 🎛 **提示模板**：定义灵活的 AI 提示模板。
+- 📁 **多文件支持**：选择多个文件/文件夹进行 AI 提示或命令。
 - 🚫 **忽略模式**：使用自定义 glob 规则排除文件/文件夹。
 - ⌨ **快捷键**：设置你偏好的功能快捷键。
 
@@ -33,69 +39,6 @@
 3. 搜索 “[Aide](https://marketplace.visualstudio.com/items?itemName=nicepkg.aide-pro)”
 4. 点击安装
 
-## 配置 🛠
-
-查看：[文档](https://github.com/nicepkg/aide/tree/master/docs/configuration/README_CN.md)
-
-## 用法 🚀
-
-### 1. Aide: 代码转换
-
-使用 AI 将选定的代码从一种编程语言转换为另一种。
-
-**使用方法：**
-
-- 在编辑器中选择代码。
-- 点击右上角的纸张图标或右键选择 `✨ Aide: 代码转换`。
-
-### 2. Aide: 代码查看器助手
-
-使用 AI 为选定的代码添加注释，使其易于初学者阅读。
-
-**使用方法：**
-
-- 在编辑器中选择代码。
-- 点击右上角的书本图标或右键选择 `✨ Aide: 代码查看器助手`。
-
-### 3. Aide: 复制为 AI Prompt
-
-将选定文件的内容复制到剪贴板，并格式化为 AI 交互提示。
-
-**使用方法：**
-
-- 在资源管理器中选择文件或文件夹。
-- 右键选择 `✨ Aide: 复制为 AI Prompt`。
-
-### 4. Aide: 问 AI
-
-基于选定的文件和用户输入准备并执行自定义 AI 命令。
-
-**使用方法：**
-
-- 在资源管理器中选择文件或文件夹。
-- 右键选择 `✨ Aide: 问 AI`。
-- 按提示输入您的问题。
-
-### 5. Aide: 重命名变量
-
-使用 AI 给出几个可能的变量名建议以及解释，帮助您更快地重命名变量。
-
-**使用方法：**
-
-- 在编辑器中选择变量。
-- 点击右键选择 `✨ Aide: 重命名变量`。
-- 选择一个建议的变量名。
-
-### 6. 自定义键盘快捷键
-
-为这些命令分配自定义键盘快捷键以更快地访问：
-
-1. 打开键盘快捷键编辑器（`Ctrl+K Ctrl+S` 或 `Cmd+K Cmd+S`）。
-2. 搜索所需的 Aide 命令。
-3. 点击命令旁的加号图标并按下您想要的快捷键组合。
-
-通过 Aide 的 AI 驱动功能提升您的工作效率。立即安装，体验更智能的编码方式！
-
 ## 更新日志 📅
 
 查看最新的更新和功能：[更新日志](https://github.com/nicepkg/aide/blob/master/CHANGELOG.md)
diff --git a/package.json b/package.json
index d772ac7..55fca71 100644
--- a/package.json
+++ b/package.json
@@ -59,9 +59,6 @@
   ],
   "main": "./dist/node/index.js",
   "icon": "res/icon.png",
-  "files": [
-    "dist"
-  ],
   "engines": {
     "vscode": "^1.82.0"
   },
diff --git a/website/.vitepress/config/en.ts b/website/.vitepress/config/en.ts
index d61897c..485a996 100644
--- a/website/.vitepress/config/en.ts
+++ b/website/.vitepress/config/en.ts
@@ -3,7 +3,7 @@ import type { DefaultTheme } from 'vitepress'
 import { defineConfig } from 'vitepress'
 
 const require = createRequire(import.meta.url)
-const pkg = require('../../package.json')
+const pkg = require('../../../package.json')
 
 export const en = defineConfig({
   lang: 'en-US',
@@ -27,7 +27,7 @@ function nav(): DefaultTheme.NavItem[] {
   return [
     {
       text: 'Guide',
-      link: '/guide/index',
+      link: '/guide/getting-started/',
       activeMatch: '/guide/'
     },
     {
diff --git a/website/.vitepress/config/zh.ts b/website/.vitepress/config/zh.ts
index 560d200..90a99c6 100644
--- a/website/.vitepress/config/zh.ts
+++ b/website/.vitepress/config/zh.ts
@@ -3,7 +3,7 @@ import type { DefaultTheme } from 'vitepress'
 import { defineConfig } from 'vitepress'
 
 const require = createRequire(import.meta.url)
-const pkg = require('../../package.json')
+const pkg = require('../../../package.json')
 
 export const zh = defineConfig({
   lang: 'zh-Hans',
@@ -48,7 +48,7 @@ function nav(): DefaultTheme.NavItem[] {
   return [
     {
       text: '指南',
-      link: '/zh/guide/index',
+      link: '/zh/guide/getting-started/',
       activeMatch: '/zh/guide/'
     },
     {
diff --git a/website/.vitepress/theme/index.ts b/website/.vitepress/theme/index.ts
index e3170f3..d471bd2 100644
--- a/website/.vitepress/theme/index.ts
+++ b/website/.vitepress/theme/index.ts
@@ -1,10 +1,14 @@
 import DefaultTheme from 'vitepress/theme'
 import type { App } from 'vue'
 
+import Video from '../../components/Video.vue'
+
 import 'uno.css'
 import './style.css'
 
 export default {
   extends: DefaultTheme,
-  enhanceApp({ app }: { app: App }) {}
+  enhanceApp({ app }: { app: App }) {
+    app.component('Video', Video)
+  }
 }
diff --git a/website/components/Video.vue b/website/components/Video.vue
new file mode 100644
index 0000000..6f54bc9
--- /dev/null
+++ b/website/components/Video.vue
@@ -0,0 +1,62 @@
+<template>
+  <div class="video-container">
+    <div class="video-bg"></div>
+    <video ref="video" class="rounded-2xl overflow-hidden w-full h-auto max-h-90vh" autoplay muted playsinline loop
+      @click="enableControls">
+      <source :src="src" type="video/mp4">
+      Your browser does not support the video tag.
+    </video>
+  </div>
+</template>
+
+<script setup>
+import { ref } from 'vue';
+
+const video = ref(null);
+const props = defineProps({
+  src: {
+    type: String,
+    required: true
+  }
+});
+
+const enableControls = () => {
+  if (video.value) {
+    video.value.controls = true;
+  }
+};
+</script>
+
+<style scoped>
+.video-container {
+  width: 100%;
+  position: relative;
+  padding: 0.5rem;
+  overflow: hidden;
+  border-radius: 1rem;
+}
+
+.video-bg {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  margin: 2rem;
+  z-index: -1;
+  background-image: linear-gradient(-45deg, #8c6bef 50%, #ef7b95 50%);
+  filter: blur(44px);
+}
+
+@media (min-width: 640px) {
+  .video-bg {
+    filter: blur(56px);
+  }
+}
+
+@media (min-width: 960px) {
+  .video-bg {
+    filter: blur(68px);
+  }
+}
+</style>
diff --git a/website/en/guide/configuration/openai-key.md b/website/en/guide/configuration/openai-key.md
index 5b52c17..c5fe120 100644
--- a/website/en/guide/configuration/openai-key.md
+++ b/website/en/guide/configuration/openai-key.md
@@ -9,3 +9,6 @@ This configuration allows you to customize the OpenAI API key. You can obtain yo
     "aide.openaiKey": ""
   }
   ```
+
+<br/>
+<Video src="/videos/aide-customize-configuration.mp4"/>
diff --git a/website/en/guide/features/ask-ai.md b/website/en/guide/features/ask-ai.md
index 6c86825..d859ebe 100644
--- a/website/en/guide/features/ask-ai.md
+++ b/website/en/guide/features/ask-ai.md
@@ -10,6 +10,8 @@ Prepare and execute a custom AI command based on the selected file and user inpu
 - Right-click and select `✨ Aide: Ask AI`.
 - Follow the prompt to enter your question.
 
+<Video src="/videos/aide-ask-ai.mp4"/>
+
 **Related Configuration:**
 
 - You can customize the AI command by modifying the [`aide.aiCommand`](../configuration/ai-command.md) configuration.
diff --git a/website/en/guide/features/code-convert.md b/website/en/guide/features/code-convert.md
index 41960b2..99d14d3 100644
--- a/website/en/guide/features/code-convert.md
+++ b/website/en/guide/features/code-convert.md
@@ -13,6 +13,8 @@ Use AI to convert an entire file or selected code from one programming language
 If the output is interrupted, you can click the original paper icon or right-click and select `✨ Aide: Code Convert` to continue.
 :::
 
+<Video src="/videos/aide-code-convert.mp4"/>
+
 **Related Configuration:**
 
 - By default, the editor will remember your language mappings in the current project's `.vscode/settings.json` file under the [`aide.convertLanguagePairs`](../configuration/convert-language-pairs.md) configuration, so you don't need to select the languages again next time you convert.
diff --git a/website/en/guide/features/code-viewer-helper.md b/website/en/guide/features/code-viewer-helper.md
index 0ead5ad..1b0a54f 100644
--- a/website/en/guide/features/code-viewer-helper.md
+++ b/website/en/guide/features/code-viewer-helper.md
@@ -13,6 +13,8 @@ Use AI to add comments to the entire file or selected code to make it easier to
 If the output is interrupted, you can click the original book icon or right-click and select `✨ Aide: Code Viewer Helper` to continue.
 :::
 
+<Video src="/videos/aide-code-viewer-helper.mp4"/>
+
 **Related Configuration:**
 
 - You can customize the corresponding AI prompt template by configuring [`aide.codeViewerHelperPrompt`](../configuration/code-viewer-helper-prompt.md).
diff --git a/website/en/guide/features/copy-as-prompt.md b/website/en/guide/features/copy-as-prompt.md
index bb0ef5d..dc7dff7 100644
--- a/website/en/guide/features/copy-as-prompt.md
+++ b/website/en/guide/features/copy-as-prompt.md
@@ -9,6 +9,8 @@ Copies the content of the selected files to the clipboard and formats it as AI i
 - Select files or folders in the explorer.
 - Right-click and select `✨ Aide: Copy as AI Prompt`.
 
+<Video src="/videos/aide-copy-as-prompt.mp4"/>
+
 **Related Configuration:**
 
 - You can customize the AI prompt template by configuring [`aide.aiPrompt`](../configuration/ai-prompt.md).
diff --git a/website/en/guide/features/rename-variable.md b/website/en/guide/features/rename-variable.md
index 790f80f..3bc4d01 100644
--- a/website/en/guide/features/rename-variable.md
+++ b/website/en/guide/features/rename-variable.md
@@ -13,3 +13,5 @@ Use AI to provide several possible variable name suggestions along with explanat
 ::: warning
 This feature requires the AI model to support the `function_call` feature.
 :::
+
+<Video src="/videos/aide-rename-variable.mp4"/>
diff --git a/website/en/guide/features/smart-paste.md b/website/en/guide/features/smart-paste.md
index ad4063e..9fa35e1 100644
--- a/website/en/guide/features/smart-paste.md
+++ b/website/en/guide/features/smart-paste.md
@@ -28,6 +28,8 @@ Of course, its functionalities are not limited to these examples. Feel free to e
 
 :::
 
+<Video src="/videos/aide-smart-paste.mp4"/>
+
 **Examples:**
 
 - **From `JSON` to `TypeScript` Type**
diff --git a/website/en/guide/getting-started/customize-configuration.md b/website/en/guide/getting-started/customize-configuration.md
index dc3f8d3..17f9b77 100644
--- a/website/en/guide/getting-started/customize-configuration.md
+++ b/website/en/guide/getting-started/customize-configuration.md
@@ -8,3 +8,5 @@ To customize the configuration of `Aide` and adjust it according to your workflo
    - Alternatively, click the gear icon at the bottom left corner of the window to open the settings menu. Select "Settings" from the dropdown menu.
 
 2. In the settings window, type `aide` in the search bar at the top. Now you should see all `Aide` specific settings in the main panel.
+
+<Video src="/videos/aide-customize-configuration.mp4"/>
diff --git a/website/en/guide/getting-started/customize-shortcuts.md b/website/en/guide/getting-started/customize-shortcuts.md
index 176b9ed..a790e6b 100644
--- a/website/en/guide/getting-started/customize-shortcuts.md
+++ b/website/en/guide/getting-started/customize-shortcuts.md
@@ -5,7 +5,7 @@ You can customize the keyboard shortcuts for the commands of this extension to s
 1. Open the Keyboard Shortcuts editor:
 
    - Press `Ctrl+K Ctrl+S` (Windows/Linux) or `Cmd+K Cmd+S` (Mac)
-   - Alternatively, go to `File > Preferences > Keyboard Shortcuts`
+   - Alternatively, go to `Code > Settings > Keyboard Shortcuts`
 
 2. In the Keyboard Shortcuts editor, search for the command you want to customize:
 
@@ -33,6 +33,10 @@ Here are the default commands you can customize:
 - `aide.smartPaste`: Smart Paste
 - ...and possibly more, you can find the corresponding commands in each feature documentation.
 
+<br/>
+<Video src="/videos/aide-customize-shortcuts.mp4"/>
+<br/>
+
 **Example:**
 
 To set `Ctrl+Shift+A` (Windows/Linux) or `Cmd+Shift+A` (Mac) for the `Ask AI` command:
diff --git a/website/en/guide/getting-started/index.md b/website/en/guide/getting-started/index.md
index b0b1252..2ea9d32 100644
--- a/website/en/guide/getting-started/index.md
+++ b/website/en/guide/getting-started/index.md
@@ -1,5 +1,8 @@
 # Introduction
 
+<br/>
+<Video src="/videos/aide-intro.mp4" />
+
 ## Why Choose `Aide`?
 
 - **😩 Are you suffering from reading through the messy code left by your predecessors?**
diff --git a/website/en/guide/getting-started/installation.md b/website/en/guide/getting-started/installation.md
index 905546e..78abe22 100644
--- a/website/en/guide/getting-started/installation.md
+++ b/website/en/guide/getting-started/installation.md
@@ -13,3 +13,5 @@ If you like this extension, please give it a `⭐️⭐️⭐️⭐️⭐️` ra
 If you encounter any issues, first check the [FAQ](./faq.md). If you still have questions, please [submit an issue](https://github.com/nicepkg/aide/issues).
 
 :::
+
+<Video src="/videos/aide-install.mp4"/>
diff --git a/website/en/index.md b/website/en/index.md
index 96a57a9..df59507 100644
--- a/website/en/index.md
+++ b/website/en/index.md
@@ -18,11 +18,14 @@ hero:
       link: /guide/getting-started/installation
     - theme: alt
       text: Why Aide?
-      link: /guide/getting-started/#why-aide
+      link: /guide/getting-started/#why-choose-aide
+    - theme: alt
+      text: View on Github
+      link: https://github.com/nicepkg/aide
 ---
 
-<div class="px-16">
-
+<div>
+  <Video src="/videos/aide-intro.mp4" />
 </div>
 
 <style>
diff --git a/website/package.json b/website/package.json
index b24576c..d844475 100644
--- a/website/package.json
+++ b/website/package.json
@@ -6,7 +6,7 @@
   "type": "module",
   "private": true,
   "scripts": {
-    "dev": "vitepress dev",
+    "dev": "vitepress dev --host",
     "build": "vitepress build",
     "preview": "vitepress preview",
     "serve": "vitepress serve"
diff --git a/website/public/videos/aide-ask-ai.mp4 b/website/public/videos/aide-ask-ai.mp4
new file mode 100644
index 0000000..e7b0e01
Binary files /dev/null and b/website/public/videos/aide-ask-ai.mp4 differ
diff --git a/website/public/videos/aide-code-convert.mp4 b/website/public/videos/aide-code-convert.mp4
new file mode 100644
index 0000000..83813b7
Binary files /dev/null and b/website/public/videos/aide-code-convert.mp4 differ
diff --git a/website/public/videos/aide-code-viewer-helper.mp4 b/website/public/videos/aide-code-viewer-helper.mp4
new file mode 100644
index 0000000..74b1747
Binary files /dev/null and b/website/public/videos/aide-code-viewer-helper.mp4 differ
diff --git a/website/public/videos/aide-copy-as-prompt.mp4 b/website/public/videos/aide-copy-as-prompt.mp4
new file mode 100644
index 0000000..531f238
Binary files /dev/null and b/website/public/videos/aide-copy-as-prompt.mp4 differ
diff --git a/website/public/videos/aide-customize-configuration.mp4 b/website/public/videos/aide-customize-configuration.mp4
new file mode 100644
index 0000000..609193c
Binary files /dev/null and b/website/public/videos/aide-customize-configuration.mp4 differ
diff --git a/website/public/videos/aide-customize-shortcuts.mp4 b/website/public/videos/aide-customize-shortcuts.mp4
new file mode 100644
index 0000000..b58b900
Binary files /dev/null and b/website/public/videos/aide-customize-shortcuts.mp4 differ
diff --git a/website/public/videos/aide-install.mp4 b/website/public/videos/aide-install.mp4
new file mode 100644
index 0000000..a09b4ce
Binary files /dev/null and b/website/public/videos/aide-install.mp4 differ
diff --git a/website/public/videos/aide-intro.mp4 b/website/public/videos/aide-intro.mp4
new file mode 100644
index 0000000..2d95f05
Binary files /dev/null and b/website/public/videos/aide-intro.mp4 differ
diff --git a/website/public/videos/aide-rename-variable.mp4 b/website/public/videos/aide-rename-variable.mp4
new file mode 100644
index 0000000..262376f
Binary files /dev/null and b/website/public/videos/aide-rename-variable.mp4 differ
diff --git a/website/public/videos/aide-smart-paste.mp4 b/website/public/videos/aide-smart-paste.mp4
new file mode 100644
index 0000000..25b71cf
Binary files /dev/null and b/website/public/videos/aide-smart-paste.mp4 differ
diff --git a/website/zh/guide/configuration/openai-key.md b/website/zh/guide/configuration/openai-key.md
index 51ab4dc..5730979 100644
--- a/website/zh/guide/configuration/openai-key.md
+++ b/website/zh/guide/configuration/openai-key.md
@@ -9,3 +9,6 @@
     "aide.openaiKey": ""
   }
   ```
+
+<br/>
+<Video src="/videos/aide-customize-configuration.mp4"/>
diff --git a/website/zh/guide/features/ask-ai.md b/website/zh/guide/features/ask-ai.md
index 542962f..86dfdbe 100644
--- a/website/zh/guide/features/ask-ai.md
+++ b/website/zh/guide/features/ask-ai.md
@@ -10,6 +10,8 @@
 - 右键选择 `✨ Aide: 问 AI`。
 - 按提示输入您的问题。
 
+<Video src="/videos/aide-ask-ai.mp4"/>
+
 **相关配置：**
 
 - 你可以通过修改 [`aide.aiCommand`](../configuration/ai-command.md) 配置来自定义 AI 命令。
diff --git a/website/zh/guide/features/code-convert.md b/website/zh/guide/features/code-convert.md
index dcd1149..cd7a265 100644
--- a/website/zh/guide/features/code-convert.md
+++ b/website/zh/guide/features/code-convert.md
@@ -13,6 +13,8 @@
 如果输出中断，可以点击原来的纸张图标或右键选择 `✨ Aide: 代码转换`以便继续。
 :::
 
+<Video src="/videos/aide-code-convert.mp4"/>
+
 **相关配置：**
 
 - 默认情况下，编辑器会在当前项目 `.vscode/settings.json` 文件中记住你的语言映射，位于 [`aide.convertLanguagePairs`](../configuration/convert-language-pairs.md) 配置下, 以便下次转换对应的语言时不需要再次选择。
diff --git a/website/zh/guide/features/code-viewer-helper.md b/website/zh/guide/features/code-viewer-helper.md
index 64b5391..3bd6171 100644
--- a/website/zh/guide/features/code-viewer-helper.md
+++ b/website/zh/guide/features/code-viewer-helper.md
@@ -13,6 +13,8 @@
 如果输出中断，可以点击原来的书本图标或右键选择 `✨ Aide: 代码查看器助手`以便继续。
 :::
 
+<Video src="/videos/aide-code-viewer-helper.mp4"/>
+
 **相关配置：**
 
 - 你可以通过配置 [`aide.codeViewerHelperPrompt`](../configuration/code-viewer-helper-prompt.md) 来自定义对应的 AI 提示词模板。
diff --git a/website/zh/guide/features/copy-as-prompt.md b/website/zh/guide/features/copy-as-prompt.md
index 5b5ec7e..594daa6 100644
--- a/website/zh/guide/features/copy-as-prompt.md
+++ b/website/zh/guide/features/copy-as-prompt.md
@@ -9,6 +9,8 @@
 - 在资源管理器中选择文件或文件夹。
 - 右键选择 `✨ Aide: 复制为 AI 提示词`。
 
+<Video src="/videos/aide-copy-as-prompt.mp4"/>
+
 **相关配置：**
 
 - 你可以通过配置 [`aide.aiPrompt`](../configuration/ai-prompt.md) 来自定义 AI 提示词模板。
diff --git a/website/zh/guide/features/rename-variable.md b/website/zh/guide/features/rename-variable.md
index 1b361cc..f048dc2 100644
--- a/website/zh/guide/features/rename-variable.md
+++ b/website/zh/guide/features/rename-variable.md
@@ -13,3 +13,5 @@
 ::: warning 警告
 该功能需要 AI 模型支持 `function_call` 功能
 :::
+
+<Video src="/videos/aide-rename-variable.mp4"/>
diff --git a/website/zh/guide/features/smart-paste.md b/website/zh/guide/features/smart-paste.md
index 7fe7483..61d6606 100644
--- a/website/zh/guide/features/smart-paste.md
+++ b/website/zh/guide/features/smart-paste.md
@@ -28,6 +28,8 @@
 
 :::
 
+<Video src="/videos/aide-smart-paste.mp4"/>
+
 **使用示例：**
 
 - **从 `JSON` 到 `TypeScript` 类型**
diff --git a/website/zh/guide/getting-started/customize-configuration.md b/website/zh/guide/getting-started/customize-configuration.md
index 901fb5c..b2931e9 100644
--- a/website/zh/guide/getting-started/customize-configuration.md
+++ b/website/zh/guide/getting-started/customize-configuration.md
@@ -8,3 +8,5 @@
    - 或者点击窗口左下角的齿轮图标打开设置菜单。从下拉菜单中选择“设置”
 
 2. 在设置窗口中，在顶部的搜索栏输入 `aide`。现在你应该可以在主面板中看到所有 `Aide` 特定的设置。
+
+<Video src="/videos/aide-customize-configuration.mp4"/>
diff --git a/website/zh/guide/getting-started/customize-shortcuts.md b/website/zh/guide/getting-started/customize-shortcuts.md
index 8771f6f..3068fac 100644
--- a/website/zh/guide/getting-started/customize-shortcuts.md
+++ b/website/zh/guide/getting-started/customize-shortcuts.md
@@ -5,7 +5,7 @@
 1. 打开键盘快捷键编辑器：
 
    - 按 `Ctrl+K Ctrl+S`（Windows/Linux）或 `Cmd+K Cmd+S`（Mac）
-   - 或者转到 `文件 > 首选项 > 键盘快捷键`
+   - 或者转到 `Code > 首选项 > 键盘快捷方式`
 
 2. 在键盘快捷键编辑器中，搜索你想要自定义的命令：
 
@@ -33,6 +33,10 @@
 - `aide.smartPaste`: 智能粘贴
 - ...也许更多，你可以在每个功能文档里找到对应的命令。
 
+<br/>
+<Video src="/videos/aide-customize-shortcuts.mp4"/>
+<br/>
+
 **示例：**
 
 为 `Ask AI` 命令设置 `Ctrl+Shift+A`（Windows/Linux）或 `Cmd+Shift+A`（Mac）：
diff --git a/website/zh/guide/getting-started/index.md b/website/zh/guide/getting-started/index.md
index c5a524f..ff49b40 100644
--- a/website/zh/guide/getting-started/index.md
+++ b/website/zh/guide/getting-started/index.md
@@ -1,5 +1,8 @@
 # 简介
 
+<br/>
+<Video src="/videos/aide-intro.mp4" />
+
 ## 为什么选择 `Aide`？
 
 - **😩 你是否在阅读前任留下的混乱代码时痛苦不堪？**
diff --git a/website/zh/guide/getting-started/installation.md b/website/zh/guide/getting-started/installation.md
index 3b4231d..366d7a6 100644
--- a/website/zh/guide/getting-started/installation.md
+++ b/website/zh/guide/getting-started/installation.md
@@ -13,3 +13,5 @@
 遇到问题，先查看[常见问题解答](./faq.md)，如果还有问题，请[提交 issue](https://github.com/nicepkg/aide/issues)
 
 :::
+
+<Video src="/videos/aide-install.mp4"/>
diff --git a/website/zh/index.md b/website/zh/index.md
index ef54e88..e6496e7 100644
--- a/website/zh/index.md
+++ b/website/zh/index.md
@@ -19,10 +19,13 @@ hero:
     - theme: alt
       text: 为什么选 Aide?
       link: /zh/guide/getting-started/#为什么选择-aide
+    - theme: alt
+      text: 在 Github 上查看
+      link: https://github.com/nicepkg/aide
 ---
 
-<div class="px-16">
-
+<div>
+  <Video src="/videos/aide-intro.mp4" />
 </div>
 
 <style>