diff --git a/src/components/core/register.js b/src/components/core/register.js
index f6845351..8c3c225b 100644
--- a/src/components/core/register.js
+++ b/src/components/core/register.js
@@ -1,5 +1,12 @@
 import Vue from 'vue'
 
+import { GridLayout, GridItem } from 'vue-grid-layout'
+import SplitPane from 'vue-splitpane'
+
+Vue.component('GridLayout', GridLayout)
+Vue.component('GridItem', GridItem)
+Vue.component('SplitPane', SplitPane)
+
 Vue.component('d2-container', () => import('@/components/core/d2-container'))
 Vue.component('d2-count-up', () => import('@/components/core/d2-count-up'))
 Vue.component('d2-highlight', () => import('@/components/core/d2-highlight'))
diff --git a/src/components/demo/GithubLink/index.vue b/src/components/demo/GithubLink/index.vue
deleted file mode 100644
index ad2d71d4..00000000
--- a/src/components/demo/GithubLink/index.vue
+++ /dev/null
@@ -1,35 +0,0 @@
-<i18n src="./lang.json"></i18n>
-
-<template>
-  <el-tooltip :content="url" :placement="tooltipPlacement">
-    <a :href="url" target="_blank" class="link">
-      {{$t('label')}}
-      <i class="fa fa-github"></i>
-    </a>
-  </el-tooltip>
-</template>
-
-<script>
-export default {
-  props: {
-    url: {
-      type: String,
-      required: false,
-      default: 'https://github.com/FairyEver'
-    },
-    tooltipPlacement: {
-      type: String,
-      required: false,
-      default: 'top-end'
-    }
-  }
-}
-</script>
-
-<style lang="scss" scoped>
-@import '~@/assets/style/unit/_color.scss';
-.link {
-  color: $color-primary;
-}
-</style>
-
diff --git a/src/components/demo/GithubLink/lang.json b/src/components/demo/GithubLink/lang.json
deleted file mode 100644
index b8ca977e..00000000
--- a/src/components/demo/GithubLink/lang.json
+++ /dev/null
@@ -1,11 +0,0 @@
-{
-  "cn": {
-    "label": "在 Github 查看"
-  },
-  "en": {
-    "label": "View in Github"
-  },
-  "ja": {
-    "label": "調べでGithub"
-  }
-}
\ No newline at end of file
diff --git a/src/components/demo/GithubLinkButton/index.vue b/src/components/demo/GithubLinkButton/index.vue
deleted file mode 100644
index be59595f..00000000
--- a/src/components/demo/GithubLinkButton/index.vue
+++ /dev/null
@@ -1,58 +0,0 @@
-<template>
-  <div>
-    <el-popover
-      ref="pop"
-      placement="top"
-      width="160"
-      v-model="popover.visible">
-      <p class="d2-mt-0 d2-mb-10">
-        <i class="fa fa-github"></i>
-        github
-      </p>
-      <p class="d2-mt-0 d2-mb-10" style="font-size: 10px;">{{name}}</p>
-      <div style="text-align: right; margin: 0">
-        <el-button size="mini" type="text" @click="popover.visible = false">
-          取消
-        </el-button>
-        <el-button type="primary" size="mini" @click="jump">
-          确定
-        </el-button>
-      </div>
-    </el-popover>
-    <el-button
-      v-popover:pop
-      v-bind="$attrs">
-      <i class="fa fa-github"></i>
-      {{name}}
-    </el-button>
-  </div>
-</template>
-
-<script>
-export default {
-  props: {
-    name: {
-      type: String,
-      required: false,
-      default: ''
-    },
-    url: {
-      type: String,
-      required: false,
-      default: 'https://github.com/FairyEver'
-    }
-  },
-  data () {
-    return {
-      popover: {
-        visible: false
-      }
-    }
-  },
-  methods: {
-    jump () {
-      window.open(this.url)
-    }
-  }
-}
-</script>
diff --git a/src/components/demo/PageHeader/index.vue b/src/components/demo/PageHeader/index.vue
index 043880f3..b136bc53 100644
--- a/src/components/demo/PageHeader/index.vue
+++ b/src/components/demo/PageHeader/index.vue
@@ -1,20 +1,13 @@
 <template>
   <div class="d2-clearfix">
     <span v-if="title" class="d2-fl">{{title}}</span>
