diff --git a/build/plugins/router.ts b/build/plugins/router.ts
index c63e8dfb..38b2495b 100644
--- a/build/plugins/router.ts
+++ b/build/plugins/router.ts
@@ -15,6 +15,7 @@ export function setupElegantRouter() {
         'exception_500',
         'document_project',
         'document_project-link',
+        'document_video',
         'document_vue',
         'document_vite',
         'document_unocss',
diff --git a/src/locales/langs/en-us.ts b/src/locales/langs/en-us.ts
index 396a1d86..c9db28c6 100644
--- a/src/locales/langs/en-us.ts
+++ b/src/locales/langs/en-us.ts
@@ -169,6 +169,7 @@ const local: App.I18n.Schema = {
     document: 'Document',
     document_project: 'Project Document',
     'document_project-link': 'Project Document(External Link)',
+    document_video: 'Video Tutorial',
     document_vue: 'Vue Document',
     document_vite: 'Vite Document',
     document_unocss: 'UnoCSS Document',
diff --git a/src/locales/langs/zh-cn.ts b/src/locales/langs/zh-cn.ts
index 053a3241..bb442212 100644
--- a/src/locales/langs/zh-cn.ts
+++ b/src/locales/langs/zh-cn.ts
@@ -169,6 +169,7 @@ const local: App.I18n.Schema = {
     document: '文档',
     document_project: '项目文档',
     'document_project-link': '项目文档(外链)',
+    document_video: '视频教程',
     document_vue: 'Vue文档',
     document_vite: 'Vite文档',
     document_unocss: 'UnoCSS文档',
diff --git a/src/router/elegant/transform.ts b/src/router/elegant/transform.ts
index fdf087e8..731424fe 100644
--- a/src/router/elegant/transform.ts
+++ b/src/router/elegant/transform.ts
@@ -170,6 +170,7 @@ const routeMap: RouteMap = {
   "document": "/document",
   "document_project": "/document/project",
   "document_project-link": "/document/project-link",
+  "document_video": "/document/video",
   "document_vue": "/document/vue",
   "document_vite": "/document/vite",
   "document_unocss": "/document/unocss",
diff --git a/src/router/routes/index.ts b/src/router/routes/index.ts
index 56f75106..bd9e2c8d 100644
--- a/src/router/routes/index.ts
+++ b/src/router/routes/index.ts
@@ -145,6 +145,18 @@ const customRoutes: CustomRoute[] = [
           href: 'https://docs.soybeanjs.cn/zh'
         }
       },
+      {
+        name: 'document_video',
+        path: '/document/video',
+        component: 'view.iframe-page',
+        meta: {
+          title: 'document_video',
+          i18nKey: 'route.document_video',
+          order: 2,
+          localIcon: 'logo',
+          href: 'https://www.bilibili.com/video/BV1YKdRYXELC'
+        }
+      },
       {
         name: 'document_unocss',
         path: '/document/unocss',
diff --git a/src/typings/elegant-router.d.ts b/src/typings/elegant-router.d.ts
index 07cfa917..a0dbf19e 100644
--- a/src/typings/elegant-router.d.ts
+++ b/src/typings/elegant-router.d.ts
@@ -24,6 +24,7 @@ declare module "@elegant-router/types" {
     "document": "/document";
     "document_project": "/document/project";
     "document_project-link": "/document/project-link";
+    "document_video": "/document/video";
     "document_vue": "/document/vue";
     "document_vite": "/document/vite";
     "document_unocss": "/document/unocss";
@@ -122,6 +123,7 @@ declare module "@elegant-router/types" {
     | "document"
     | "document_project"
     | "document_project-link"
+    | "document_video"
     | "document_vue"
     | "document_vite"
     | "document_unocss"
@@ -236,6 +238,7 @@ declare module "@elegant-router/types" {
     | "exception_500"
     | "document_project"
     | "document_project-link"
+    | "document_video"
     | "document_vue"
     | "document_vite"
     | "document_unocss"