feat: rebuild tutorial

.gitignore

@@ -1,25 +1,15 @@
 # Node modules
 **/node_modules/**
 
-# Build files
-docs-shared/lib/
-packages/*/lib/
-
 # Vuepress Cache
 **/.vuepress/.cache/**
 # Vuepress Temp
 **/.vuepress/.temp/**
 # Vuepress Output
-#dist/
+**/.vuepress/dist/
 
 # npm config
 .npmrc
 
-# Typescript build info
-*.tsbuildinfo
-
-# Coverage Files
-coverage/
-
 # macOS
 .DS_Store

.prettierignore

@@ -0,0 +1,9 @@
+# Node modules
+**/node_modules/**
+
+# Vuepress Cache
+**/.vuepress/.cache/**
+# Vuepress Temp
+**/.vuepress/.temp/**
+# Vuepress Output
+**/.vuepress/dist/

package.json

@@ -8,9 +8,16 @@
     "docs:build": "vuepress build src",
     "docs:clean-dev": "vuepress dev src --clean-cache",
     "docs:dev": "vuepress dev src",
+    "docs:lint": "prettier --check --write src",
     "docs:update-package": "npx vp-update"
   },
   "packageManager": "[email protected]",
+  "prettier": {
+    "singleQuote": false
+  },
+  "dependencies": {
+    "prettier": "^3.1.0"
+  },
   "devDependencies": {
     "@vuepress/bundler-vite": "2.0.0-rc.0",
     "@vuepress/client": "2.0.0-rc.0",

src/.vuepress/navbar/en.ts

@@ -1,25 +1,25 @@
-import {navbar} from "vuepress-theme-hope";
+import { navbar } from "vuepress-theme-hope";
 
 export const enNavbar = navbar([
-    "/",
-    "/guide/",
-    "/tutorial/",
-    {
-        text: "Reference",
-        icon: "lightbulb",
-        prefix: "/reference/",
-        children: ["test",
-            "resources",
-            "documents",
-            "development_log"
-        ],
-    },
-    {
-        text: "More",
-        icon: "lightbulb",
-        prefix: "/more/",
-        children: [
-            "collaborative_projects", 'license', 'thanks', "contact", "use_cases"
-        ],
-    },
+  "/",
+  "/guide/",
+  "/tutorial/",
+  {
+    text: "Reference",
+    icon: "lightbulb",
+    prefix: "/reference/",
+    children: ["test", "resources", "documents", "development_log"],
+  },
+  {
+    text: "More",
+    icon: "lightbulb",
+    prefix: "/more/",
+    children: [
+      "collaborative_projects",
+      "license",
+      "thanks",
+      "contact",
+      "use_cases",
+    ],
+  },
 ]);

src/.vuepress/navbar/zh.ts

@@ -1,24 +1,25 @@
-import {navbar} from "vuepress-theme-hope";
+import { navbar } from "vuepress-theme-hope";
 
 export const zhNavbar = navbar([
-    "/zh/",
-    "/zh/guide/",
-    "/zh/tutorial/",
-    {
-        text: "参考",
-        icon: "lightbulb",
-        prefix: "/zh/reference/",
-        children: ["test",
-            "resources",
-            "documents", "development_log"
-        ],
-    },
-    {
-        text: "了解更多",
-        icon: "laptop-code",
-        prefix: "/zh/more/",
-        children: [
-            "collaborative_projects", 'license', 'thanks', "contact", "use_cases"
-        ],
-    },
+  "/zh/",
+  "/zh/guide/",
+  "/zh/tutorial/",
+  {
+    text: "参考",
+    icon: "lightbulb",
+    prefix: "/zh/reference/",
+    children: ["test", "resources", "documents", "development_log"],
+  },
+  {
+    text: "了解更多",
+    icon: "laptop-code",
+    prefix: "/zh/more/",
+    children: [
+      "collaborative_projects",
+      "license",
+      "thanks",
+      "contact",
+      "use_cases",
+    ],
+  },
 ]);

src/.vuepress/sidebar/en.ts

@@ -1,27 +1,28 @@
-import {sidebar} from "vuepress-theme-hope";
+import { sidebar } from "vuepress-theme-hope";
 
 export const enSidebar = sidebar({
-    "/": [
-        "",
-        "tutorial/",
-        {
-            text: "Docs",
-            icon: "book",
-            prefix: "guide/",
-            children: "structure",
-        }, {
-            text: "Reference",
-            icon: "laptop-code",
-            prefix: "reference/",
-            link: "reference/",
-            children: "structure",
-        },
-        {
-            text: "More",
-            icon: "laptop-code",
-            prefix: "more/",
-            link: "more/",
-            children: "structure",
-        },
-    ],
+  "/": [
+    "",
+    "tutorial/",
+    {
+      text: "Docs",
+      icon: "book",
+      prefix: "guide/",
+      children: "structure",
+    },
+    {
+      text: "Reference",
+      icon: "laptop-code",
+      prefix: "reference/",
+      link: "reference/",
+      children: "structure",
+    },
+    {
+      text: "More",
+      icon: "laptop-code",
+      prefix: "more/",
+      link: "more/",
+      children: "structure",
+    },
+  ],
 });

src/.vuepress/sidebar/zh.ts

@@ -1,27 +1,28 @@
-import {sidebar} from "vuepress-theme-hope";
+import { sidebar } from "vuepress-theme-hope";
 
 export const zhSidebar = sidebar({
-    "/zh/": [
-        "",
-        "tutorial/",
-        {
-            text: "指南",
-            icon: "book",
-            prefix: "guide/",
-            children: "structure",
-        }, {
-            text: "参考",
-            icon: "laptop-code",
-            prefix: "reference/",
-            link: "reference/",
-            children: "structure",
-        },
-        {
-            text: "了解更多",
-            icon: "laptop-code",
-            prefix: "more/",
-            link: "more/",
-            children: "structure",
-        },
-    ],
+  "/zh/": [
+    "",
+    "tutorial/",
+    {
+      text: "指南",
+      icon: "book",
+      prefix: "guide/",
+      children: "structure",
+    },
+    {
+      text: "参考",
+      icon: "laptop-code",
+      prefix: "reference/",
+      link: "reference/",
+      children: "structure",
+    },
+    {
+      text: "了解更多",
+      icon: "laptop-code",
+      prefix: "more/",
+      link: "more/",
+      children: "structure",
+    },
+  ],
 });

src/.vuepress/styles/index.scss

@@ -1,9 +1,10 @@
 .vp-hero-info-wrapper {
-  width:100vw;
+  width: 100vw;
   background: url(/assets/image/bg.svg) center/cover no-repeat;
 }
+
 @media (min-width: 768px) {
- .vp-hero-info-wrapper {
-  height:100vh
- }
+  .vp-hero-info-wrapper {
+    height: 100vh;
+  }
 }

src/.vuepress/theme.ts

@@ -76,6 +76,7 @@ export default hopeTheme({
       imgLazyload: true,
       imgSize: true,
       mermaid: true,
+      tabs: true,
     },
 
     // uncomment these if you want a pwa

src/guide/install/install_zlmediakit_using_vcpkg.md

@@ -2,11 +2,13 @@
 title: Installing zlmediakit with vcpkg
 ---
 
-# Introduction
-vcpkg is a cross-platform SDK package management tool, similar to yum/apt on Linux and Homebrew on macOS. It supports multiple platforms such as Linux, macOS, and Windows, making it a powerful tool for C/C++ developers to manage dependencies. 
+## Introduction
+
+vcpkg is a cross-platform SDK package management tool, similar to yum/apt on Linux and Homebrew on macOS. It supports multiple platforms such as Linux, macOS, and Windows, making it a powerful tool for C/C++ developers to manage dependencies.
 Currently, zlmediakit has been added to vcpkg on August 8, 2023. Users can conveniently install zlmediakit C SDK and MediaServer executable program using vcpkg, resolving various compilation dependency-related issues. The inclusion of zlmediakit in vcpkg has received extensive support from [@JackBoosY](https://github.com/JackBoosY), and we express our sincere gratitude for that!
 
-# Installation Guide
+## Installation Guide
+
 ## 1. Install vcpkg
 
 Taking Linux platform as an example:
@@ -20,8 +22,6 @@ git clone https://github.com/microsoft/vcpkg
 
 > For specific instructions on different platforms, please refer to the [official documentation](https://github.com/microsoft/vcpkg/blob/master/README.md).
 
-
-
 ## 2. Install zlmediakit
 
 - Install dependencies first
@@ -30,42 +30,34 @@ git clone https://github.com/microsoft/vcpkg
   sudo apt-get install pkg-config
   ```
 
-
-
 - Install zlmediakit with default features
 
   ```bash
   # Default features enabled: [core,mp4,openssl,webrtc]
   ./vcpkg/vcpkg install zlmediakit
   ```
 
-
-
 - Install zlmediakit with all features (including webrtc datachannel)
 
   ```bash
   ./vcpkg/vcpkg install zlmediakit\[core,mp4,openssl,webrtc,sctp\]
   ```
 
-
-
 - Install zlmediakit with minimum features
 
   ```bash
   ./vcpkg/vcpkg install zlmediakit\[core\]
   ```
 
-
-
 - Uninstall zlmediakit
 
   ```bash
   ./vcpkg/vcpkg remove zlmediakit
   ```
 
 - Installation path
-![](/images/install_zlmediakit_using_vcpkg_1.png)
-> The MediaServer process depends on config.ini, default.pem, www, and other related files, which can be copied from the source code.
+  ![](/images/install_zlmediakit_using_vcpkg_1.png)
+  > The MediaServer process depends on config.ini, default.pem, www, and other related files, which can be copied from the source code.
 
 ## 3. Install different versions
 
@@ -75,8 +67,6 @@ git clone https://github.com/microsoft/vcpkg
 ./vcpkg/vcpkg help triplet
 ```
 
-
-
 - Example for Linux
 
   ```bash
@@ -111,6 +101,5 @@ git clone https://github.com/microsoft/vcpkg
   # Then install the dynamic library version
   ./vcpkg/vcpkg install zlmediakit\[core,mp4,openssl,webrtc,sctp\]:x64-linux-dynamic
   ```
-![install_zlmediakit_using_vcpkg_2](/images/install_zlmediakit_using_vcpkg_2.png)
-
 
+  ![install_zlmediakit_using_vcpkg_2](/images/install_zlmediakit_using_vcpkg_2.png)