-    <span class="d2-fr">
-      <GithubLink v-if="url" :url="url"></GithubLink>
-    </span>
+    <span class="d2-fr"></span>
   </div>
 </template>
 
 <script>
 export default {
   props: {
-    url: {
-      type: String,
-      required: false,
-      default: ''
-    },
     title: {
       type: String,
       required: false,
diff --git a/src/components/demo/register.js b/src/components/demo/register.js
index 8c375632..770128a7 100644
--- a/src/components/demo/register.js
+++ b/src/components/demo/register.js
@@ -1,11 +1,4 @@
 import Vue from 'vue'
-import {GridLayout, GridItem} from 'vue-grid-layout'
-import SplitPane from 'vue-splitpane'
 
-Vue.component('GridLayout', GridLayout)
-Vue.component('GridItem', GridItem)
-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) })
+Vue.component('PageHeader', () => import('@/components/demo/PageHeader'))
+Vue.component('PageIndexArticle', () => import('@/components/demo/PageIndexArticle'))
diff --git a/src/pages/demo/components/countup/index.vue b/src/pages/demo/components/countup/index.vue
index 8baf119f..ae706135 100644
--- a/src/pages/demo/components/countup/index.vue
+++ b/src/pages/demo/components/countup/index.vue
@@ -1,10 +1,7 @@
 <template>
   <d2-container type="ghost" class="page">
     <el-card>
-      <PageHeader
-        title="数字动画组件"
-        url="https://github.com/inorganik/countUp.js">
-      </PageHeader>
+      <PageHeader title="数字动画组件"></PageHeader>
     </el-card>
     <el-row :gutter="20">
       <el-col :span="6">
diff --git a/src/pages/demo/components/editor-quill/index.vue b/src/pages/demo/components/editor-quill/index.vue
index 910f7218..5ccc68e9 100644
--- a/src/pages/demo/components/editor-quill/index.vue
+++ b/src/pages/demo/components/editor-quill/index.vue
@@ -1,11 +1,7 @@
 <template>
   <d2-container type="ghost">
     <el-card class="d2-mb">
-      <PageHeader
-        slot="header"
-        title="基本示例"
-        url="https://github.com/quilljs/quill">
-      </PageHeader>
+      <PageHeader slot="header" title="基本示例"></PageHeader>
       <d2-quill
         style="min-height: 200px;"
         v-model="value"
diff --git a/src/pages/demo/components/editor-simpleMDE/index.vue b/src/pages/demo/components/editor-simpleMDE/index.vue
index 7b60f0d0..63817a4f 100644
--- a/src/pages/demo/components/editor-simpleMDE/index.vue
+++ b/src/pages/demo/components/editor-simpleMDE/index.vue
@@ -1,11 +1,7 @@
 <template>
   <d2-container type="ghost">
     <el-card class="d2-mb">
-      <PageHeader
-        slot="header"
-        title="基本示例"
-        url="https://github.com/sparksuite/simplemde-markdown-editor">
-      </PageHeader>
+      <PageHeader slot="header" title="基本示例"></PageHeader>
       <d2-mde
         v-model="text"
         class="mde"/>
diff --git a/src/pages/demo/components/highlight/index.vue b/src/pages/demo/components/highlight/index.vue
index bd20d7d4..d356e1cf 100644
--- a/src/pages/demo/components/highlight/index.vue
+++ b/src/pages/demo/components/highlight/index.vue
@@ -1,10 +1,7 @@
 <template>
   <d2-container type="ghost">
     <el-card class="d2-mb">
-      <PageHeader
-        title="代码高亮组件"
-        url="https://github.com/isagalaev/highlight.js">
-      </PageHeader>
+      <PageHeader title="代码高亮组件"></PageHeader>
     </el-card>
     <el-card class="d2-mb">
       <p slot="title">javascript</p>
diff --git a/src/pages/demo/components/icon/icon.vue b/src/pages/demo/components/icon/icon.vue
index ffd92d2e..449451fa 100644
--- a/src/pages/demo/components/icon/icon.vue
+++ b/src/pages/demo/components/icon/icon.vue
@@ -1,11 +1,7 @@
 <template>
   <d2-container type="ghost">
     <el-card class="d2-mb">
