diff --git a/src/components/core/d2-layout-main/components/-help/index.vue b/src/components/core/d2-layout-main/components/-help/index.vue
new file mode 100644
index 00000000..e0fde816
--- /dev/null
+++ b/src/components/core/d2-layout-main/components/-help/index.vue
@@ -0,0 +1,42 @@
+<template>
+  <div>
+    <el-tooltip effect="dark" content="疑问" placement="bottom">
+      <el-button class="d2-ml-0 d2-mr btn-text can-hover" type="text" @click="dialogVisible = true">
+        <d2-icon name="question-circle"/>
+      </el-button>
+    </el-tooltip>
+    <el-dialog title="帮助" width="600px" :visible.sync="dialogVisible">
+      <div style="margin-top: -25px;">
+        <h1 class="d2-mt-0">如果你有问题可以加入交流群或者联系作者</h1>
+        <el-row :gutter="20">
+          <el-col :span="12">
+            <el-alert :closable="false" type="info" title="扫码进 QQ 群" class="d2-mb"/>
+            <img class="qr" src="/static/image/me/qq.jpg">
+          </el-col>
+          <el-col :span="12">
+            <el-alert :closable="false" type="info" title="我的微信 加好友拉进微信群" class="d2-mb"/>
+            <img class="qr" src="/static/image/me/we.jpg">
+          </el-col>
+        </el-row>
+      </div>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+export default {
+  data () {
+    return {
+      dialogVisible: false
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+img {
+  &.qr {
+    width: 100%;
+  }
+}
+</style>
diff --git a/src/components/core/d2-layout-main/components/-theme/index.vue b/src/components/core/d2-layout-main/components/-theme/index.vue
index dd990832..cb6c4933 100644
--- a/src/components/core/d2-layout-main/components/-theme/index.vue
+++ b/src/components/core/d2-layout-main/components/-theme/index.vue
@@ -6,7 +6,7 @@
       </el-button>
     </el-tooltip>
     <el-dialog title="主题" width="600px" :visible.sync="dialogVisible">
-      <d2-theme-list style="margin-top: -20px;"/>
+      <d2-theme-list style="margin-top: -25px;"/>
     </el-dialog>
   </div>
 </template>
diff --git a/src/components/core/d2-layout-main/index.vue b/src/components/core/d2-layout-main/index.vue
index 05bb5c62..0c836571 100644
--- a/src/components/core/d2-layout-main/index.vue
+++ b/src/components/core/d2-layout-main/index.vue
@@ -14,6 +14,7 @@
         <d2-layout-main-header-menu/>
         <!-- 顶栏右侧 -->
         <div class="d2-header-right">
+          <d2-layout-main-header-help/>
           <d2-layout-main-header-full-screen/>
           <d2-layout-main-header-theme/>
           <d2-layout-main-header-user/>
@@ -45,7 +46,8 @@ export default {
     'd2-layout-main-header-menu': () => import('./components/-header-menu'),
     'd2-layout-main-header-full-screen': () => import('./components/-full-screen'),
     'd2-layout-main-header-theme': () => import('./components/-theme'),
-    'd2-layout-main-header-user': () => import('./components/-user')
+    'd2-layout-main-header-user': () => import('./components/-user'),
+    'd2-layout-main-header-help': () => import('./components/-help')
   },
   data () {
     return {
diff --git a/static/image/me/qq.jpg.REMOVED.git-id b/static/image/me/qq.jpg.REMOVED.git-id
new file mode 100644
index 00000000..a1c17adb
--- /dev/null
+++ b/static/image/me/qq.jpg.REMOVED.git-id
@@ -0,0 +1 @@
+e4c4364c1109dd3097159bfdb13171116c406f5d
\ No newline at end of file
diff --git a/static/image/me/we.jpg.REMOVED.git-id b/static/image/me/we.jpg.REMOVED.git-id
new file mode 100644
index 00000000..b485920f
--- /dev/null
+++ b/static/image/me/we.jpg.REMOVED.git-id
@@ -0,0 +1 @@
+12bb778e8779f32a46ee756e6dbb890024b40f5d
\ No newline at end of file