andre/kuboard-press
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

layout

Browse Source
This commit is contained in:
huanqing.shao
2019-10-16 00:04:41 +08:00
parent 9bc96eefad
commit c0582121e2
16 changed files with 67 additions and 57 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
.vuepress/components/AdSenseBanner.vue
View File

@ -1,5 +1,5 @@
<template>
<div class="adsense-banner">
<div class="adsense-banner" :style="$isDev ? 'background-color: grey;' : ''">
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- 正文-横幅 -->
<ins class="adsbygoogle"

2
.vuepress/components/AdSenseLeftTop.vue
View File

@ -1,5 +1,5 @@
<template>
<div class="adsense-left-top" v-if="$site.showMoreAds">
<div class="adsense-left-top" v-if="$site.showMoreAds" :style="$isDev ? 'background-color: grey;' : ''">
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- AdsenseLeftTop -->
<ins class="adsbygoogle"

2
.vuepress/components/AdSensePageBottom.vue
View File

@ -1,5 +1,5 @@
<template>
<div class="adsense-page-bottom">
<div class="adsense-page-bottom" :style="$isDev ? 'background-color: grey;' : ''">
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- AdSensePageBottom -->
<ins class="adsbygoogle"

2
.vuepress/components/AdSensePageBottomInline.vue
View File

@ -1,5 +1,5 @@
<template>
<div class="adsense-page-bottom-inline">
<div class="adsense-page-bottom-inline" :style="$isDev ? 'background-color: grey;' : ''">
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- PageBottomInline -->
<ins class="adsbygoogle"

2
.vuepress/components/AdSensePageTop.vue
View File

@ -1,5 +1,5 @@
<template>
<div class="adsense-page-top" v-if="!$frontmatter.lessAds && $site.showMoreAds">
<div class="adsense-page-top" v-if="!$frontmatter.lessAds && $site.showMoreAds" :style="$isDev ? 'background-color: grey;' : ''">
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- AdSensePageTop-Display -->
<ins class="adsbygoogle"

2
.vuepress/components/AdSenseParagraph.vue
View File

@ -1,5 +1,5 @@
<template>
<div class="adsense-paragraph">
<div class="adsense-paragraph" :style="$isDev ? 'background-color: grey;' : ''">
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<ins class="adsbygoogle"
style="display:block; text-align:center;"

2
.vuepress/components/AdSenseRightSide.vue
View File

@ -1,5 +1,5 @@
<template>
<div class="adsense-right">
<div class="adsense-right" :style="$isDev ? 'background-color: grey;' : ''">
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- AdSenseRightSide -->
<ins class="adsbygoogle"

2
.vuepress/components/AdSenseSquare.vue
View File

@ -1,5 +1,5 @@
<template>
<div>
<div :style="$isDev ? 'background-color: grey;' : ''">
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- 正方形-正文 -->
<ins class="adsbygoogle"

2
.vuepress/components/AdSenseTitle.vue
View File

@ -1,5 +1,5 @@
<template>
<div>
<div :style="$isDev ? 'background-color: grey;' : ''">
<p>
<Qq></Qq> 群号: 808894550 <span style="color: red; font-weight: 500;">在线答疑</span>，也可以扫描本文末尾的二维码加群
</p>

2
.vuepress/components/AdSenseTitlePureText.vue
View File

@ -1,5 +1,5 @@
<template>
<div class="adsense-under-title">
<div class="adsense-under-title" :style="$isDev ? 'background-color: grey;' : ''">
<!-- <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> -->
<!-- PageTopUnderTitle -->
<!-- <ins class="adsbygoogle"

2
.vuepress/components/AdSenseVertical.vue
View File

@ -1,5 +1,5 @@
<template>
<div>
<div :style="$isDev ? 'background-color: grey;' : ''">
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- 正文-垂直 -->
<ins class="adsbygoogle"

6
.vuepress/enhanceApp.js
View File

