diff --git a/docs/.vuepress/config.js b/docs/.vuepress/config.js
index e920397..8e3c7a1 100644
--- a/docs/.vuepress/config.js
+++ b/docs/.vuepress/config.js
@@ -5,6 +5,8 @@ module.exports = {
     lineNumbers: true // 代码块显示行号
   },
   themeConfig: {
+    //最后更新时间
+    lastUpdated: 'Last Updated',
     head: [
       ['link', {rel: 'icon', href: '/logo.png'}],
     ],
@@ -22,36 +24,32 @@ module.exports = {
         // },
         {text: "博客", link: "https://blog.isww.cn/"}
       ],
-    /**
-     * 设置侧边栏最大深度
-     * 一般是以单个md文件中的 # ## ### #### 这几个标题文字为锚点自动生成导航
-     * **/
     sidebarDepth: 4,
-    // sidebarDepth: 0, //0读取1级标题 1读取1级和2级标题 2读取1级、2级、3级标题
     // 设置侧边栏内容
     sidebar: [
-      {
-        title: '教程',
-        collapsable: false,
-        children: [
-          '/document/',
-          // {
-          //   title: '侧边栏组合',
-          //   // collapsable: true,
-          //   children: [
-          //     '/second/child/'
-          //   ]
-          // }
-        ]
-      },
       {
         title: '文档',
         collapsable: false,
         children: [
           '/wiki/introduce/',
-          '/wiki/back-build/'
+          '/wiki/back-build/',
+          {
+            title: "侧边栏组合",
+            collapsable: false,
+            children: [
+              "/second/child/"
+            ]
+          }
         ]  // 根据自己的需求来订，对应自己在docs下的文件夹名，默认首页是README.md
       },
+      // {
+      //   title: '使用教程',
+      //   collapsable: false,
+      //   children: [
+      //     '/document/',
+      //
+      //   ]
+      // },
     ]
   }
 };
diff --git a/docs/.vuepress/public/sidebar.png b/docs/.vuepress/public/sidebar.png
new file mode 100644
index 0000000..dc121cf
Binary files /dev/null and b/docs/.vuepress/public/sidebar.png differ
diff --git a/docs/README.md b/docs/README.md
index 0b5c902..6635308 100644
--- a/docs/README.md
+++ b/docs/README.md
@@ -10,5 +10,5 @@ features:
   details: 享受 Vue + webpack 的开发体验，在 Markdown 中使用 Vue 组件，同时可以使用 Vue 来开发自定义主题。
 - title: 高性能
   details: VuePress 为每个页面预渲染生成静态的 HTML，同时在页面被加载的时候，将作为 SPA 运行。
-  footer: MIT Licensed | Copyright © 2018-present Evan You
+footer: MIT Licensed | Copyright © 2022-present Clay
 ---
diff --git a/docs/document/README.md b/docs/document/README.md
index 7845ed4..dbd415c 100644
--- a/docs/document/README.md
+++ b/docs/document/README.md
@@ -1,4 +1,25 @@
-# 首先
+# config.js配置教程
+## 页面路由地址对应写法
+
+| 文件的相对路径  |  页面路由地址 |
+| :------------ | :------------ |
+|  /README.md |  / |
+| /guide/README.md  | /guide/  |
+| /config.md  |  /config.html |
+
+## nav配置【右上角的导航条】
+
+```
+nav:
+      [
+        {text: "首页", link: "/"},
+        {text: "指南", link: "/wiki/introduce/"},
+        {text: "博客", link: "https://blog.isww.cn/"}
+      ],
+```
+## 侧边栏配置
+### 设置侧边栏最大深度 sidebarDepth: 4
+- 一般是以单个md文件中的 # ## ### #### 这几个标题文字为锚点自动生成导航
+- 0读取1级标题 1读取1级和2级标题 2读取1级、2级、3级标题    
+### 设置侧边栏内容
 
-## 其次
-固定侧边栏,不折叠显示: collapsable: false,