友情链接

2019-10-19 14:20:02 +08:00
parent 27b2ff8b4e
commit 325c785b05
9 changed files with 104 additions and 167 deletions
--- a/.vuepress/components/FriendlyUrl.vue
+++ b/.vuepress/components/FriendlyUrl.vue
@ -1,19 +1,27 @@
 <template>
  <div>
-    <div style="margin-top: 10px; text-align: center;">
+    <div class="copyright">
      Copyright © 2019-present 邵欢庆 
      <span @click="$sendGaEvent('友情链接', '友情链接: 仁聚汇通', '友情链接:' + $page.path)">
        <a href="http://www.eigpay.com" target="_blank">仁聚汇通</a>
-      </span> | 京ICP备19008693号-2
-    </div>
-    <div style="margin-top: 10px; text-align: center; margin-bottom: 50px;">
-      友情链接：
-      <span v-for="item in urls" style="margin-right: 10px;"
-        @click="$sendGaEvent('友情链接', '友情链接: ' + item.name, '友情链接:' + item.name + ' --- ' + $page.path)">
-        <a target="_blank" :href="item.url + '?utm_source=kuboard.cn'">
-          {{item.name}}
-        </a>
      </span>
+      | 京ICP备19008693号-2
+    </div>
+    <div style="margin-top: 20px;">
+    </div>
+    <div class="friend-section">
+      友情链接：
+      <div v-for="item in urls" class="friend-a">
+        <a target="_blank" :href="item.url + '?utm_source=kuboard.cn'"
+          @click="$sendGaEvent('友情链接', '友情链接: ' + item.name, '友情链接:' + item.name + ' --- ' + $page.path)">
+            <div class="friend-link" style="vertical-align: middle;">
+              <img :src="item.icon"/>
+              <div class="friend-name">
+                {{item.name}}
+              </div>
+            </div>
+        </a>
+      </div>
    </div>
  </div>
 </template>
@ -24,14 +32,58 @@ export default {
  data () {
    return {
      urls: [
-        {name: 'sealos 官网', url: 'https://sealyun.com/'},
-        {name: '云原生实验室', url: 'https://www.yangcs.net/'},
+        {name: 'sealos官网', url: 'https://sealyun.com/', icon: 'https://hugo-picture.oss-cn-beijing.aliyuncs.com/blog/2019-08-27-044824.jpg'},
+        {name: '云原生实验室', url: 'https://www.yangcs.net/', icon: 'https://hugo-picture.oss-cn-beijing.aliyuncs.com/favicon-32x32.png'},
      ]
    }
  }
 }
 </script>

-<style>
+<style lang="stylus" scoped>
+
+.copyright {
+  margin-top: 10px; text-align: center; background-color: #f3f5f7;padding: 10px;
+}
+
+.friend-section {
+  margin-top: 10px; text-align: center; margin-bottom: 50px;
+}
+
+.friend-link {
+  margin-right: 10px;
+  display: inline-block;
+  border: 1px solid #ddd;
+  padding: 5px 10px;
+  border-radius: 5px;
+  vertical-align: middle;
+}
+
+.friend-link img {
+  width: 42px !important;
+  height: 42px !important;
+  border-radius: 50%;
+  border: 1px solid #ddd;
+  padding: 2px;
+  box-shadow: 1px 1px 1px rgba(0,0,0, .15);
+  background-color: #fff;
+  vertical-align: middle;
+  margin-right: 10px;
+}
+
+.friend-a {
+  margin-top: 10px;
+  display: inline-block;
+}
+
+.friend-a :hover {
+  background-color: #f9fafc;
+}
+
+.friend-name {
+  width: 100px;
+  text-align: left;
+  display: inline-block;
+}

 </style>
--- a/.vuepress/components/SpecialHomePage.vue
+++ b/.vuepress/components/SpecialHomePage.vue
--- a/.vuepress/components/SpecialSupportPage.vue
+++ b/.vuepress/components/SpecialSupportPage.vue
--- a/.vuepress/components/StarGazer.vue
+++ b/.vuepress/components/StarGazer.vue
@ -6,22 +6,22 @@
      width="50%"
      :before-close="handleClose"
      :append-to-body	="true">
