diff --git a/src/assets/image/logo/w500-plugin.png.REMOVED.git-id b/src/assets/image/logo/w500-plugin.png.REMOVED.git-id
new file mode 100644
index 00000000..7113ebb1
--- /dev/null
+++ b/src/assets/image/logo/w500-plugin.png.REMOVED.git-id
@@ -0,0 +1 @@
+034d09d06595686f48853fee7b6ccf7d6d07108d
\ No newline at end of file
diff --git a/src/components/core/CardFull/index.vue b/src/components/core/CardFull/index.vue
index 9df1b56f..a839b216 100644
--- a/src/components/core/CardFull/index.vue
+++ b/src/components/core/CardFull/index.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="dd-card-full" :style="cardStyle">
-    <div class="dd-card-full__header" ref="header">
+    <div v-if="$slots.header" class="dd-card-full__header" ref="header">
       <slot name="header"></slot>
     </div>
     <div class="dd-card-full__body" :style="bodyStyle">
@@ -40,7 +40,7 @@ export default {
     }
   },
   mounted () {
-    this.headerHeight = this.$refs.header.offsetHeight
+    this.headerHeight = this.$slots.header ? this.$refs.header.offsetHeight : 0
   },
   computed: {
     cardStyle () {
diff --git a/src/components/demo/PageIndexArticle/index.vue b/src/components/demo/PageIndexArticle/index.vue
new file mode 100644
index 00000000..3c434c04
--- /dev/null
+++ b/src/components/demo/PageIndexArticle/index.vue
@@ -0,0 +1,38 @@
+<template>
+  <div class="page-index-body">
+    <img class="page-index-body__logo" src="@/assets/image/logo/w500.png">
+    <p class="page-index-body__title">这是D2Admin</p>
+    <p class="page-index-body__sub-title dd-mt-0">一个追求简洁和上手即用的前端模板</p>
+  </div>
+</template>
+
+<style lang="scss" scoped>
+@import '~@/assets/style/public.scss';
+.page-index-header {
+  overflow: hidden;
+  .page-index-header__title {
+    display: inline-block;
+    padding: 12px 20px;
+  }
+}
+.page-index-body {
+  position: absolute;
+  top: 0px;
+  bottom: 0px;
+  left: 0px;
+  right: 0px;
+  display: flex;
+  flex-flow: column nowrap;
+  justify-content: center;
+  align-items: center;
+  .page-index-body__logo {
+    width: 200px;
+  }
+  .page-index-body__title {
+    color: $color-text-main;
+  }
+  .page-index-body__sub-title {
+    color: $color-text-sub;
+  }
+}
+</style>
diff --git a/src/components/demo/register.js b/src/components/demo/register.js
index 665169e5..8c375632 100644
--- a/src/components/demo/register.js
+++ b/src/components/demo/register.js
@@ -8,3 +8,4 @@ Vue.component('SplitPane', SplitPane)
 Vue.component('GithubLink', resolve => { require(['@/components/demo/GithubLink'], resolve) })
 Vue.component('GithubLinkButton', resolve => { require(['@/components/demo/GithubLinkButton'], resolve) })
 Vue.component('PageHeader', resolve => { require(['@/components/demo/PageHeader'], resolve) })
+Vue.component('PageIndexArticle', resolve => { require(['@/components/demo/PageIndexArticle'], resolve) })
diff --git a/src/pages/core/index/index.vue b/src/pages/core/index/index.vue
index 22052717..480d3ba2 100644
--- a/src/pages/core/index/index.vue
+++ b/src/pages/core/index/index.vue
@@ -1,55 +1,5 @@
 <template>
   <Container type="card-full">
-    <template slot="header">
-      <div class="page-index-header">
-        <div class="dd-fl">
-          <span class="page-index-header__title">
-            Welcome
-          </span>
-        </div>
-        <div class="dd-fr">
-          <el-button>
-            <Icon name="github"></Icon>
-            Github
-          </el-button>
-        </div>
-      </div>
-    </template>
-    <div class="page-index-body">
-      <img class="page-index-body__logo" src="@/assets/image/logo/w500.png">
-      <p class="page-index-body__title">欢迎你，朋友。这是D2Admin</p>
-      <p class="page-index-body__sub-title dd-mt-0">一个追求简洁和上手即用的前端模板</p>
-    </div>
+    <PageIndexArticle></PageIndexArticle>
   </Container>
 </template>
-
-<style lang="scss" scoped>
-@import '~@/assets/style/public.scss';
-.page-index-header {
-  overflow: hidden;
-  .page-index-header__title {
-    display: inline-block;
-    padding: 12px 20px;
-  }
-}
-.page-index-body {
-  position: absolute;
-  top: 0px;
-  bottom: 0px;
-  left: 0px;
-  right: 0px;
-  display: flex;
-  flex-flow: column nowrap;
-  justify-content: center;
-  align-items: center;
-  .page-index-body__logo {
-    width: 200px;
-  }
-  .page-index-body__title {
-    color: $color-text-main;
-  }
-  .page-index-body__sub-title {
-    color: $color-text-sub;
-  }
-}
-</style>
diff --git a/src/pages/demo/plugins/index/index.vue b/src/pages/demo/plugins/index/index.vue
new file mode 100644
index 00000000..0fd556f9
--- /dev/null
+++ b/src/pages/demo/plugins/index/index.vue
@@ -0,0 +1,55 @@
+<template>
+  <Container type="card-full">
+    <template slot="header">
+      <div class="page-plugin-index-header">
+        <div class="dd-fl">
+          <span class="page-plugin-index-header__title">
+            插件
+          </span>
+        </div>
+        <div class="dd-fr">
+          <el-button>
+            <Icon name="github"></Icon>
+            Github
+          </el-button>
+        </div>
+      </div>
+    </template>
+    <div class="page-plugin-index-body">
+      <img class="page-plugin-index-body__logo" src="@/assets/image/logo/w500-plugin.png">
+      <p class="page-plugin-index-body__title">插件演示</p>
+      <p class="page-plugin-index-body__sub-title dd-mt-0">D2Admin 集成了许多实用插件</p>
+    </div>
+  </Container>
+</template>
+
+<style lang="scss" scoped>
+@import '~@/assets/style/public.scss';
+.page-plugin-index-header {
+  overflow: hidden;
+  .page-plugin-index-header__title {
+    display: inline-block;
+    padding: 12px 20px;
+  }
+}
+.page-plugin-index-body {
+  position: absolute;
+  top: 0px;
+  bottom: 0px;
+  left: 0px;
+  right: 0px;
+  display: flex;
+  flex-flow: column nowrap;
+  justify-content: center;
+  align-items: center;
+  .page-plugin-index-body__logo {
+    width: 200px;
+  }
+  .page-plugin-index-body__title {
+    color: $color-text-main;
+  }
+  .page-plugin-index-body__sub-title {
+    color: $color-text-sub;
+  }
+}
+</style>
diff --git a/src/router/menu/_plugin.js b/src/router/menu/_plugin.js
index ed6e38c3..36126208 100644
--- a/src/router/menu/_plugin.js
+++ b/src/router/menu/_plugin.js
@@ -7,10 +7,15 @@ export const menu = {
     requiresAuth: true
   },
   component: resolve => { require(['@/components/core/MainLayout/index.vue'], resolve) },
-  // redirect: {
-  //   name: 'demo-plugins-marked-readme'
-  // },
+  redirect: {
+    name: 'demo-plugins-index'
+  },
   children: [
+    {
+      path: 'index',
+      name: 'demo-plugins-index',
+      component: resolve => { require(['@/pages/demo/plugins/index/index.vue'], resolve) }
+    },
     // mock
     {
       title: '模拟数据',