feat: rebuild tutorial

ZLMediaKit · Dec 6, 2023 · 6743f4f · 6743f4f
1 parent c4ffda3
commit 6743f4f
Show file tree

Hide file tree

Showing 4 changed files with 526 additions and 369 deletions.
diff --git a/src/.vuepress/theme.ts b/src/.vuepress/theme.ts
@@ -1,73 +1,73 @@
-import { hopeTheme } from "vuepress-theme-hope";
-import { enNavbar, zhNavbar } from "./navbar/index.js";
-import { enSidebar, zhSidebar } from "./sidebar/index.js";
+import { hopeTheme } from 'vuepress-theme-hope'
+import { enNavbar, zhNavbar } from './navbar/index.js'
+import { enSidebar, zhSidebar } from './sidebar/index.js'
 
 export default hopeTheme({
-  hostname: "https://docs.ZLMediaKit.com",
-  logo: "/logo.svg",
-  favicon: "/favicon.ico",
-  iconAssets: "fontawesome-with-brands",
+  hostname: 'https://docs.ZLMediaKit.com',
+  logo: '/logo.svg',
+  favicon: '/favicon.ico',
+  iconAssets: 'fontawesome-with-brands',
 
   author: {
-    name: "ZLMediaKit",
-    url: "https://docs.ZLMediaKit.com",
+    name: 'ZLMediaKit',
+    url: 'https://docs.ZLMediaKit.com',
   },
-  repo: "ZLMediaKit/ZLMediaKit",
-  docsRepo: "ZLMediaKit/docs",
-  docsDir: "src",
+  repo: 'ZLMediaKit/ZLMediaKit',
+  docsRepo: 'ZLMediaKit/docs',
+  docsDir: 'src',
 
   navbarLayout: {
-    start: ["Brand"],
+    start: ['Brand'],
     center: [],
-    end: ["Links", "Language", "Repo", "Outlook", "Search"],
+    end: ['Links', 'Language', 'Repo', 'Outlook', 'Search'],
   },
 
   locales: {
-    "/": {
+    '/': {
       // navbar
       navbar: enNavbar,
 
       // sidebar
       sidebar: enSidebar,
 
-      footer: "MIT Licensed",
+      footer: 'MIT Licensed',
 
       displayFooter: true,
 
       metaLocales: {
-        editLink: "Edit this page on GitHub",
+        editLink: 'Edit this page on GitHub',
       },
     },
 
     /**
      * Chinese locale config
      */
-    "/zh/": {
+    '/zh/': {
       // navbar
       navbar: zhNavbar,
 
       // sidebar
       sidebar: zhSidebar,
 
-      footer: "MIT Licensed",
+      footer: 'MIT Licensed',
 
       displayFooter: true,
 
       // page meta
       metaLocales: {
-        editLink: "在 GitHub 上编辑此页",
+        editLink: '在 GitHub 上编辑此页',
       },
     },
   },
 
   plugins: {
     // You should generate and use your own comment service
     comment: {
-      provider: "Giscus",
-      repo: "ZLMediaKit/docs",
-      repoId: "R_kgDOKboWmQ",
-      category: "Announcements",
-      categoryId: "DIC_kwDOKboWmc4CZ_77",
+      provider: 'Giscus',
+      repo: 'ZLMediaKit/docs',
+      repoId: 'R_kgDOKboWmQ',
+      category: 'Announcements',
+      categoryId: 'DIC_kwDOKboWmc4CZ_77',
     },
 
     // All features are enabled for demo, only preserve features you need here
@@ -76,46 +76,47 @@ export default hopeTheme({
       imgLazyload: true,
       imgSize: true,
       mermaid: true,
+      tabs: true,
     },
 
     // uncomment these if you want a pwa
     pwa: {
-      favicon: "/favicon.ico",
+      favicon: '/favicon.ico',
       cacheHTML: true,
       cachePic: true,
       appendBase: true,
       apple: {
-        icon: "/assets/icon/apple-touch-icon-152x152.png",
-        statusBarColor: "black",
+        icon: '/assets/icon/apple-touch-icon-152x152.png',
+        statusBarColor: 'black',
       },
       msTile: {
-        image: "/assets/icon/ms-icon-144.png",
-        color: "#ffffff",
+        image: '/assets/icon/ms-icon-144.png',
+        color: '#ffffff',
       },
       manifest: {
         icons: [
           {
-            src: "/assets/icon/chrome-192.png",
-            sizes: "192x192",
-            type: "image/png",
+            src: '/assets/icon/chrome-192.png',
+            sizes: '192x192',
+            type: 'image/png',
           },
         ],
         shortcuts: [
           {
-            name: "ZlMediaKit Docs",
-            short_name: "ZLM",
-            url: "/guide/",
+            name: 'ZlMediaKit Docs',
+            short_name: 'ZLM',
+            url: '/guide/',
             icons: [
               {
-                src: "/assets/icon/guide-maskable.png",
-                sizes: "192x192",
-                purpose: "maskable",
-                type: "image/png",
+                src: '/assets/icon/guide-maskable.png',
+                sizes: '192x192',
+                purpose: 'maskable',
+                type: 'image/png',
               },
             ],
           },
         ],
       },
     },
   },
-});
+})