From 7f6ccbbe907b986eb06581cba2d817ebc62089a4 Mon Sep 17 00:00:00 2001
From: "huanqing.shao" <shaohq@foxmail.com>
Date: Tue, 21 Apr 2020 22:48:05 +0800
Subject: [PATCH] badgen

---
 .vuepress/components/StarCount.vue            |  8 +++++---
 .vuepress/components/StarCountDockerPulls.vue | 13 +++++++++++++
 .vuepress/public/landing.html                 |  5 ++++-
 support/index.md                              | 10 +++++++++-
 4 files changed, 31 insertions(+), 5 deletions(-)
 create mode 100644 .vuepress/components/StarCountDockerPulls.vue

diff --git a/.vuepress/components/StarCount.vue b/.vuepress/components/StarCount.vue
index 00cf73a..45ba59e 100644
--- a/.vuepress/components/StarCount.vue
+++ b/.vuepress/components/StarCount.vue
@@ -1,8 +1,10 @@
 <template>
-  <div style="display: inline-block; width: 100px;">
+  <div style="display: inline-block; width: 120px;">
     <LazyLoad>
-      <a aria-label="github" @click="$sendGaEvent('ViewGitHubStar', 'ViewGitHubStarNav', 'ViweGitHubStar:' + $page.path)">
-        <iframe style="display:inline-block;vertical-align:middle;" src="https://ghbtns.com/github-btn.html?user=eip-work&amp;repo=kuboard-press&amp;type=star&amp;count=true&amp;size=small" frameborder="0" scrolling="0" width="100px" height="20px"></iframe>
+      <a aria-label="github" @click="$sendGaEvent('ViewGitHubStar', 'ViewGitHubStarNav', 'ViweGitHubStar:' + $page.path)"
+        href="https://starchart.cc/eip-work/kuboard-press" target="_blank">
+        <!-- <iframe style="display:inline-block;vertical-align:middle;" src="https://ghbtns.com/github-btn.html?user=eip-work&amp;repo=kuboard-press&amp;type=star&amp;count=true&amp;size=small" frameborder="0" scrolling="0" width="100px" height="20px"></iframe> -->
+        <img src="https://badgen.net/github/stars/eip-work/kuboard-press?label=github stars"/>
       </a>
     </LazyLoad>
   </div>
diff --git a/.vuepress/components/StarCountDockerPulls.vue b/.vuepress/components/StarCountDockerPulls.vue
new file mode 100644
index 0000000..35d13ad
--- /dev/null
+++ b/.vuepress/components/StarCountDockerPulls.vue
@@ -0,0 +1,13 @@
+<template>
+  <a aria-label="github" href="https://hub.docker.com/r/eipwork/kuboard" target="_blank" alt="Docker Pulls"><img src="https://badgen.net/docker/pulls/eipwork/kuboard"/></a>
+</template>
+
+<script>
+export default {
+
+}
+</script>
+
+<style>
+
+</style>
diff --git a/.vuepress/public/landing.html b/.vuepress/public/landing.html
index 07bab7d..c6397c0 100755
--- a/.vuepress/public/landing.html
+++ b/.vuepress/public/landing.html
@@ -206,7 +206,10 @@
                              在线演示</a></li>
                             <li><a href="/learning/" class="cbtn btn-grad btn-shadow btn-width">查看教程</a></li>
                         </ul>
-                        <p style="margin-top: 20px;"><a aria-label="github"><iframe src="https://ghbtns.com/github-btn.html?user=eip-work&amp;repo=kuboard-press&amp;type=star&amp;count=true&amp;size=small" frameborder="0" scrolling="0" width="100px" height="20px" style="display:inline-block;vertical-align:middle;"></iframe></a></p>
+                        <p style="margin-top: 20px;">
+                            <a aria-label="github" href="https://starchart.cc/eip-work/kuboard-press" target="_blank" alt="Github Stars"><img src="https://badgen.net/github/stars/eip-work/kuboard-press?label=github&nbsp;stars"/></a>
+                            <a aria-label="github" href="https://hub.docker.com/r/eipwork/kuboard" target="_blank" alt="Docker Pulls"><img src="https://badgen.net/docker/pulls/eipwork/kuboard"/></a>
+                        </p>
                     </div>
                 </div>
                 <div class="col-sm-6 col-md-5">
diff --git a/support/index.md b/support/index.md
index afd7838..eb1baec 100644
--- a/support/index.md
+++ b/support/index.md
@@ -65,7 +65,15 @@ export default {
 </grid-item>
   <grid-item size="1/3" :rwd="{tablet: '1/1', compact: '1/1'}">
     <b-card style="height: calc(100% - 2rem); color: #2c3e50; line-height: 1.7; margin-top: 1rem;">
-        <li>Kuboard 于2019年8月初公开发布，当前 <StarCount></StarCount></li>
+        <li>
+          Kuboard 于2019年8月初公开发布，当前：
+          <li style="margin-left: 40px;">
+            <StarCount></StarCount>
+          </li>
+          <li style="margin-left: 40px;">
+            <StarCountDockerPulls></StarCountDockerPulls>
+          </li>
+        </li>
         <li>参考 kuboard.cn，通常一个月时间可以从 Kubernetes 入门到投产</li>
       </b-card>
   </grid-item>