diff --git a/index.html b/index.html
index 6555558b..1d2eb169 100644
--- a/index.html
+++ b/index.html
@@ -7,7 +7,7 @@
     <title>知数云</title>
   </head>
   <body>
-    <div id="app" class="h-screen"></div>
+    <div id="app"></div>
     <script type="module" src="/src/main.ts"></script>
   </body>
 </html>
diff --git a/package.json b/package.json
index 418c7cd4..cf1f335e 100644
--- a/package.json
+++ b/package.json
@@ -9,6 +9,7 @@
   "dependencies": {
     "@element-plus/icons": "^0.0.11",
     "axios": "^0.21.1",
+    "diff-match-patch": "^1.0.5",
     "element-plus": "^1.1.0-beta.7",
     "eslint": "^7.32.0",
     "eslint-config-prettier": "^8.3.0",
diff --git a/src/layouts/Content.vue b/src/layouts/Content.vue
index e4a8ba8e..558f9e15 100644
--- a/src/layouts/Content.vue
+++ b/src/layouts/Content.vue
@@ -1,10 +1,10 @@
 <template>
-  <el-container class="h-screen">
+  <el-container :class="showFullHeight ? 'h-screen' : ''">
     <el-header>
       <top-header />
     </el-header>
     <el-container>
-      <el-aside width="250px">
+      <el-aside width="250px" v-if="showSidebar">
         <sidebar />
       </el-aside>
       <el-main>
@@ -17,13 +17,42 @@
 <script lang="ts">
 import Sidebar from '@/components/content/Sidebar.vue';
 import { TopHeader } from '@/components/common/index';
-export default {
+import { defineComponent } from 'vue';
+
+interface IData {
+  routes: {
+    detail: string[];
+  };
+}
+
+export default defineComponent({
   components: {
     TopHeader,
     Sidebar
   },
-  name: 'LayoutContent'
-};
+  data(): IData {
+    return {
+      routes: {
+        detail: ['article-detail']
+      }
+    };
+  },
+  name: 'LayoutContent',
+  computed: {
+    showSidebar(): boolean {
+      console.log('router', this.$route.name);
+      return !this.isDetailRoute();
+    },
+    showFullHeight(): boolean {
+      return !this.isDetailRoute();
+    }
+  },
+  methods: {
+    isDetailRoute(): boolean {
+      return this.routes.detail.includes(this.$route.name?.toString() || '');
+    }
+  }
+});
 </script>
 
 <style lang="scss" scoped>
diff --git a/src/pages/content/article/Index.vue b/src/pages/content/article/Index.vue
index f063bd71..2b4a4742 100644
--- a/src/pages/content/article/Index.vue
+++ b/src/pages/content/article/Index.vue
@@ -55,7 +55,7 @@ export default defineComponent({
   methods: {
     onEdit(row: IArticle) {
       this.$router.push({
-        name: 'article-edit',
+        name: 'article-detail',
         params: {
           id: row.id
         }
diff --git a/src/router/content.ts b/src/router/content.ts
index 10544288..45400ad2 100644
--- a/src/router/content.ts
+++ b/src/router/content.ts
@@ -8,14 +8,6 @@ export default {
   },
   component: () => import('@/layouts/Content.vue'),
   children: [
-    {
-      path: 'editor',
-      name: 'editor',
-      meta: {
-        title: t('common.nav.editor')
-      },
-      component: () => import('@/pages/content/Editor.vue')
-    },
     {
       path: 'article',
       name: 'article-index',
@@ -24,6 +16,14 @@ export default {
       },
       component: () => import('@/pages/content/article/Index.vue')
     },
+    {
+      path: 'article/:id',
+      name: 'article-detail',
+      meta: {
+        title: t('common.nav.article')
+      },
+      component: () => import('@/pages/editor/article/Detail.vue')
+    },
     {
       path: 'platform',
       name: 'platform-index',
diff --git a/src/router/editor.ts b/src/router/editor.ts
index ea69d64b..e69de29b 100644
--- a/src/router/editor.ts
+++ b/src/router/editor.ts
@@ -1,20 +0,0 @@
-import { t } from '../i18n';
-
-export default {
-  path: '/editor',
-  name: 'editor',
-  meta: {
-    title: t('common.nav.editor')
-  },
-  component: () => import('@/layouts/Editor.vue'),
-  children: [
-    {
-      path: 'article/:id',
-      name: 'article-edit',
-      meta: {
-        title: t('common.nav.article')
-      },
-      component: () => import('@/pages/editor/article/Detail.vue')
-    }
-  ]
-};
diff --git a/src/router/index.ts b/src/router/index.ts
index 157ca0f9..f715f2ce 100644
--- a/src/router/index.ts
+++ b/src/router/index.ts
@@ -1,6 +1,5 @@
 import { createRouter, createWebHistory, createWebHashHistory } from 'vue-router';
 import content from './content';
-import editor from './editor';
 
 const routes = [
   {
@@ -8,8 +7,7 @@ const routes = [
     name: 'home',
     component: () => import('@/pages/Home.vue')
   },
-  content,
-  editor
+  content
 ];
 
 const router = createRouter({
diff --git a/yarn.lock b/yarn.lock
index 3eabad26..853f9e70 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -2247,13 +2247,6 @@ v8-compile-cache@^2.0.3:
   resolved "https://registry.yarnpkg.com/v8-compile-cache/-/v8-compile-cache-2.3.0.tgz#2de19618c66dc247dcfb6f99338035d8245a2cee"
   integrity sha512-l8lCEmLcLYZh4nbunNZvQCJc5pv7+RCwa8q/LdUx8u7lsWvPDKmpodJAJNwkAhJC//dFY48KuIEmjtd4RViDrA==
 
-vditor@^3.8.6:
-  version "3.8.6"
-  resolved "https://registry.yarnpkg.com/vditor/-/vditor-3.8.6.tgz#95a89c4865efa740bf55f2a7e3f968b395987a60"
-  integrity sha512-KZSmg593dTx/BmX9HdXcZCLi5stkJvW3AHVq4gOVvA00JnZngT7sjlX8WlfWbLe0A80UzelNSVXff3yoyljRAA==
-  dependencies:
-    diff-match-patch "^1.0.5"
-
 vite@^2.5.1:
   version "2.5.1"
   resolved "https://registry.yarnpkg.com/vite/-/vite-2.5.1.tgz#953c71a034c07b3ae0448d57664ec9c6862f23a8"