@ -26,6 +26,7 @@ export default ({
Vue.use(Element)
Vue.use(VueFractionGrid, {
approach: 'desktop-first',
gutter: '1rem',
breakpoints: {
compact: '719px',
tablet: '719px 959px'
@ -45,4 +46,9 @@ export default ({
console.log('开发环境，不发送 ga event', e)
}
}
if (typeof window !== 'undefined') {
if (window.location.hostname === 'localhost') {
Vue.prototype.$isDev = true
}
}
}

41
.vuepress/theme/components/Page.vue
View File

@ -8,19 +8,50 @@
<Content class="theme-default-content" style="padding-top: 0; margin-top: 0; padding-bottom: 1rem;"/>
<!-- <el-divider>加入 Kuboard 社群</el-divider> -->
<div>
</div>
<div style="margin: auto; width: 182px;">
<!-- <div style="margin: auto; width: 182px;">
<p>
<Qq/> 在线答疑
</p>
<p>
<img src="/images/kuboard_qq.png" alt="Kubernetes教程：QQ群在线答疑"/>
</p>
</div>
</div> -->
<div class="page-nav" style="max-width: 1000px; padding: 1rem;">
<el-divider>在线答疑</el-divider>
<grid :rwd="{compact: 'stack'}">
<grid-item size="1/3" :rwd="{tablet: '1/1', compact: '1/1'}" >
<el-card style="height: 100%; margin-top: 1rem;" shadow="none" :body-style="{padding: '0rem 1.5rem'}">
<h3>QQ群（免费）</h3>
<div>
<Qq/> 808894550
</div>
<p style="margin-bottom: 0;">
<img style="margin: auto; padding: 7px;" src="/images/kuboard_qq.png" alt="Kubernetes教程：QQ群在线答疑"/>
</p>
</el-card>
</grid-item>
<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" :body-style="{padding: '0rem 1.5rem'}">
<h3>微信群</h3>
<div>
<div style="margin-top: 10px;">
<span>扫第一个二维码完成打赏，扫第二个加微信进群聊（请发送打赏截图）</span>
<p style="margin-top: 10px; margin-bottom: 0;">
<img src="/images/dz.png" style="width: 200px; margin-right: 120px;"></img>
<img src="/images/dz2.jpeg" style="float: right; width: 200px;"></img>
</p>
</div>
</div>
</el-card>
</grid-item>
</grid>
</div>
<div class="page-nav" style="max-width: 1000px; padding-top:0;">
<div class="page-nav" style="max-width: 1000px; padding-top:0; margin-top: 1rem;">
<AdSensePageBottomInline/>
</div>
<!-- <div style="text-align: center; margin-bottom: 10px;" v-if="$page.path.indexOf('/learning/') === 0">

BIN
support/index.assets/image-20191008204458253.f742de59.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 54 KiB

BIN
support/index.assets/stars.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 137 KiB

55
support/index.md
View File

@ -18,57 +18,29 @@ description: Kubernetes教程_本文描述了如何获得Kuboard授权
## Kuboard 采纳情况
<div style="padding: 1rem 0;">
<grid :rwd="{compact: 'stack'}">
<grid-item size="2/3" :rwd="{tablet: '1/1', compact: '1/1'}" style="padding: 1rem 0 1rem 1rem;">
<el-card style="height: 100%">
<img src="./index.assets/image-20191008204458253.f742de59.png" alt="Kubernetes教程_Kuboard_Github_Star">
<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'}" style="padding: 1rem 0 1rem 1rem;">
<el-card style="height: 100%; color: #2c3e50; line-height: 1.7;">
<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 一经发布，就获得了广泛的关注</li>
<li>Kuboard 公开发布不到两个月时间，就已经获得了 461 Github Star（如图所示），当前 <StarCount></StarCount></li>
<li>Kuboard 于2019年8月初公开发布，两个月时间就已经获得了 559 Github Star（如图所示），当前 <StarCount></StarCount></li>
<li>Kuboard 社群中，已有许多的用户将 Kuboard 用于自己的生产环境</li>
</el-card>
</grid-item>
</grid>
## Kuboard 支持
<grid :rwd="{compact: 'stack'}">
<grid-item size="1/3" :rwd="{tablet: '1/1', compact: '1/1'}" style="padding: 1rem 0 1rem 1rem;">
<el-card style="height: 100%">
<h3>QQ群（免费）</h3>
<p>
<Qq/> 808894550
</p>
<p>
<img src="/images/kuboard_qq.png" alt="Kubernetes教程：QQ群在线答疑"/>
</p>
</el-card>
</grid-item>
<grid-item size="2/3" :rwd="{tablet: '1/1', compact: '1/1'}" style="padding: 1rem 0 1rem 1rem;">
<el-card style="height: 100%; color: #2c3e50; line-height: 1.7;">
<h3>微信群</h3>
<div>
<div style="margin-top: 10px;">
<span>扫第一个二维码完成打赏，扫第二个加微信进群聊（请发送打赏截图）</span>
<p style="margin-top: 10px;">
<img src="/images/dz.png" style="width: 200px; margin-right: 120px;"></img>
<img src="/images/dz2.jpeg" style="float: right; width: 200px;"></img>
</p>
</div>
</div>
</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'}" style="padding: 1rem 0 1rem 1rem;">
<el-card style="height: 100%; color: #2c3e50; line-height: 1.7;">
<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>
@ -77,13 +49,14 @@ description: Kubernetes教程_本文描述了如何获得Kuboard授权
<li>Kuboard 定制化</li>
</el-card>
</grid-item>
<grid-item size="1/3" :rwd="{tablet: '1/1', compact: '1/1'}" style="padding: 1rem 0 1rem 1rem;">
<el-card style="height: 100%;">
<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>
<!-- ### 微服务落地咨询