diff --git a/d2-admin.babel.REMOVED.git-id b/d2-admin.babel.REMOVED.git-id
index c99c01f7..9d2a0dfe 100644
--- a/d2-admin.babel.REMOVED.git-id
+++ b/d2-admin.babel.REMOVED.git-id
@@ -1 +1 @@
-1fa97eb3669d03dfd3beba1ab093345500f40c4c
\ No newline at end of file
+df03a79f990d713d14c11639842ec15c84f45469
\ No newline at end of file
diff --git a/src/locales/en.json b/src/locales/en.json
index a7e12967..b1b92126 100644
--- a/src/locales/en.json
+++ b/src/locales/en.json
@@ -44,6 +44,23 @@
 					"sub-title": "Elegant mid-background integration solution",
 					"title": "D2 Admin"
 				},
+				"help": {
+					"button": "need any help",
+					"dialog": {
+						"link": {
+							"text": {
+								"doc": "Document",
+								"issues": "Historical question",
+								"new-issue": "Ask a question on Github"
+							}
+						},
+						"sub-title": {
+							"doc": "Here are some references",
+							"join-chat-group": "Ask other users or authors"
+						},
+						"title": "Help"
+					}
+				},
 				"page": {
 					"link": {
 						"href": {
diff --git a/src/locales/ja.json b/src/locales/ja.json
index 8fc26c90..3264a679 100644
--- a/src/locales/ja.json
+++ b/src/locales/ja.json
@@ -44,6 +44,23 @@
 					"sub-title": "エレガントなミッドバックグラウンド統合ソリューション",
 					"title": "D2 Admin"
 				},
+				"help": {
+					"button": "助けが必要ですか？",
+					"dialog": {
+						"link": {
+							"text": {
+								"doc": "文書",
+								"issues": "歴史的な質問",
+								"new-issue": "Githubで質問する"
+							}
+						},
+						"sub-title": {
+							"doc": "ここにいくつかの参照があります",
+							"join-chat-group": "他のユーザーや作者に尋ねる"
+						},
+						"title": "ヘルプ"
+					}
+				},
 				"page": {
 					"link": {
 						"href": {
diff --git a/src/locales/zh-chs.json b/src/locales/zh-chs.json
index f5cb506d..c6cb19ec 100644
--- a/src/locales/zh-chs.json
+++ b/src/locales/zh-chs.json
@@ -44,6 +44,23 @@
 					"sub-title": "优雅的中后台集成方案",
 					"title": "D2 Admin"
 				},
+				"help": {
+					"button": "需要帮助吗",
+					"dialog": {
+						"link": {
+							"text": {
+								"doc": "文档",
+								"issues": "历史提问",
+								"new-issue": "在 Github 提问"
+							}
+						},
+						"sub-title": {
+							"doc": "这里有一些参考资料",
+							"join-chat-group": "询问其它使用者或作者"
+						},
+						"title": "帮助"
+					}
+				},
 				"page": {
 					"link": {
 						"href": {
diff --git a/src/locales/zh-cht.json b/src/locales/zh-cht.json
index c88715da..33b4585e 100644
--- a/src/locales/zh-cht.json
+++ b/src/locales/zh-cht.json
@@ -44,6 +44,23 @@
 					"sub-title": "優雅的中後台集成方案",
 					"title": "D2 Admin"
 				},
+				"help": {
+					"button": "需要幫助嗎",
+					"dialog": {
+						"link": {
+							"text": {
+								"doc": "文檔",
+								"issues": "歷史提問",
+								"new-issue": "在 Github 提問"
+							}
+						},
+						"sub-title": {
+							"doc": "這裡有一些參考資料",
+							"join-chat-group": "詢問其它使用者或作者"
+						},
+						"title": "幫助"
+					}
+				},
 				"page": {
 					"link": {
 						"href": {
diff --git a/src/views/system/index/components/d2-help/image/qq.jpg.REMOVED.git-id b/src/views/system/index/components/d2-help/image/qq.jpg.REMOVED.git-id
new file mode 100644
index 00000000..a957a237
--- /dev/null
+++ b/src/views/system/index/components/d2-help/image/qq.jpg.REMOVED.git-id
@@ -0,0 +1 @@
+b27de32f6832b50dc5b8b1dc613060a81f88a8e9
\ No newline at end of file
diff --git a/src/views/system/index/components/d2-help/image/we.jpg.REMOVED.git-id b/src/views/system/index/components/d2-help/image/we.jpg.REMOVED.git-id
new file mode 100644
index 00000000..b485920f
--- /dev/null
+++ b/src/views/system/index/components/d2-help/image/we.jpg.REMOVED.git-id
@@ -0,0 +1 @@
+12bb778e8779f32a46ee756e6dbb890024b40f5d
\ No newline at end of file
diff --git a/src/views/system/index/components/d2-help/index.vue b/src/views/system/index/components/d2-help/index.vue
new file mode 100644
index 00000000..1a5759d5
--- /dev/null
+++ b/src/views/system/index/components/d2-help/index.vue
@@ -0,0 +1,58 @@
+<template>
+  <div>
+    <el-button
+      type="primary"
+      @click="dialogVisible = true"
+      plain
+      round>
+      <d2-icon name="question-circle-o" class="d2-mr-5"/>
+      {{ $t('views.system.index.help.button') }}
+    </el-button>
+    <el-dialog
+      :title="$t('views.system.index.help.dialog.title')"
+      width="600px"
+      :visible.sync="dialogVisible"
+      :append-to-body="true">
+      <div style="margin-top: -25px; margin-bottom: -25px;">
+        <h2 class="d2-mt-0">
+          {{ $t('views.system.index.help.dialog.sub-title.doc') }}
+        </h2>
+        <el-button-group>
+          <el-button @click="$open('https://doc.d2admin.fairyever.com/zh/')">
+            <d2-icon name="book" class="d2-mr-5"/>
+            {{ $t('views.system.index.help.dialog.link.text.doc') }}
+          </el-button>
+          <el-button @click="$open('https://github.com/d2-projects/d2-admin/issues?q=is%3Aissue+is%3Aclosed')">
+            <d2-icon name="question" class="d2-mr-5"/>
+            {{ $t('views.system.index.help.dialog.link.text.issues') }}
+          </el-button>
+          <el-button @click="$open('https://github.com/d2-projects/d2-admin/issues/new/choose')">
+            <d2-icon name="plus" class="d2-mr-5"/>
+            {{ $t('views.system.index.help.dialog.link.text.new-issue') }}
+          </el-button>
+        </el-button-group>
+        <h2>{{ $t('views.system.index.help.dialog.sub-title.join-chat-group') }}</h2>
+        <el-row :gutter="20">
+          <el-col :span="12">
+            <img src="./image/qq.jpg" class="d2-mb" style="width: 100%;">
+            <p>QQ群 [ 1500+ / 2000 人 ]</p>
+          </el-col>
+          <el-col :span="12">
+            <img src="./image/we.jpg" class="d2-mb" style="width: 100%;">
+            <p>与作者成为好友后邀请进微信群"</p>
+          </el-col>
+        </el-row>
+      </div>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+export default {
+  data () {
+    return {
+      dialogVisible: false
+    }
+  }
+}
+</script>
diff --git a/src/views/system/index/page.vue b/src/views/system/index/page.vue
index d457561d..d8b31d0d 100644
--- a/src/views/system/index/page.vue
+++ b/src/views/system/index/page.vue
@@ -35,6 +35,7 @@
           </el-popover>
         </div>
         <d2-badge/>
+        <d2-help/>
       </template>
     </d2-page-cover>
   </d2-container>
@@ -42,10 +43,12 @@
 
 <script>
 import D2Badge from './components/d2-badge'
+import D2Help from './components/d2-help'
 import D2PageCover from './components/d2-page-cover'
 export default {
   components: {
     D2Badge,
+    D2Help,
     D2PageCover
   },
   data () {