diff --git a/src/.vuepress/sidebar/zh.ts b/src/.vuepress/sidebar/zh.ts
index 49d0354..cf06124 100644
--- a/src/.vuepress/sidebar/zh.ts
+++ b/src/.vuepress/sidebar/zh.ts
@@ -1,70 +1,71 @@
 import { sidebar } from 'vuepress-theme-hope'
 
 export const zhSidebar = sidebar({
-  '/': [
+  '/docs/': [
     // '', // 首页
     {
       text: '面试须知',
-      icon: 'file-text',
+      icon: 'fa fa-file-text',
       prefix: 'notice/',
-      link: 'docs/notice/',
+      link: 'notice/',
       children: 'structure',
     },
     {
       text: '个人简历',
-      icon: 'file',
+      icon: 'fa fa-file-text',
       prefix: 'resume/',
-      link: 'docs/resume/',
+      link: 'resume/',
       children: 'structure',
     },
     {
       text: '前端基础',
-      icon: 'book',
-      prefix: 'docs/swordman/',
-      link: 'docs/swordman/',
+      icon: 'fa fa-book',
+      prefix: 'swordman/',
+      link: 'swordman/',
+      // collapsible: true,// 是否折叠
       children: 'structure',
     },
     {
       text: '前端框架',
-      icon: 'book',
-      prefix: 'docs/frame/',
-      link: 'docs/frame/',
+      icon: 'fa fa-book',
+      prefix: 'frame/',
+      link: 'frame/',
       children: 'structure',
     },
     {
       text: '打包工具',
-      icon: 'book',
-      prefix: 'docs/pack/',
+      icon: 'fa fa-book',
+      prefix: 'pack/',
       // 如果设置当前节点不可点，就注释掉，并删除当前目录下的REMADE.md文件
       // 这样面包屑会显示路径名，所以推荐只注释不删除
-      // link: 'docs/pack/',
+      // link: 'pack/',
       children: 'structure',
     },
     {
       text: '必会后端',
-      icon: 'file-text',
-      prefix: 'docs/backend/',
+      icon: 'fa fa-book',
+      prefix: 'backend/',
       children: 'structure',
     },
     {
       text: '微前端',
-      icon: 'file-text',
+      icon: 'fa fa-file-text',
       prefix: 'micro/',
-      link: 'docs/micro/',
+      link: 'micro/',
       children: 'structure',
     },
     {
       text: '计算机基础',
-      icon: 'file-text',
+      icon: 'fa fa-book',
       prefix: 'computer/',
-      link: 'docs/computer/',
+      link: 'computer/',
       children: 'structure',
     },
     {
       text: '笔试题集',
-      icon: 'file-text',
+      icon: 'fa fa-file-text',
       prefix: 'write/',
-      link: 'docs/write/',
+      link: 'write/',
       children: 'structure',
     },
   ],
diff --git a/src/.vuepress/theme.ts b/src/.vuepress/theme.ts
index 76a2aad..68aa278 100644
--- a/src/.vuepress/theme.ts
+++ b/src/.vuepress/theme.ts
@@ -9,7 +9,7 @@ export default hopeTheme({
     name: 'wushengzhu',
     url: '',
   },
-  iconPrefix:'fa fa-',
+  // iconPrefix: 'fa fa-',
   iconAssets: 'fontawesome', // 默认支持iconfont和字体图标fontawesome，不是外国那个fontawesome
   darkmode: 'toggle',
   themeColor: true, // 是否启用主题色选择
@@ -17,7 +17,7 @@ export default hopeTheme({
   // pure: true, // 是否开启纯净模式。
   logo: '/logo.svg',
 
-  repo: 'wushengzhu/interview-column', // 仓库链接
+  repo: 'wushengzhu/interview', // 仓库链接
 
   docsDir: 'src',
   locales: {
diff --git a/src/docs/README.md b/src/docs/README.md
index 79927cd..dd9e867 100644
--- a/src/docs/README.md
+++ b/src/docs/README.md
@@ -1,7 +1,7 @@
 ---
 title: 面试专栏
 index: false
-icon: file-text
+icon: fa fa-file-text
 category:
   - Guide
 ---
diff --git a/src/docs/backend/nestjs.md b/src/docs/backend/nestjs.md
index 14ca56b..103a494 100644
--- a/src/docs/backend/nestjs.md
+++ b/src/docs/backend/nestjs.md
@@ -2,7 +2,7 @@
 # 这是文章的标题
 title: nestjs
 # 这是页面的图标
-# icon: file
+icon: 'fa fa-file-text'
 # 这是侧边栏的顺序
 order: 1
 # 设置作者
@@ -10,9 +10,9 @@ author: wushengzhu
 # 设置写作时间
 date: 2020-01-01
 # 一个页面可以有多个分类
-category: ["后端"]
+category: ['后端']
 # 一个页面可以有多个标签
-tag: ["backend"]
+tag: ['backend']
 # 此页面会在文章列表置顶
 sticky: true
 # 此页面会出现在文章收藏中
diff --git a/src/docs/backend/nodejs.md b/src/docs/backend/nodejs.md
index cd2e443..14709a2 100644
--- a/src/docs/backend/nodejs.md
+++ b/src/docs/backend/nodejs.md
@@ -2,7 +2,7 @@
 # 这是文章的标题
 title: nodejs
 # 这是页面的图标
-# icon: file
+icon: 'fa fa-file-text'
 # 这是侧边栏的顺序
 order: 1
 # 设置作者
@@ -10,9 +10,9 @@ author: wushengzhu
 # 设置写作时间
 date: 2020-01-01
 # 一个页面可以有多个分类
-category: ["后端"]
+category: ['后端']
 # 一个页面可以有多个标签
-tag: ["backend"]
+tag: ['backend']
 # 此页面会在文章列表置顶
 sticky: true
 # 此页面会出现在文章收藏中
diff --git a/src/docs/computer/README.md b/src/docs/computer/README.md
index 8b353ff..46b757e 100644
--- a/src/docs/computer/README.md
+++ b/src/docs/computer/README.md
@@ -1,20 +1,13 @@
-# 计算机基础
+---
+title: 计算机基础
+index: false
 
-:::: code-group
-::: code-group-item FOO
+category:
+  - 计算机
+---
 
-```ts
-const foo = 'foo'
-```
+## 目录
 
-:::
+- [Markdown 展示](vite.md)
 
-::: code-group-item BAR
-
-```ts
-const bar = 'bar'
-```
-
-:::
-
-::::
+- [页面展示](webpack.md)
diff --git a/src/docs/computer/network.md b/src/docs/computer/network.md
new file mode 100644
index 0000000..9011533
--- /dev/null
+++ b/src/docs/computer/network.md
@@ -0,0 +1,8 @@
+---
+title: 计算机网络
+icon: 'fa fa-file-text'
+# 一个页面可以有多个分类
+category: ['计算机基础']
+# 一个页面可以有多个标签
+tag: ['computer']
+---
diff --git a/src/docs/computer/system.md b/src/docs/computer/system.md
new file mode 100644
index 0000000..b5d458c
--- /dev/null
+++ b/src/docs/computer/system.md
@@ -0,0 +1,8 @@
+---
+title: 操作系统
+icon: 'fa fa-file-text'
+# 一个页面可以有多个分类
+category: ['计算机基础']
+# 一个页面可以有多个标签
+tag: ['computer']
+---
diff --git a/src/docs/frame/angular.md b/src/docs/frame/angular.md
index 9d1e186..5d3ed77 100644
--- a/src/docs/frame/angular.md
+++ b/src/docs/frame/angular.md
@@ -2,7 +2,7 @@
 # 这是文章的标题
 title: angular
 # 这是页面的图标
-# icon: angular
+icon: 'fa fa-file-text'
 # 这是侧边栏的顺序
 order: 3
 # 设置作者
@@ -10,9 +10,9 @@ author: wushengzhu
 # 设置写作时间
 date: 2020-01-01
 # 一个页面可以有多个分类
-category: ["前端框架"]
+category: ['前端框架']
 # 一个页面可以有多个标签
-tag: ["frontend"]
+tag: ['frontend']
 # 此页面会在文章列表置顶
 sticky: true
 # 此页面会出现在文章收藏中
diff --git a/src/docs/frame/react.md b/src/docs/frame/react.md
index 4e0b6d1..dd26c4c 100644
--- a/src/docs/frame/react.md
+++ b/src/docs/frame/react.md
@@ -2,7 +2,7 @@
 # 这是文章的标题
 title: react
 # 这是页面的图标
-# icon: file
+icon: 'fa fa-file-text'
 # 这是侧边栏的顺序
 order: 2
 # 设置作者
@@ -11,9 +11,9 @@ author: wushengzhu
 date: 2020-01-01
 # 一个页面可以有多个分类
 # 一个页面可以有多个分类
-category: ["前端框架"]
+category: ['前端框架']
 # 一个页面可以有多个标签
-tag: ["frontend"]
+tag: ['frontend']
 # 此页面会在文章列表置顶
 sticky: true
 # 此页面会出现在文章收藏中
diff --git a/src/docs/frame/vue.md b/src/docs/frame/vue.md
index 4860993..dd0c8d5 100644
--- a/src/docs/frame/vue.md
+++ b/src/docs/frame/vue.md
@@ -1,10 +1,10 @@
 ---
 title: vue
-date: 2023-07-28 11:00:03
+icon: 'fa fa-file-text'
 # 一个页面可以有多个分类
-category: ["前端框架"]
+category: ['前端框架']
 # 一个页面可以有多个标签
-tag: ["frontend"]
+tag: ['frontend']
 ---
 
 **vue 是什么？**
@@ -36,11 +36,11 @@ tag: ["frontend"]
 
 ```js
 new Vue({
-  el: "#root", // el用于指定当前Vue实例为哪个容器服务，值通常为css选择器字符串。
+  el: '#root', // el用于指定当前Vue实例为哪个容器服务，值通常为css选择器字符串。
   data: {
-    name: ""
-  }
-});
+    name: '',
+  },
+})
 ```
 
 ```html
@@ -54,9 +54,9 @@ new Vue({
   </body>
   <script>
     const app = new Vue({
-      el: "#app",
-      data: {}
-    });
+      el: '#app',
+      data: {},
+    })
   </script>
 </html>
 ```
@@ -101,39 +101,39 @@ new Vue({
 ```js
 // el第一种写法
 const v = new Vue({
-  el: "#root",
+  el: '#root',
   data: {
-    name: "abc"
-  }
-});
+    name: 'abc',
+  },
+})
 
 // el第二种写法
 const v = new Vue({
   data: {
-    name: "abc"
-  }
-});
-v.$mount("#root");
+    name: 'abc',
+  },
+})
+v.$mount('#root')
 ```
 
 ```js
 // data的第一种写法，在html中写vue就用这种
 const v = new Vue({
-  el: "#root",
+  el: '#root',
   data: {
-    name: "abc"
-  }
-});
+    name: 'abc',
+  },
+})
 
 // data的第二种写法，写组件的时候必须用这种
 const v = new Vue({
-  el: "#root",
+  el: '#root',
   data() {
     return {
-      name: "abc"
-    };
-  }
-});
+      name: 'abc',
+    }
+  },
+})
 ```
 
 注意地，data 不能写成箭头函数。
@@ -169,12 +169,12 @@ data 中所有的属性，最后都出现在 vm 身上了。vm 身上的所有
 
   ```js
   let data = {
-    name: "abc"
-  };
+    name: 'abc',
+  }
   const v = new Vue({
-    el: "#root",
-    data
-  });
+    el: '#root',
+    data,
+  })
   ```
 
 ### 1.7 事件处理
@@ -315,7 +315,7 @@ data:{
 // Vue.set(vm._data.student,'sex','男')
 
 // 修改data里的数组
-vm.$set(vm._data.hobby, 1, "游泳");
+vm.$set(vm._data.hobby, 1, '游泳')
 // 也可以合理引用Vue官网认可修改数组元素的方法，如push，可查看官方文档
 ```
 
@@ -344,23 +344,23 @@ vm.$set(vm._data.hobby, 1, "游泳");
   </form>
 </div>
 <script type="text/javascript">
-  Vue.config.productionTip = false;
+  Vue.config.productionTip = false
   const vm = new Vue({
-    el: "#root",
+    el: '#root',
     data: {
       userInfo: {
-        username: "",
-        password: "",
-        sex: "male",
-        hobby: []
-      }
+        username: '',
+        password: '',
+        sex: 'male',
+        hobby: [],
+      },
     },
     methods: {
       demo() {
-        console.log(this.userInfo);
-      }
-    }
-  });
+        console.log(this.userInfo)
+      },
+    },
+  })
 </script>
 ```
 
@@ -491,24 +491,24 @@ Vue.filter("moneyFormat", (value) => {
 ```html
 <div id="root">{{info}}</div>
 <script type="text/javascript">
-  Vue.config.productionTip = false;
+  Vue.config.productionTip = false
   const vm = new Vue({
-    el: "#root",
+    el: '#root',
     data: {
-      info: "北极光之夜"
+      info: '北极光之夜',
     },
     methods: {
       show(info, obj) {
-        console.log(info);
-        console.log("获取Vue实例data里的数据：", obj.info);
-        console.log("挂载的对象，就是DOM：", obj.$el);
+        console.log(info)
+        console.log('获取Vue实例data里的数据：', obj.info)
+        console.log('挂载的对象，就是DOM：', obj.$el)
         console.log(
-          "页面上已经挂载的DOM：",
-          document.getElementById("root").innerHTML
-        );
-      }
-    }
-  });
+          '页面上已经挂载的DOM：',
+          document.getElementById('root').innerHTML
+        )
+      },
+    },
+  })
 </script>
 ```
 
@@ -683,10 +683,10 @@ vue.js 文件与 vue.runtime.xxx.js 的区别：
 export const hunhe = {
   methods: {
     showName() {
-      alert(this.name);
-    }
-  }
-};
+      alert(this.name)
+    },
+  },
+}
 ```
 
 ```js
@@ -750,7 +750,7 @@ export default{
 - 自定义实现方法二：使用 ref
 
   ```js
-  this.$refs.xxxx.$on("test", this.test);
+  this.$refs.xxxx.$on('test', this.test)
   ```
 
 - 触发自定义事件：
@@ -762,14 +762,14 @@ export default{
 ​ 解绑所有自定义事件：
 
 ```js
-this.$off("事件名称"); //解绑一个自定义事件
-this.$off([]); // 解绑多个自定义事件
+this.$off('事件名称') //解绑一个自定义事件
+this.$off([]) // 解绑多个自定义事件
 ```
 
 ​ 销毁当前组件实例：
 
 ```js
-this.$destory();
+this.$destory()
 ```
 
 ## 8 全局事件总线(GlobalEventBus)
@@ -778,12 +778,12 @@ this.$destory();
 
   ```js
   new Vue({
-    el: "#app",
+    el: '#app',
     render: (h) => h(App),
     beforeCreate() {
-      Vue.prototype.$bus = this; // 安装全局事件总线，$bus就是当前应用的vm
-    }
-  });
+      Vue.prototype.$bus = this // 安装全局事件总线，$bus就是当前应用的vm
+    },
+  })
   ```
 
 ## 9 消息订阅与发布-pubsub
@@ -889,42 +889,42 @@ h1 {
 - 来自不同组件的行为需要变更**同一状态** - 共享。
 
 ```js
-import Vue from "vue";
-import Vuex from "vuex";
+import Vue from 'vue'
+import Vuex from 'vuex'
 
-Vue.use(Vuex);
+Vue.use(Vuex)
 
 const state = {
-  shareBike: "共享单车，暂时没有人使用！",
-  isUsed: false
-};
+  shareBike: '共享单车，暂时没有人使用！',
+  isUsed: false,
+}
 const mutations = {
   USE_BIKE(state, value) {
-    state.shareBike = value;
+    state.shareBike = value
   },
   IS_USED(state, value) {
-    state.isUsed = value;
-  }
-};
+    state.isUsed = value
+  },
+}
 const actions = {
   useBike(context, value) {
-    context.commit("USE_BIKE", value);
+    context.commit('USE_BIKE', value)
   },
   isUsed(context, value) {
-    context.commit("IS_USED", value);
-  }
-};
+    context.commit('IS_USED', value)
+  },
+}
 
-const modules = {};
-const getters = {};
+const modules = {}
+const getters = {}
 
 export default new Vuex.Store({
   state,
   getters,
   mutations,
   actions,
-  modules
-});
+  modules,
+})
 ```
 
 ## 13 vue-router
@@ -991,7 +991,7 @@ export default new Vuex.Store({
 
   ```js
   // 在组件中接收
-  props: ["id", "title"];
+  props: ['id', 'title']
   ```
 
 - props 的第三种写法：值为函数，返回值是一个对象.
diff --git a/src/docs/pack/vite.md b/src/docs/pack/vite.md
index eee6afb..b83d972 100644
--- a/src/docs/pack/vite.md
+++ b/src/docs/pack/vite.md
@@ -2,7 +2,7 @@
 # 这是文章的标题
 title: vite
 # 这是页面的图标
-# icon: file
+icon: 'fa fa-file-text'
 # 这是侧边栏的顺序
 order: 1
 # 设置作者
@@ -10,9 +10,9 @@ author: wushengzhu
 # 设置写作时间
 date: 2020-01-01
 # 一个页面可以有多个分类
-category: ["构建工具"]
+category: ['构建工具']
 # 一个页面可以有多个标签
-tag: ["frontend"]
+tag: ['frontend']
 # 此页面会在文章列表置顶
 sticky: true
 # 此页面会出现在文章收藏中
diff --git a/src/docs/pack/webpack.md b/src/docs/pack/webpack.md
index 5ad539d..9d2fd76 100644
--- a/src/docs/pack/webpack.md
+++ b/src/docs/pack/webpack.md
@@ -2,7 +2,7 @@
 # 这是文章的标题
 title: webpack
 # 这是页面的图标
-# icon: file
+icon: 'fa fa-file-text'
 # 这是侧边栏的顺序
 order: 1
 # 设置作者
@@ -10,9 +10,9 @@ author: wushengzhu
 # 设置写作时间
 date: 2020-01-01
 # 一个页面可以有多个分类
-category: ["构建工具"]
+category: ['构建工具']
 # 一个页面可以有多个标签
-tag: ["frontend"]
+tag: ['frontend']
 # 此页面会在文章列表置顶
 sticky: true
 # 此页面会出现在文章收藏中
diff --git a/src/docs/swordman/README.md b/src/docs/swordman/README.md
index e3a8db6..023430d 100644
--- a/src/docs/swordman/README.md
+++ b/src/docs/swordman/README.md
@@ -1,7 +1,7 @@
 ---
 title: 前端基础
 index: false
-# icon: laptop-code
+icon: laptop-code
 category:
   - 使用指南
 ---
diff --git a/src/docs/swordman/css.md b/src/docs/swordman/css.md
index 3cfbb04..08b590c 100644
--- a/src/docs/swordman/css.md
+++ b/src/docs/swordman/css.md
@@ -1,8 +1,8 @@
 ---
 title: css
-date: 2023-07-28 11:00:03
+icon: 'fa fa-file-text'
 # 一个页面可以有多个分类
-category: ["前端基础"]
+category: ['前端基础']
 # 一个页面可以有多个标签
-tag: ["frontend"]
+tag: ['frontend']
 ---
diff --git a/src/docs/swordman/html.md b/src/docs/swordman/html.md
index f11cfbb..f32ee7c 100644
--- a/src/docs/swordman/html.md
+++ b/src/docs/swordman/html.md
@@ -1,8 +1,8 @@
 ---
 title: html
-date: 2023-07-28 11:00:03
+icon: 'fa fa-file-text'
 # 一个页面可以有多个分类
-category: ["前端基础"]
+category: ['前端基础']
 # 一个页面可以有多个标签
-tag: ["frontend"]
+tag: ['frontend']
 ---
diff --git a/src/docs/swordman/javascript.md b/src/docs/swordman/javascript.md
index 38f9f2f..3135e4e 100644
--- a/src/docs/swordman/javascript.md
+++ b/src/docs/swordman/javascript.md
@@ -1,8 +1,8 @@
 ---
 title: javascript
-date: 2023-07-28 11:00:03
+icon: 'fa fa-file-text'
 # 一个页面可以有多个分类
-category: ["前端基础"]
+category: ['前端基础']
 # 一个页面可以有多个标签
-tag: ["frontend"]
+tag: ['frontend']
 ---
diff --git a/src/docs/swordman/typescript.md b/src/docs/swordman/typescript.md
index fd55417..7f76b64 100644
--- a/src/docs/swordman/typescript.md
+++ b/src/docs/swordman/typescript.md
@@ -1,8 +1,8 @@
 ---
 title: typescript
-date: 2023-07-28 11:00:03
+icon: 'fa fa-file-text'
 # 一个页面可以有多个分类
-category: ["前端基础"]
+category: ['前端基础']
 # 一个页面可以有多个标签
-tag: ["frontend"]
+tag: ['frontend']
 ---