diff --git a/index.html b/index.html
index 0ba9363f740ae..53f735fa576af 100644
--- a/index.html
+++ b/index.html
@@ -11,6 +11,7 @@
   <script type="application/javascript" src="js/vue3-sfc-loader.js"></script>
   <script type="application/javascript" src="js/login-canvas.js"></script>
   <script type="application/javascript" src="simplemde/simplemde.js"></script>
+  <script type="application/javascript" src="https://buttons.github.io/buttons.js"></script>
 <!--  <script type="module" src="/node_modules/vue/dist/vue.runtime.global.prod.js"></script>-->
 <!--  <script type="module" src="/node_modules/vue-router/dist/vue-router.esm-browser.js"></script>-->
 <!--  <script type="module" src="/node_modules/element-plus/dist/index.full.min.mjs"></script>-->
diff --git a/package.json b/package.json
index f47311c7868b8..d38de0b49086a 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "crawlab-ui",
-  "version": "0.6.2-2",
+  "version": "0.6.2-3",
   "private": false,
   "author": {
     "name": "Marvin Zhang",
diff --git a/src/i18n/lang/en/global.ts b/src/i18n/lang/en/global.ts
index 4051355a101dd..08d4f99fa9850 100644
--- a/src/i18n/lang/en/global.ts
+++ b/src/i18n/lang/en/global.ts
@@ -10,6 +10,8 @@ const global: LGlobal = {
   upgrade: {
     pro: 'Upgrade to Pro Edition',
   },
+  docs: 'Docs',
+  github: 'GitHub',
 };
 
 export default global;
diff --git a/src/i18n/lang/zh/global.ts b/src/i18n/lang/zh/global.ts
index 7127e4c2dbabf..818768d877187 100644
--- a/src/i18n/lang/zh/global.ts
+++ b/src/i18n/lang/zh/global.ts
@@ -10,6 +10,8 @@ const global: LGlobal = {
   upgrade: {
     pro: '升级到专业版',
   },
+  docs: '文档',
+  github: 'GitHub',
 };
 
 export default global;
diff --git a/src/interfaces/i18n/global.d.ts b/src/interfaces/i18n/global.d.ts
index a283030e70ed5..c0a5efe87ae30 100644
--- a/src/interfaces/i18n/global.d.ts
+++ b/src/interfaces/i18n/global.d.ts
@@ -11,5 +11,7 @@ export declare global {
     upgrade: {
       pro: string;
     };
+    docs: string;
+    github: string;
   }
 }
diff --git a/src/layouts/components/Header.vue b/src/layouts/components/Header.vue
index bab510b8185b7..4785201ac2c79 100644
--- a/src/layouts/components/Header.vue
+++ b/src/layouts/components/Header.vue
@@ -4,15 +4,35 @@
       <div class="left">
       </div>
       <div class="right">
+        <iframe
+          class="item"
+          src="https://ghbtns.com/github-btn.html?user=crawlab-team&repo=crawlab&type=star&count=true"
+          frameborder="0"
+          scrolling="0"
+          width="105"
+          height="20"
+          title="GitHub"
+        />
         <el-link
           v-if="systemInfo.edition === 'global.edition.community'"
           v-track="{code: 'click_header_pro'}"
+          class="item"
           href="https://www.crawlab.cn/prices"
           target="_blank"
+          type="warning"
         >
           <font-awesome-icon class="icon" :icon="['fa', 'arrow-up']"/>
           {{ t('global.upgrade.pro') }}
         </el-link>
+        <el-link
+          v-track="{code: 'click_header_docs'}"
+          class="item"
+          :href="`https://docs.crawlab.cn/${locale}/`"
+          target="_blank"
+        >
+          <font-awesome-icon class="icon" :icon="['fa', 'book']"/>
+          {{ t('global.docs') }}
+        </el-link>
         <el-dropdown class="lang">
           <span class="el-dropdown-link item action ">
             <font-awesome-icon class="icon" :icon="['fa', 'globe']"/>