[incubator-iotdb-website] branch master updated: Add github fork and star button on side-bar

[hx...@apache.org]

This is an automated email from the ASF dual-hosted git repository.

hxd pushed a commit to branch master
in repository https://gitbox.apache.org/repos/asf/incubator-iotdb-website.git


The following commit(s) were added to refs/heads/master by this push:
     new 3e10a58  Add github fork and star button on side-bar
     new 1f2251a  Merge pull request #23 from samperson1997/github_button
3e10a58 is described below

commit 3e10a58387c04095ee137e887e280c4bd58fa365
Author: 151250128 <15...@smail.nju.edu.cn>
AuthorDate: Thu Jul 4 13:04:57 2019 +0800

    Add github fork and star button on side-bar
---
 package.json               |  3 ++-
 src/components/SideBar.vue | 21 +++++++++++++++++++--
 2 files changed, 21 insertions(+), 3 deletions(-)

diff --git a/package.json b/package.json
index 8c891d0..bb0c5b6 100644
--- a/package.json
+++ b/package.json
@@ -20,7 +20,8 @@
     "unit": "^1.0.4",
     "vue": "^2.5.2",
     "vue-markdown": "^2.2.4",
-    "vue-router": "^3.0.1"
+    "vue-router": "^3.0.1",
+    "vue-github-button": "latest"
   },
   "devDependencies": {
     "autoprefixer": "^7.1.2",
diff --git a/src/components/SideBar.vue b/src/components/SideBar.vue
index fcce699..cfc4f94 100644
--- a/src/components/SideBar.vue
+++ b/src/components/SideBar.vue
@@ -1,5 +1,9 @@
 <template>
   <div class="col-sm-3  blog-sidebar">
+    <div class="github-button-group">
+      <github-button class="github-button" href="https://github.com/apache/incubator-iotdb/fork" data-icon="octicon-repo-forked" data-size="large" data-show-count="true" aria-label="Fork apache/incubator-iotdb on GitHub">Fork</github-button>
+      <github-button class="github-button" href="https://github.com/apache/incubator-iotdb" data-icon="octicon-star" data-size="large" data-show-count="true" aria-label="Star apache/incubator-iotdb on GitHub">Star</github-button>
+    </div>
     <div class="sidebar-module sidebar-module-inset">
       <h4>Latest News</h4>
       <article lang="en">
@@ -28,9 +32,14 @@
 </template>
 
 <script>
-    export default {
-        name: "SideBar",
+  import GithubButton from 'vue-github-button'
+
+  export default {
+    name: "SideBar",
+    components: {
+      GithubButton
     }
+  }
 </script>
 
 <style scoped>
@@ -90,4 +99,12 @@
     -ms-hyphens: auto;
     hyphens: auto;
   }
+
+  .github-button-group {
+    margin-bottom: 20px;
+  }
+
+  .github-button {
+    margin: 10px;
+  }
 </style>