-      <PageHeader
-        slot="header"
-        title="图标组件"
-        url="https://github.com/FairyEver/d2admin-vue-element/blob/master/src/components/core/Icon/index.vue">
-      </PageHeader>
+      <PageHeader slot="header" title="图标组件"></PageHeader>
       <d2-icon/>
       <d2-icon name="github"/>
       <d2-icon name="github" style="font-size: 100px;"/>
diff --git a/src/pages/demo/components/icon/select.vue b/src/pages/demo/components/icon/select.vue
index 82a3ba77..33e7593e 100644
--- a/src/pages/demo/components/icon/select.vue
+++ b/src/pages/demo/components/icon/select.vue
@@ -1,11 +1,7 @@
 <template>
   <d2-container type="ghost">
     <el-card class="d2-mb">
-      <PageHeader
-        slot="header"
-        title="图标选择器"
-        url="https://github.com/FairyEver/d2admin-vue-element/blob/master/src/components/core/d2-icon-select/index.vue">
-      </PageHeader>
+      <PageHeader slot="header" title="图标选择器"></PageHeader>
       <div class="title-group">
         <p class="title">一般用法</p>
         <p class="sub-title">
diff --git a/src/pages/demo/components/icon/svg.vue b/src/pages/demo/components/icon/svg.vue
index 6a584676..4c0f7222 100644
--- a/src/pages/demo/components/icon/svg.vue
+++ b/src/pages/demo/components/icon/svg.vue
@@ -1,10 +1,7 @@
 <template>
   <d2-container type="ghost">
     <el-card class="d2-mb">
-      <PageHeader
-        slot="header"
-        title="SVG图标组件">
-      </PageHeader>
+      <PageHeader slot="header" title="SVG图标组件"></PageHeader>
       <el-row>
         <el-col class="icon-card" :span="4" v-for="(icon, index) in $IconSvg" :key="index">
           <d2-icon-svg class="icon" :name="icon"/>
diff --git a/src/pages/demo/components/layout/grid.vue b/src/pages/demo/components/layout/grid.vue
index e098b635..0b0eeb48 100644
--- a/src/pages/demo/components/layout/grid.vue
+++ b/src/pages/demo/components/layout/grid.vue
@@ -17,11 +17,6 @@
             <div class="d2-mb">拖拽卡片调整位置</div>
             <div class="d2-mb">拖拽卡片右下角的手柄调整卡片大小</div>
             <div class="d2-mb">在控制台打印出数据变化</div>
-            <GithubLinkButton
-              name="vue-grid-layout"
-              url="https://github.com/jbaysolutions/vue-grid-layout"
-              type="success">
-            </GithubLinkButton>
           </template>
         </el-card>
       </GridItem>
diff --git a/src/pages/demo/components/layout/splitpane.vue b/src/pages/demo/components/layout/splitpane.vue
index a1caa048..8985ac58 100644
--- a/src/pages/demo/components/layout/splitpane.vue
+++ b/src/pages/demo/components/layout/splitpane.vue
@@ -1,10 +1,6 @@
 <template>
   <d2-container>
-    <PageHeader
-      slot="header"
-      title="基本示例"
-      url="https://github.com/PanJiaChen/vue-split-pane">
-    </PageHeader>
+    <PageHeader slot="header" title="基本示例"></PageHeader>
     <div style="height: 400px; margin: -16px;">
       <SplitPane :min-percent='20' :default-percent='30' split="vertical">
         <template slot="paneL"><div style="margin: 10px;">左</div></template>
diff --git a/src/pages/demo/components/markdown/index.vue b/src/pages/demo/components/markdown/index.vue
index 4b8bbfdd..5f710d98 100644
--- a/src/pages/demo/components/markdown/index.vue
+++ b/src/pages/demo/components/markdown/index.vue
@@ -1,10 +1,6 @@
 <template>
   <d2-container>
-    <PageHeader
-      slot="header"
-      title="效果演示"
-      url="https://github.com/FairyEver/d2admin-vue-element/blob/master/src/components/core/Markdown/index.vue">
-    </PageHeader>
+    <PageHeader slot="header" title="效果演示"></PageHeader>
     <d2-markdown url="/static/md/组件 - markdown - 演示.md"/>
   </d2-container>
 </template>
