diff --git a/src/config/router.config.js b/src/config/router.config.js
index 31f6d0d5e..f336de329 100644
--- a/src/config/router.config.js
+++ b/src/config/router.config.js
@@ -188,7 +188,7 @@ export const asyncRouterMap = [
             path: '/system/about',
             name: 'About',
             component: () => import('@/views/system/About'),
-            meta: { title: '关于 Halo', hiddenHeaderContent: false }
+            meta: { title: '关于', hiddenHeaderContent: false }
           }
         ]
       }
diff --git a/src/main.js b/src/main.js
index a309e9e13..0a1d459d0 100644
--- a/src/main.js
+++ b/src/main.js
@@ -10,8 +10,10 @@ import './permission'
 import '@/utils/filter' // global filter
 import './components'
 import animated from 'animate.css'
+import {version} from '../package.json';
 
 Vue.config.productionTip = false
+Vue.prototype.VERSION = version
 
 Vue.use(router)
 Vue.use(animated)
diff --git a/src/views/system/About.vue b/src/views/system/About.vue
index 2e6de4ead..a2812d209 100644
--- a/src/views/system/About.vue
+++ b/src/views/system/About.vue
@@ -12,7 +12,8 @@
                 </h3>
                 <template slot="description">
                   <ul>
-                    <li>版本：{{ environments.version }}</li>
+                    <li>Halo server 版本：{{ environments.version }}</li>
+                    <li>Halo admin 版本：{{ version }}</li>
                     <li>数据库：{{ environments.database }}</li>
                     <li>运行模式：{{ environments.mode }}</li>
                     <li>启动时间：{{ environments.startTime | moment }}</li>
@@ -41,18 +42,23 @@
                   开发者
                 </h3>
                 <template slot="description">
-                  <a-tooltip
-                    placement="top"
+                  <a
+                    :href="item.github"
                     v-for="(item,index) in developers"
-                    :title="item.name"
                     :key="index"
+                    target="_blank"
                   >
-                    <a-avatar
-                      size="large"
-                      :src="item.avatar"
-                      :style="{ marginRight: '10px' }"
-                    />
-                  </a-tooltip>
+                    <a-tooltip
+                      placement="top"
+                      :title="item.name"
+                    >
+                      <a-avatar
+                        size="large"
+                        :src="item.avatar"
+                        :style="{ marginRight: '10px' }"
+                      />
+                    </a-tooltip>
+                  </a>
                 </template>
               </a-list-item-meta>
             </a-list-item>
@@ -85,6 +91,7 @@ import adminApi from '@/api/admin'
 export default {
   data() {
     return {
+      version: this.VERSION,
       environments: {},
       developers: [
         {