diff --git a/index-mermaid-native.html b/index-mermaid-native.html
new file mode 100644
index 0000000..6ce84bb
--- /dev/null
+++ b/index-mermaid-native.html
@@ -0,0 +1,134 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+  <meta charset="UTF-8">
+  <title>Document</title>
+  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
+  <meta name="description" content="Description">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0">
+  <link rel="stylesheet" href="//cdn.jsdelivr.net/npm/docsify@4/lib/themes/vue.css">
+  <!-- <link rel="stylesheet" href="//cdn.jsdelivr.net/npm/docsify@4.10.2/themes/vue.css"> -->
+
+  <link rel="stylesheet" href="//cdn.jsdelivr.net/npm/mermaid/dist/mermaid.min.css">
+</head>
+
+<body>
+  <div id="app"></div>
+  <script src="//cdn.jsdelivr.net/npm/docsify@4"></script>
+  <script src="//cdn.jsdelivr.net/npm/mermaid/dist/mermaid.min.js"></script>
+
+  <script defer>
+    var num = 0;
+    mermaid.initialize({ startOnLoad: false });
+    window.$docsify = {
+      name: '第五季业务管理系统',
+      // logo: '/logo1.jpg',
+      repo: 'http://172.21.24.56/lot/vault-docs/src/branch/master/Platform',
+      loadSidebar: true,
+      alias: {
+        '/.*/_sidebar.md': '/_sidebar.md'
+      },
+      nativeEmoji: true,
+      subMaxLevel: 1,
+      auto2top: true,
+      // search: 'auto', // 默认值
+      markdown: {
+        renderer: {
+          text: function (text) {
+            if (/^==/g.test(text)) {
+              const escapedText = text.toLowerCase().replace(/^==|==$/g, '');
+              return `<mark>${escapedText}</mark>`;
+            }
+            if (/^\%{2}/gm.test(text)) {
+              return ``;
+            }
+            if (/\%{2}$/gm.test(text)) {
+              return ``;
+            }
+            return text;
+          },
+          code: function (code, lang) {
+            if (lang === "mermaid") {
+              return (
+                '<div class="mermaid">' + mermaid.render('mermaid-svg-' + num++, code) + "</div>"
+              );
+            }
+            return this.origin.code.apply(this, arguments);
+          }
+        }
+      },
+      // 完整配置参数
+      search0: {
+        maxAge: 86400000, // 过期时间，单位毫秒，默认一天
+        paths: [], // or 'auto'
+        placeholder: '搜索',
+        noData: '找不到结果!',
+
+        // 搜索标题的最大层级, 1 - 6
+        depth: 6,
+
+        hideOtherSidebarContent: true, // 是否隐藏其他侧边栏内容
+
+        // 避免搜索索引冲突
+        // 同一域下的多个网站之间
+        namespace: 'website-1',
+
+        // 使用不同的索引作为路径前缀（namespaces）
+        // 注意：仅适用于 paths: 'auto' 模式
+        //
+        // 初始化索引时，我们从侧边栏查找第一个路径
+        // 如果它与列表中的前缀匹配，我们将切换到相应的索引
+        // pathNamespaces: ['/zh-cn', '/ru-ru', '/ru-ru/v1'],
+
+        // 您可以提供一个正则表达式来匹配前缀。在这种情况下，
+        // 匹配到的字符串将被用来识别索引
+        // pathNamespaces: /^(\/(zh-cn|ru-ru))?(\/(v1|v2))?/
+      },
+      // plugins: [
+      //   function pageFooter(hook, vm) {
+      //     var footer = [
+      //       '<hr/>',
+      //       '<footer>',
+      //       '<span><a href="https://github.com/QingWei-Li">cinwell</a> &copy;2017.</span>',
+      //       '<span>Proudly published with <a href="https://github.com/docsifyjs/docsify" target="_blank">docsify</a>.</span>',
+      //       '</footer>',
+      //     ].join('');
+
+      //     hook.afterEach(function (html) {
+      //       return html + footer;
+      //     });
+      //   },
+      // ],
+      // mermaidConfig: {
+      //   querySelector: ".mermaid"
+      // },
+      // plugins: [
+      //   function (hook) {
+      //     hook.doneEach(function () {
+      //       let mermaidConfig = {
+      //         querySelector: ".mermaid",
+      //       };
+      //       mermaid.run(mermaidConfig);
+      //     });
+      //   },
+      // ],
+    }
+  </script>
+  <!-- Docsify v4 -->
+  <!-- <script src="https://cdn.jsdelivr.net/npm/docsify@4/lib/docsify.min.js"></script> -->
+  <!-- <script src="//cdn.jsdelivr.net/npm/docsify@4.10.2/lib/docsify.js"></script> -->
+
+  <!-- <script src="//cdn.jsdelivr.net/npm/docsify/lib/plugins/search.min.js"></script> -->
+  <!-- <script type="module">
+    import mermaid from "https://cdn.jsdelivr.net/npm/mermaid@10/dist/mermaid.esm.min.mjs";
+    mermaid.initialize({ startOnLoad: true });
+    window.mermaid = mermaid;
+  </script>
+  <script src="//unpkg.com/docsify-mermaid@2.0.0/dist/docsify-mermaid.js"></script> -->
+
+  <script src="//cdn.jsdelivr.net/npm/docsify/lib/plugins/zoom-image.min.js"></script>
+
+</body>
+
+</html>
diff --git a/index-mermaid-plugin.html b/index-mermaid-plugin.html
new file mode 100644
index 0000000..ef7e506
--- /dev/null
+++ b/index-mermaid-plugin.html
@@ -0,0 +1,134 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+  <meta charset="UTF-8">
+  <title>Document</title>
+  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
+  <meta name="description" content="Description">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0">
+  <link rel="stylesheet" href="//cdn.jsdelivr.net/npm/docsify@4/lib/themes/vue.css">
+  <!-- <link rel="stylesheet" href="//cdn.jsdelivr.net/npm/docsify@4.10.2/themes/vue.css"> -->
+
+  <!-- <link rel="stylesheet" href="//cdn.jsdelivr.net/npm/mermaid/dist/mermaid.min.css"> -->
+</head>
+
+<body>
+  <div id="app"></div>
+  <script src="//cdn.jsdelivr.net/npm/docsify@4"></script>
+  <!-- <script src="//cdn.jsdelivr.net/npm/mermaid/dist/mermaid.min.js"></script> -->
+
+  <script defer>
+    // var num = 0;
+    // mermaid.initialize({ startOnLoad: false });
+    window.$docsify = {
+      name: '第五季业务管理系统',
+      // logo: '/logo1.jpg',
+      repo: 'http://172.21.24.56/lot/vault-docs/src/branch/master/Platform',
+      loadSidebar: true,
+      alias: {
+        '/.*/_sidebar.md': '/_sidebar.md'
+      },
+      nativeEmoji: true,
+      subMaxLevel: 1,
+      auto2top: true,
+      // search: 'auto', // 默认值
+      markdown: {
+        renderer: {
+          text: function (text) {
+            if (/^==/g.test(text)) {
+              const escapedText = text.toLowerCase().replace(/^==|==$/g, '');
+              return `<mark>${escapedText}</mark>`;
+            }
+            if (/^\%{2}/gm.test(text)) {
+              return ``;
+            }
+            if (/\%{2}$/gm.test(text)) {
+              return ``;
+            }
+            return text;
+          },
+          // code: function (code, lang) {
+          //   if (lang === "mermaid") {
+          //     return (
+          //       '<div class="mermaid">' + mermaid.render('mermaid-svg-' + num++, code) + "</div>"
+          //     );
+          //   }
+          //   return this.origin.code.apply(this, arguments);
+          // }
+        }
+      },
+      // 完整配置参数
+      search0: {
+        maxAge: 86400000, // 过期时间，单位毫秒，默认一天
+        paths: [], // or 'auto'
+        placeholder: '搜索',
+        noData: '找不到结果!',
+
+        // 搜索标题的最大层级, 1 - 6
+        depth: 6,
+
+        hideOtherSidebarContent: true, // 是否隐藏其他侧边栏内容
+
+        // 避免搜索索引冲突
+        // 同一域下的多个网站之间
+        namespace: 'website-1',
+
+        // 使用不同的索引作为路径前缀（namespaces）
+        // 注意：仅适用于 paths: 'auto' 模式
+        //
+        // 初始化索引时，我们从侧边栏查找第一个路径
+        // 如果它与列表中的前缀匹配，我们将切换到相应的索引
+        // pathNamespaces: ['/zh-cn', '/ru-ru', '/ru-ru/v1'],
+
+        // 您可以提供一个正则表达式来匹配前缀。在这种情况下，
+        // 匹配到的字符串将被用来识别索引
+        // pathNamespaces: /^(\/(zh-cn|ru-ru))?(\/(v1|v2))?/
+      },
+      // plugins: [
+      //   function pageFooter(hook, vm) {
+      //     var footer = [
+      //       '<hr/>',
+      //       '<footer>',
+      //       '<span><a href="https://github.com/QingWei-Li">cinwell</a> &copy;2017.</span>',
+      //       '<span>Proudly published with <a href="https://github.com/docsifyjs/docsify" target="_blank">docsify</a>.</span>',
+      //       '</footer>',
+      //     ].join('');
+
+      //     hook.afterEach(function (html) {
+      //       return html + footer;
+      //     });
+      //   },
+      // ],
+      mermaidConfig: {
+        querySelector: ".mermaid"
+      },
+      plugins: [
+        function (hook) {
+          hook.doneEach(function () {
+            let mermaidConfig = {
+              querySelector: ".mermaid",
+            };
+            mermaid.run(mermaidConfig);
+          });
+        },
+      ],
+    }
+  </script>
+  <!-- Docsify v4 -->
+  <!-- <script src="https://cdn.jsdelivr.net/npm/docsify@4/lib/docsify.min.js"></script> -->
+  <!-- <script src="//cdn.jsdelivr.net/npm/docsify@4.10.2/lib/docsify.js"></script> -->
+
+  <!-- <script src="//cdn.jsdelivr.net/npm/docsify/lib/plugins/search.min.js"></script> -->
+  <script src="//unpkg.com/docsify-mermaid@2.0.0/dist/docsify-mermaid.js"></script>
+  <script type="module">
+    import mermaid from "https://cdn.jsdelivr.net/npm/mermaid@10/dist/mermaid.esm.min.mjs";
+    mermaid.initialize({ startOnLoad: true });
+    window.mermaid = mermaid;
+  </script>
+
+  <script src="//cdn.jsdelivr.net/npm/docsify/lib/plugins/zoom-image.min.js"></script>
+
+</body>
+
+</html>
