发布配置调整

Author: kitorv

package.json

@@ -1,7 +1,6 @@
 {
   "name": "vue-ui-docs",
   "version": "1.0.0",
-  "private": true,
   "scripts": {
     "serve": "vue-cli-service serve",
     "build": "vue-cli-service build",
@@ -32,6 +31,19 @@
     "sass-loader": "^8.0.2",
     "vue-template-compiler": "^2.6.11"
   },
+  "keywords": [
+    "vue",
+    "components",
+    "markdown"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/kitorv/vue-ui-docs.git"
+  },
+  "homepage": "https://kitorv.github.io/vue-ui-docs/",
+  "bugs": {
+    "url": "https://github.com/kitorv/vue-ui-docs/issues"
+  },
   "eslintConfig": {
     "root": true,
     "env": {

site/images/github.svg

@@ -7,17 +7,20 @@
       <div class="home--header-title">
         VUE-UI-DOCS
       </div>
+      <div class="home--header-github" @click="handleGitbubClick">
+        <img src="../images/github.svg" />
+      </div>
     </div>
     <div class="home--left">
       <div class="home--left-title">开发指南</div>
       <router-link class="home--left-link" to="/">快速上手</router-link>
       <router-link class="home--left-link" to="/changelog"
-        >更新日志</router-link
-      >
+        >更新日志
+      </router-link>
       <div class="home--left-title">组件</div>
-      <router-link class="home--left-link" to="/component/button"
-        >Button 按钮</router-link
-      >
+      <router-link class="home--left-link" to="/component/button">
+        Button 按钮
+      </router-link>
     </div>
     <div class="home--content">
       <div class="home--content-page">
@@ -33,6 +36,11 @@
 export default {
   data() {
     return {};
+  },
+  methods: {
+    handleGitbubClick() {
+      window.open("https://github.com/kitorv/vue-ui-docs");
+    }
   }
 };
 </script>
@@ -127,6 +135,26 @@ export default {
   }
 }
 
+.home--header-github {
+  position: absolute;
+  height: 40px;
+  width: 40px;
+  right: 20px;
+  top: 10px;
+  color: #444444;
+  transition: all 0.3s;
+  cursor: pointer;
+
+  &:hover {
+    transform: scale(1.2);
+  }
+
+  > img {
+    height: 100%;
+    width: 100%;
+  }
+}
+
 .router-link-exact-active {
   color: #41a259 !important;
   background-color: #eeffde !important;