diff --git a/core.67604 b/core.67604
new file mode 100644
index 0000000000000000000000000000000000000000..4e03e3b0bb6cb90f84b1b930480ec17c2a281dc1
Binary files /dev/null and b/core.67604 differ
diff --git a/src/components/GameChart.vue b/src/components/GameChart.vue
index 9f92f1b70966d756f81d031b4661951a0f363c9a..7004e0cb68064fb9c1c645e14bbf1d6ff5a577b4 100644
--- a/src/components/GameChart.vue
+++ b/src/components/GameChart.vue
@@ -1,5 +1,5 @@
 <template>
-    <Author />
+    <!-- <Author /> -->
     <div>
         <div style="text-align: center;">
             <a style="font-size: 24px;font-weight:bolder;">{{ state.title }}</a>
diff --git a/src/components/SearchGrade.vue b/src/components/SearchGrade.vue
index 8bd0d46d78f39e80226914e7d4815b46a20ead16..b48ab80459a4c9c8509fb4007c904b08567e09dd 100644
--- a/src/components/SearchGrade.vue
+++ b/src/components/SearchGrade.vue
@@ -123,7 +123,7 @@ onUnmounted(() => {
 
 <template>
   <div class="container">
-    <Author />
+    <!-- <Author /> -->
     <div style="text-align: center;">
       <a style="font-size: 24px;font-weight:bolder;">{{ state.title }}</a>
     </div>
diff --git a/src/components/commit/Commit.vue b/src/components/commit/Commit.vue
index 612fd2c9f238342a947807f00681e181aab848b4..a68c890a4134727bac88d314429ffea5a784dbee 100644
--- a/src/components/commit/Commit.vue
+++ b/src/components/commit/Commit.vue
@@ -57,7 +57,7 @@ const analysisCommit = async () => {
 </script>
 
 <template>
-    <Author />
+    <!-- <Author /> -->
     <a-spin :spinning="state.loading">
         <div style="border:1px solid #3333;padding:5px;">
             <div>
diff --git a/src/components/visual/index.vue b/src/components/visual/index.vue
index fe4df3947d129c154a0e78b3249edaf71fd5dbea..ccc11bc1cea42e335b7861d75de66212ef770f6f 100644
--- a/src/components/visual/index.vue
+++ b/src/components/visual/index.vue
@@ -20,7 +20,7 @@
 </script>
 <template>
     <div style="padding:20px;">
-        <Author/>
+        <!-- <Author/> -->
         <div>
             {{state.title}}
             <div>
diff --git a/src/components/visualHtml/index.vue b/src/components/visualHtml/index.vue
index 89458d4eca9385aaa5b00eba54840a6ad2935ba6..92685442c1ba93fdbf574020eb5a807c059b79c4 100644
--- a/src/components/visualHtml/index.vue
+++ b/src/components/visualHtml/index.vue
@@ -8,7 +8,7 @@ const state = reactive({
 </script>
 <template>
     <div style="padding:20px;">
-        <Author />
+        <!-- <Author /> -->
         <div>
             {{ state.title }}
             <div>
diff --git a/src/layout/index.vue b/src/layout/index.vue
index 4f586bbefc28064b0c4351bb63bb652c9a4a7b3a..64b553658b3da1f39cf8cbbd669ebd0df3984d41 100644
--- a/src/layout/index.vue
+++ b/src/layout/index.vue
@@ -78,25 +78,37 @@ onMounted(() => {
                 <a-sub-menu v-for="menu in state.menuList" :key="menu.key">
                     <template #icon> {{ renderIcon(menu.icon) }}</template>
                     <template #title> <span>{{ menu.title }}</span></template>
-                    <a-menu-item v-for="menuChild in menu.children" :key="menuChild.key" @click="clickMenu(menu, menuChild)">
+                    <a-menu-item v-for="menuChild in menu.children" :key="menuChild.key"
+                        @click="clickMenu(menu, menuChild)">
                         {{ menuChild.title }}
                     </a-menu-item>
                 </a-sub-menu>
             </a-menu>
         </a-layout-sider>
         <a-layout>
-            <a-layout-header style="background: #ffffff; padding-left: 20px">
+            <a-layout-header style="background: #ffffff; padding-left: 20px;border-bottom:1px solid #dcdcdc">
                 <div style="display: flex">
                     <div style="width: 50%">
                         <menu-unfold-outlined v-if="state.collapsed" class="trigger" @click="collapeAction" />
                         <menu-fold-outlined v-else class="trigger" @click="collapeAction" />
                         {{ state.title }}
                     </div>
+                    <div style="width: 50%;text-align: right;">
+                        <div style="height:64px;line-height:64px;">
+                            <a href="https://blog.csdn.net/qq_38870145?type=blog" target="_blank">
+                                <div class="csdn-img-header" />
+                            </a>
+                            作者：yma16
+                        </div>
+
+                    </div>
                 </div>
             </a-layout-header>
             <a-layout-content class="content-box">
                 <!--                    渲染子路由-->
-                <router-view />
+                <a-card>
+                    <router-view />
+                </a-card>
             </a-layout-content>
         </a-layout>
     </a-layout>
@@ -142,4 +154,13 @@ onMounted(() => {
     width: 100%;
     height: 100%;
 }
+.csdn-img-header {
+    background: url(../assets/csdn.jpg);
+    background-size: 100%;
+    width: 30px;
+    height: 30px;
+    display: inline-block;
+    line-height: 64px;
+    cursor: pointer;
+}
 </style>
diff --git a/src/router/modules/layout.js b/src/router/modules/layout.js
index 64bd033e916feb0648f536965dc3c81d08e89fbd..9e85ee0bb00bf491b633b49a294ea7b9d0453926 100644
--- a/src/router/modules/layout.js
+++ b/src/router/modules/layout.js
@@ -18,9 +18,69 @@ export default {
             name: 'SearchGrade',
             component: () => import('@/components/SearchGrade.vue'),
             meta: {
-                // affix: true,
+
+                icon: 'ion:grid-outline',
+                title: 'csdn查分',
+            },
+        },
+        {
+            path: 'GameChart',
+            name: 'GameChart',
+            component: () => import('@/components/GameChart.vue'),
+            meta: {
+
+                icon: 'ion:grid-outline',
+                title: 'vue3赛道可视化',
+            },
+        },
+        {
+            path: 'Draw',
+            name: 'Draw',
+            component: () => import('@/components/draw/Draw.vue'),
+            meta: {
+
+                icon: 'ion:grid-outline',
+                title: '抽奖',
+            },
+        },
+        {
+            path: 'Drag',
+            name: 'Drag',
+            component: () => import('@/components/drag/Drag.vue'),
+            meta: {
+
+                icon: 'ion:grid-outline',
+                title: '拼图',
+            },
+        },
+        {
+            path: 'Commit',
+            name: 'Commit',
+            component: () => import('@/components/commit/Commit.vue'),
+            meta: {
+
+                icon: 'ion:grid-outline',
+                title: '大模型分析评论',
+            },
+        },
+        {
+            path: 'visual',
+            name: 'visual',
+            component: () => import('@/components/visual/index.vue'),
+            meta: {
+
+                icon: 'ion:grid-outline',
+                title: '2023编码可视化',
+            },
+        },
+        {
+            path: 'visualHtml',
+            name: 'visualHtml',
+            component: () => import('@/components/visualHtml/index.vue'),
+            meta: {
+
                 icon: 'ion:grid-outline',
-                title:'csdn查分',
+                title: '可视化html',
             },
         }
     ],