\ No newline at end of file
diff --git a/src/pages/demo/plugins/clipboard-polyfill/index.vue b/src/pages/demo/plugins/clipboard-polyfill/index.vue
index ce668d28..2d625fa5 100644
--- a/src/pages/demo/plugins/clipboard-polyfill/index.vue
+++ b/src/pages/demo/plugins/clipboard-polyfill/index.vue
@@ -1,10 +1,6 @@
 <template>
   <d2-container>
-    <PageHeader
-      slot="header"
-      title="基本示例"
-      url="https://github.com/lgarron/clipboard-polyfill">
-    </PageHeader>
+    <PageHeader slot="header" title="基本示例"></PageHeader>
     <el-row :gutter="10">
       <el-col :span="12">
         <div class="d2-mb">
diff --git a/src/pages/demo/plugins/export/table.vue b/src/pages/demo/plugins/export/table.vue
index 22691373..c3c52b2c 100644
--- a/src/pages/demo/plugins/export/table.vue
+++ b/src/pages/demo/plugins/export/table.vue
@@ -1,9 +1,6 @@
 <template>
   <d2-container>
-    <PageHeader
-      slot="header"
-      title="导出表格">
-    </PageHeader>
+    <PageHeader slot="header" title="导出表格"></PageHeader>
     <div class="d2-mb">
       <el-button type="primary" @click="exportCsv">
         <d2-icon name="download"/>
diff --git a/src/pages/demo/plugins/export/txt.vue b/src/pages/demo/plugins/export/txt.vue
index 01a33ad5..8b2a0cbc 100644
--- a/src/pages/demo/plugins/export/txt.vue
+++ b/src/pages/demo/plugins/export/txt.vue
@@ -1,9 +1,6 @@
 <template>
   <d2-container>
-    <PageHeader
-      slot="header"
-      title="导出文本">
-    </PageHeader>
+    <PageHeader slot="header" title="导出文本"></PageHeader>
     <el-input
       type="textarea"
       :autosize="{minRows: 2, maxRows: 4}"
diff --git a/src/pages/demo/plugins/i18n/demo1.vue b/src/pages/demo/plugins/i18n/demo1.vue
index 9bd222a8..5757ffee 100644
--- a/src/pages/demo/plugins/i18n/demo1.vue
+++ b/src/pages/demo/plugins/i18n/demo1.vue
@@ -1,10 +1,6 @@
 <template>
   <d2-container>
-    <PageHeader
-      slot="header"
-      :title="`${$t('pub.pageHeader.demo')} 1`"
-      url="http://kazupon.github.io/vue-i18n/en/">
-    </PageHeader>
+    <PageHeader slot="header" :title="`${$t('pub.pageHeader.demo')} 1`"></PageHeader>
     <DemoI18nControl></DemoI18nControl>
     <DemoI18n></DemoI18n>
   </d2-container>
diff --git a/src/pages/demo/plugins/i18n/demo2.vue b/src/pages/demo/plugins/i18n/demo2.vue
index 5bad8bd5..5ce331a0 100644
--- a/src/pages/demo/plugins/i18n/demo2.vue
+++ b/src/pages/demo/plugins/i18n/demo2.vue
@@ -1,10 +1,6 @@
 <template>
   <d2-container>
-    <PageHeader
-      slot="header"
-      :title="`${$t('pub.pageHeader.demo')} 2`"
-      url="http://kazupon.github.io/vue-i18n/en/">
-    </PageHeader>
+    <PageHeader slot="header" :title="`${$t('pub.pageHeader.demo')} 2`"></PageHeader>
     <DemoI18nControl></DemoI18nControl>
     <DemoI18n></DemoI18n>
   </d2-container>
diff --git a/src/pages/demo/plugins/import/csv.vue b/src/pages/demo/plugins/import/csv.vue
index f9bc7d0a..1bf69f08 100644
--- a/src/pages/demo/plugins/import/csv.vue
+++ b/src/pages/demo/plugins/import/csv.vue
@@ -1,10 +1,6 @@
 <template>
   <d2-container>