-      <div style="text-align: center;">
-        <span style="font-size: 18px; weight: 500;">英雄，Kuboard 恭候多时啦，请给一个 github star 吧！</span>
-        <!-- <div style="margin-top: 10px;">未打赏用户可进 QQ 群聊，<span style="color: red;">打赏用户可进微信群聊</span>。</div>
-        <div style="margin-top: 10px;">
-          <span style="font-size: 13px;">扫第一个二维码完成打赏，扫第二个进微信群聊</span>
-          <p style="margin-top: 10px;">
-            <img src="/images/dz.png" style="width: 150px; margin-right: 150px;"></img>
-            <img src="/images/dz2.jpeg" style="width: 150px;"></img>
-          </p>
-        </div>
-        <div style="margin-bottom: 10px;">不方便给打赏的话，那就 <span style="color: red;">给一个 github star</span> 吧！</div>
-        <div style="margin-bottom: 10px;">github star 后，本窗口将不再弹出</div> -->
+      <div style="text-align: center; font-size: 18px; weight: 500;">
+        我想看到
+        <span style="color: red;">更多更好的 Kubernetes 免费内容</span>，
+        所以我要
+        <a href="https://github.com/eip-work/kuboard-press" target="_blank" @click="linkToStar">
+          给一个 Github Star
+          <OutboundLink/>
+        </a>
+        以鼓励作者。
      </div>
      <span slot="footer" class="dialog-footer">
-        <el-button @click="reset">残忍拒绝</el-button>
-        <el-button type="primary" @click="gotoStar">够义气，现在就去！</el-button>
+        <el-button type="text" @click="reset" style="margin-right: 10px; color: grey;">残忍拒绝</el-button>
+        <a href="https://github.com/eip-work/kuboard-press" target="_blank" @click="linkToStar">
+          够义气，现在就去！
+          <OutboundLink/>
+        </a>
      </span>
    </el-dialog>
  </div>
@ -96,6 +96,10 @@ export default {
        console.log('开发环境，不发送 ga event')
      }
    },
