diff --git a/src/components/index.js b/src/components/index.js
index 59549f4e..c0845720 100644
--- a/src/components/index.js
+++ b/src/components/index.js
@@ -8,7 +8,6 @@ import d2LinkBtn from './d2-link-btn'
 Vue.component('d2-container', d2Container)
 Vue.component('d2-container-frame', d2ContainerFrame)
 Vue.component('d2-link-btn', d2LinkBtn)
-Vue.component('d2-page-cover', () => import('./d2-page-cover'))
 Vue.component('d2-count-up', () => import('./d2-count-up'))
 Vue.component('d2-highlight', () => import('./d2-highlight'))
 Vue.component('d2-icon', () => import('./d2-icon'))
diff --git a/src/views/system/index/components/d2-badge/index.vue b/src/views/system/index/components/d2-badge/index.vue
index b012eb0d..bb4daefb 100644
--- a/src/views/system/index/components/d2-badge/index.vue
+++ b/src/views/system/index/components/d2-badge/index.vue
@@ -14,6 +14,7 @@
       <a href="https://www.travis-ci.org/d2-projects/d2-admin"><img src="https://www.travis-ci.org/d2-projects/d2-admin.svg?branch=master"/></a>
       <a><img src="https://img.shields.io/github/last-commit/d2-projects/d2-admin.svg"/></a>
       <a><img src="https://img.shields.io/badge/code_style-standard-brightgreen.svg"/></a>
+      <a><img src="https://api.netlify.com/api/v1/badges/a5dd4bbd-da3f-4145-98a9-8012577bdcf5/deploy-status"/></a>
     </p>
   </div>
 </template>
diff --git a/src/components/d2-page-cover/index.vue b/src/views/system/index/components/d2-page-cover/index.vue
similarity index 100%
rename from src/components/d2-page-cover/index.vue
rename to src/views/system/index/components/d2-page-cover/index.vue
diff --git a/src/views/system/index/page.vue b/src/views/system/index/page.vue
index 0736bb64..f059b61e 100644
--- a/src/views/system/index/page.vue
+++ b/src/views/system/index/page.vue
@@ -2,24 +2,23 @@
   <d2-container class="page">
     <d2-page-cover>
       <d2-icon-svg
-        class="page__logo"
+        class="logo"
         name="d2-admin"/>
       <template slot="footer">
-        <div class="page__btn-group">
-          <span @click="$open('https://github.com/d2-projects')">开源组织</span> |
-          <span @click="$open('https://doc.d2admin.fairyever.com/zh/')">文档</span> |
-          <span @click="$open('https://github.com/d2-projects/d2-admin-start-kit')">简化版</span> |
-          <span @click="$open('https://alibaba.github.io/ice/scaffold?type=vue')">飞冰</span> |
-          <span @click="$open('https://juejin.im/user/57a48b632e958a006691b946/posts')">掘金</span> |
-          <span @click="$open('https://daily.fairyever.com')">日报</span> |
-          <el-popover
-            :width="172"
-            trigger="hover">
+        <div class="btn-group">
+          <span class="btn-group__btn" @click="$open('https://github.com/d2-projects')">开源组织</span> |
+          <span class="btn-group__btn" @click="$open('https://doc.d2admin.fairyever.com/zh/')">文档</span> |
+          <span class="btn-group__btn" @click="$open('https://github.com/d2-projects/d2-admin-start-kit')">简化版</span> |
+          <span class="btn-group__btn" @click="$open('https://alibaba.github.io/ice/scaffold?type=vue')">飞冰</span> |
+          <span class="btn-group__btn" @click="$open('https://juejin.im/user/57a48b632e958a006691b946/posts')">掘金</span> |
+          <span class="btn-group__btn" @click="$open('https://daily.fairyever.com')">日报</span> |
+          <el-popover :width="172" trigger="hover">
             <p class="d2-mt-0 d2-mb-10">D2Projects</p>
-            <img
-              src="./image/qr@2x.png"
-              style="width: 172px;">
-            <span slot="reference">微信公众号</span>
+            <img src="./image/qr@2x.png" style="width: 172px;">
+            <span slot="reference" class="btn-group__btn btn-group__btn--link">
+              <d2-icon name="wexin"/>
+              微信公众号
+            </span>
             <p style="font-size: 12px; margin-top: 0px; margin-bottom: 0px;">
               官方公众号，主要推送前端技术类文章、框架资源、学习教程，以及 D2 系列项目更新信息
             </p>
@@ -35,10 +34,12 @@
 <script>
 import D2HelpBtn from './components/d2-help-btn'
 import D2Badge from './components/d2-badge'
+import D2PageCover from './components/d2-page-cover'
 export default {
   components: {
     D2HelpBtn,
-    D2Badge
+    D2Badge,
+    D2PageCover
   },
   data () {
     return {
@@ -50,19 +51,22 @@ export default {
 
 <style lang="scss" scoped>
 .page {
-  .page__logo {
+  .logo {
     width: 120px;
   }
-  .page__btn-group {
+  .btn-group {
     color: $color-text-placehoder;
     font-size: 12px;
     margin-top: 0px;
     margin-bottom: 20px;
-    span {
+    .btn-group__btn {
       color: $color-text-sub;
       &:hover {
         color: $color-text-main;
       }
+      &.btn-group__btn--link {
+        color: $color-primary;
+      }
     }
   }
 }