-    <PageHeader
-      slot="header"
-      title="导入 csv"
-      url="https://github.com/mholt/PapaParse">
-    </PageHeader>
+    <PageHeader slot="header" title="导入 csv"></PageHeader>
     <div class="d2-mb">
       <el-button @click="download">
         <d2-icon name="download"/>
diff --git a/src/pages/demo/plugins/import/xlsx.vue b/src/pages/demo/plugins/import/xlsx.vue
index 82cf8091..a59df371 100644
--- a/src/pages/demo/plugins/import/xlsx.vue
+++ b/src/pages/demo/plugins/import/xlsx.vue
@@ -1,10 +1,6 @@
 <template>
   <d2-container>
-    <PageHeader
-      slot="header"
-      title="导入 xlsx"
-      url="https://github.com/SheetJS/js-xlsx">
-    </PageHeader>
+    <PageHeader slot="header" title="导入 xlsx"></PageHeader>
     <div class="d2-mb">
       <el-button @click="download">
         <d2-icon name="download"/>
diff --git a/src/pages/demo/plugins/js-cookie/index.vue b/src/pages/demo/plugins/js-cookie/index.vue
index 749e97c8..762504a2 100644
--- a/src/pages/demo/plugins/js-cookie/index.vue
+++ b/src/pages/demo/plugins/js-cookie/index.vue
@@ -1,11 +1,7 @@
 <template>
   <d2-container type="ghost">
     <el-card class="d2-mb">
-      <PageHeader
-        slot="header"
-        title="基本示例"
-        url="https://github.com/js-cookie/js-cookie">
-      </PageHeader>
+      <PageHeader slot="header" title="基本示例"></PageHeader>
       <p class="d2-mt-0">基本读写删</p>
       <el-button type="primary" @click="set('test-user-name', 'test-user')">set('test-user-name', 'normalValue')</el-button>
       <el-button type="info" @click="get('test-user-name')">get('test-user-name')</el-button>
diff --git a/src/pages/demo/plugins/mock/dpd.vue b/src/pages/demo/plugins/mock/dpd.vue
index 1ae43896..65fb95e6 100644
--- a/src/pages/demo/plugins/mock/dpd.vue
+++ b/src/pages/demo/plugins/mock/dpd.vue
@@ -1,11 +1,7 @@
 <template>
   <d2-container type="ghost">
     <el-card class="d2-mb">
-      <PageHeader
-        slot="header"
-        title="数据占位符"
-        url="https://github.com/nuysoft/Mock">
-      </PageHeader>
+      <PageHeader slot="header" title="数据占位符"></PageHeader>
       <d2-markdown url="/static/md/插件 - mock演示页面介绍.md"/>
     </el-card>
     <MockDemoCard
diff --git a/src/pages/demo/plugins/mock/dtd.vue b/src/pages/demo/plugins/mock/dtd.vue
index aa120de0..4dcd197d 100644
--- a/src/pages/demo/plugins/mock/dtd.vue
+++ b/src/pages/demo/plugins/mock/dtd.vue
@@ -1,11 +1,7 @@
 <template>
   <d2-container type="ghost">
     <el-card class="d2-mb">
-      <PageHeader
-        slot="header"
-        title="数据模板"
-        url="https://github.com/nuysoft/Mock">
-      </PageHeader>
+      <PageHeader slot="header" title="数据模板"></PageHeader>
       <d2-markdown url="/static/md/插件 - mock演示页面介绍.md"/>
     </el-card>
     <MockDemoCard
diff --git a/src/pages/demo/plugins/timeago/index.vue b/src/pages/demo/plugins/timeago/index.vue
index fbe4f1ee..e5a82038 100644
--- a/src/pages/demo/plugins/timeago/index.vue
+++ b/src/pages/demo/plugins/timeago/index.vue
@@ -1,10 +1,7 @@
 <template>
   <d2-container type="ghost">
     <el-card class="d2-mb">
-      <PageHeader
-        title="基本示例"
-        url="https://github.com/hustcc/timeago.js">
-      </PageHeader>
+      <PageHeader title="基本示例"></PageHeader>
     </el-card>
     <el-card class="d2-mb">
       <div class="d2-text-center">