+    linkToStar() {
+      this.dialogVisible = false
+      this.$sendGaEvent('StarGazer', 'SG:GotoGithub', 'SG:前往github' + this.$page.path)
+    },
    gotoStar() {
      this.dialogVisible = false
      localStorage.setItem('stared', 'true')
--- a/.vuepress/theme/components/Page.vue
+++ b/.vuepress/theme/components/Page.vue
@ -7,7 +7,12 @@
      <div class="tip custom-block" style=" padding: 1rem; margin-top: 0;">
        <div style="display: inline-block; vertical-align: top;">
          <li><span style="color: red; font-weight: 500;">免费</span> Kubernetes 教程，绝不降低品质</li>
-          <li><a href="https://github.com/eip-work/kuboard-press" target="_blank" @click="$sendGaEvent('GithubStar', '页头求GitHubStar', 'GitHubStar: ' + $page.path)">给一个 Github Start</a> 是对作者最好的鼓励</li>
+          <li>
+            我想看到 <span style="color: red;">更多更好的 Kubernetes 免费内容</span>，
+            所以我要
+            <a href="https://github.com/eip-work/kuboard-press" target="_blank" @click="$sendGaEvent('GithubStar', '页头求GitHubStar', 'GitHubStar: ' + $page.path)">给一个 Github Star <OutboundLink/></a> 
+            以鼓励作者
+            </li>
          <!-- <li><Qq></Qq> <span style="color: red; font-weight: 500;">在线答疑</span>，也可以扫描本文末尾的二维码加群</li> -->
        </div>
      </div>
--- a/README.md
+++ b/README.md
@ -1,5 +1,5 @@
 ---
-layout: HomePage
+layout: SpecialHomePage
 title: Kuboard官网_Kubernetes教程_K8S安装_管理界面
 description: Kuboard是一款免费的Kubernetes管理界面_同时该网站还提供Kubernetes安装文档_K8S_部署_入门_免费中文Kubernetes教程_以及在Kubernetes上部署SpringCloud的详细文档
 meta:
--- a/learning/README.md
+++ b/learning/README.md
@ -110,6 +110,8 @@ meta:
    * [调度](/learning/k8s-advanced/schedule/)
    * [调度调优](/learning/k8s-advanced/schedule/tuning.html)
    * [调度框架](/learning/k8s-advanced/schedule/framework.html)
+  * 策略
+    * [Limit Range](/learning/k8s-advanced/policy/lr.html)
  * 安全
  * 监控
  * 联邦
--- a/support/index
+++ b/support/index
@ -1,127 +0,0 @@
---
-lessAds: true
-vssueId: 71
-description: Kubernetes教程_本文描述了如何获得Kuboard授权
---
-
-# Kuboard
-
-<AdSenseTitle/>
-
-<script>
-
-export default {
-  methods: {
-    mailGroup () {
-      // console.log('dee')
-      // window.dojoRequire(["mojo/signup-forms/Loader"], function(L) { L.start({"baseUrl":"mc.us20.list-manage.com","uuid":"2273cb19eb20bb1bc5b7745a7","lid":"f1f25d6dac","uniqueMethods":true}) })
-    }
-  }
-}
-</script>
-
-## Kuboard 授权声明
-
-<grid :rwd="{compact: 'stack'}">
-  <grid-item size="2/3" :rwd="{tablet: '1/1', compact: '1/1'}">
-
-<el-card style="height: 100%; color: #2c3e50; line-height: 1.7; margin-top: 1rem;" shadow="none">
-
-* 许多网友在问，Kuboard收费么？
-* 使用 Kuboard 是 <font color="red">免费</font> 的，无论您是用于学习还是用于生产
-* 将来会推出 Kuboard Plus，当前所有的功能，将来仍然免费。Kuboard Plus 侧重点：
-  * 更完善的权限管理（当前只区分集群管理员权限和只读权限）
-  * 审计日志
-* 只要您在本文末尾的评论区留下公司名字，您就已经 **取得将 Kuboard 用于生产环境的授权** 
-
-</el-card>
-
-</grid-item>
-  <grid-item size="1/3" :rwd="{tablet: '1/1', compact: '1/1'}">
-
-<el-card style="height: 100%; color: #2c3e50; line-height: 1.7; margin-top: 1rem;" shadow="none">
-
-<span style="font-size: 16px; font-weight: 500;">输入邮件地址，可以获得：</span>
-* Kubernetes 漏洞及补丁通知
-* Kuboard 更新通知
-<!-- Begin Mailchimp Signup Form -->
-<link href="//cdn-images.mailchimp.com/embedcode/horizontal-slim-10_7.css" rel="stylesheet" type="text/css" async>
-<style type="text/css">
-	#mc_embed_signup{background:#fff; clear:left; font:14px Helvetica,Arial,sans-serif; width:100%; text-align: left}
-	/* Add your own Mailchimp form style overrides in your site stylesheet or in this style block.
-	   We recommend moving this block and the preceding CSS link to the HEAD of your HTML file. */
-</style>
-<div id="mc_embed_signup">
-<form action="https://foxmail.us20.list-manage.com/subscribe/post?u=2273cb19eb20bb1bc5b7745a7&amp;id=f1f25d6dac" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate
-style="text-align: left;">
-    <div id="mc_embed_signup_scroll">
-	  <input style="width: 210px;" type="email" value="" name="EMAIL" class="email" id="mce-EMAIL" placeholder="邮件地址" required>
-    <!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->
-    <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_2273cb19eb20bb1bc5b7745a7_f1f25d6dac" tabindex="-1" value=""></div>
-    <div class="clear"><input type="submit" value="订阅" name="subscribe" id="mc-embedded-subscribe" class="button"></div>
-  </div>
-</form>
-</div>
-
-<!--End mc_embed_signup-->
-
-</el-card>
-  </grid-item>
-</grid>
-
-<!-- <KuboardLiscense></KuboardLiscense> -->
-
-## Kuboard 采纳情况
-
-<div style="padding: 1rem 0;">
-<grid :rwd="{compact: 'stack'}">
-  <grid-item size="2/3" :rwd="{tablet: '1/1', compact: '1/1'}">
-    <el-card style="height: 100%; margin-top: 1rem;" shadow="none">
-      <img src="./index.assets/stars.png" alt="Kubernetes教程_Kuboard_Github_Star">
-    </el-card>
-  </grid-item>
-  <grid-item size="1/3" :rwd="{tablet: '1/1', compact: '1/1'}">
-      <el-card style="height: 100%; color: #2c3e50; line-height: 1.7; margin-top: 1rem;" shadow="none">
-        <li>Kuboard 诞生于大型微服务项目的落地实施，在其发布之前，就已经在许多个实际项目中经受住了考验</li>
-        <li>Kuboard 于2019年8月初公开发布，两个月时间就已经获得了 559 Github Star（如图所示），当前 <StarCount></StarCount></li>
-        <li>Kuboard 社群中，已有许多的用户将 Kuboard 用于自己的生产环境</li>
-      </el-card>
-  </grid-item>
-</grid>
-</div>
-
-## Kuboard 商业支持
-
-<div style="padding: 1rem 0;">
-<grid :rwd="{compact: 'stack'}">
-  <grid-item size="2/3" :rwd="{tablet: '1/1', compact: '1/1'}">
-    <el-card style="height: 100%; color: #2c3e50; line-height: 1.7; margin-top: 1rem;" shadow="none">
-      <h3>服务范围</h3>
-      <li>Kubernetes 企业培训</li>
-      <li>DevOps 环境搭建及培训</li>
-      <li>SpringCloud 微服务架构咨询</li>
-      <li>Kubernetes 投产支持及问题解决</li>
-      <li>Kuboard 定制化</li>
-    </el-card>
-  </grid-item>
-  <grid-item size="1/3" :rwd="{tablet: '1/1', compact: '1/1'}">
-      <el-card style="height: 100%; margin-top: 1rem;" shadow="none">
-        <h3>联系方式</h3>
-        <img src="/images/dz2.jpeg" style="width: 200px; margin: auto;"></img>
-      </el-card>
-  </grid-item>
-</grid>
-</div>
-
-<!-- ### 微服务落地咨询
-
-Kuboard 团队提供微服务实施落地的全过程咨询和实施，服务范围：
-<p>
-  <img src="./consulting.png">
-</p>
-
-如有需要请加微信：
-
-<p>
-  <img src="/images/dz2.jpeg" style="width: 200px;"></img>
-</p> -->
--- a/support/index.md
+++ b/support/index.md
@ -1,7 +1,7 @@
 ---
 lessAds: true
 vssueId: 71
-layout: SupportPage
+layout: SpecialSupportPage
 description: Kubernetes教程_本文描述了如何获得Kuboard授权
 ---

@ -26,11 +26,10 @@ export default {
 <grid :rwd="{compact: 'stack'}">
  <grid-item size="2/3" :rwd="{tablet: '1/1', compact: '1/1'}">

-<el-card style="height: 100%; color: #2c3e50; line-height: 1.7; margin-top: 1rem;" shadow="none">
+<el-card style="height: calc(100% - 1.5rem); color: #2c3e50; line-height: 1.7; margin-top: 1rem;" shadow="none">

-* 许多网友在问，Kuboard收费么？
 * 使用 Kuboard 是 <font color="red">免费</font> 的，无论您是用于学习还是用于生产
-* 将来会推出 Kuboard Plus，当前所有的功能，将来仍然免费。Kuboard Plus 侧重点：
+* 将来会推出 Kuboard Plus，当前所有的功能，<font color="red">将来仍然免费</font>。Kuboard Plus 侧重点：
  * 更完善的权限管理（当前只区分集群管理员权限和只读权限）
  * 审计日志
 * 只要您在本文末尾的评论区留下公司名字，您就已经 **取得将 Kuboard 用于生产环境的授权** 
@ -40,25 +39,27 @@ export default {
 </grid-item>
  <grid-item size="1/3" :rwd="{tablet: '1/1', compact: '1/1'}">

-<el-card style="height: 100%; color: #2c3e50; line-height: 1.7; margin-top: 1rem;" shadow="none">
-
+<el-card style="height: calc(100% - 1.5rem); color: #2c3e50; line-height: 1.7; margin-top: 1rem;" shadow="none">
+  <div style="background-color: rgb(0, 99, 220); padding: 10px; max-width: 200px;">
+    <img src="/favicon.png" style="max-width: 200px;">
+  </div>
 </el-card>
  </grid-item>
 </grid>

 <!-- <KuboardLiscense></KuboardLiscense> -->

-## 采纳情况
+## Github趋势

-<div style="padding: 1rem 0;">
+<div style="padding: 1rem 0 0 0;">
 <grid :rwd="{compact: 'stack'}">
  <grid-item size="2/3" :rwd="{tablet: '1/1', compact: '1/1'}">
-    <el-card style="height: 100%; margin-top: 1rem;" shadow="none">
+    <el-card style="height: calc(100% - 2rem); margin-top: 1rem;" shadow="none">
      <img src="./index.assets/stars.png" alt="Kubernetes教程_Kuboard_Github_Star">
    </el-card>
  </grid-item>
  <grid-item size="1/3" :rwd="{tablet: '1/1', compact: '1/1'}">
-      <el-card style="height: 100%; color: #2c3e50; line-height: 1.7; margin-top: 1rem;" shadow="none">
+      <el-card style="height: calc(100% - 2rem); color: #2c3e50; line-height: 1.7; margin-top: 1rem;" shadow="none">
        <li>Kuboard 诞生于大型微服务项目的落地实施，在其发布之前，就已经在许多个实际项目中经受住了考验</li>
        <li>Kuboard 于2019年8月初公开发布，两个月时间就已经获得了 559 Github Star（如图所示），当前 <StarCount></StarCount></li>
        <li>Kuboard 社群中，已有许多的用户将 Kuboard 用于自己的生产环境</li>
@ -90,7 +91,7 @@ export default {
 </grid>
 </div>

-## 已注册用户
+## 已采纳用户

 * 只要您在此处留下公司名字，您就已经 **取得将 Kuboard 用于生产环境的授权**