Files
kuboard-press/.vuepress/public/landing.html
Shao Huan Qing 2f42d07415 告警配置
2021-09-01 22:52:53 +08:00

582 lines
29 KiB
HTML
Executable File
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Kuboard_Kubernetes教程_K8S安装_管理界面</title>
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="keywords" content="Kubernetes教程,K8S教程,Kubernetes安装,K8S安装,Kubernetes">
<meta name="description" content="Kuboard是一款免费的Kubernetes管理界面_同时该网站还提供Kubernetes安装文档_K8S_部署_入门_免费中文Kubernetes教程_以及在Kubernetes上部署SpringCloud的详细文档">
<meta name="author" content="邵欢庆">
<link rel="icon" href="/favicon.png">
<!-- <link rel="stylesheet" href="grey.css"> -->
<link rel="stylesheet" href="landing/css/googlefont.css">
<link rel="stylesheet" href="landing/css/font-awesome.min.css">
<link rel="stylesheet" href="landing/css/bootstrap.min.css">
<!-- Plugins -->
<!-- Venobox Lightbox slider -->
<link rel="stylesheet" href="landing/css/venobox.css">
<!-- Slick Slider-->
<link rel="stylesheet" href="landing/js/slick/slick.css">
<link rel="stylesheet" href="landing/js/slick/slick-theme.css">
<!-- AOS Animate -->
<link href="landing/css/aos.css" rel="stylesheet">
<!-- Custom Css -->
<link rel="stylesheet" href="landing/css/style.css">
<link rel="stylesheet" href="landing/css/components.css">
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-144196556-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-144196556-1');
</script>
<script>
var _hmt = _hmt || [];
(function() {
var hm = document.createElement("script");
hm.src = "https://hm.baidu.com/hm.js?5434e5c7a3fe924c0d6c5bd6f0eae56b";
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(hm, s);
})();
</script>
</head>
<body>
<style type="text/css">
p img {
max-width: 720px;
margin: auto;
border: solid 1px #ccc;
padding: 10px;
border-radius: 5px;
}
.box{
font-family: 'Merriweather Sans', sans-serif;
overflow: hidden;
position: relative;
z-index: 1;
transition: all .5s;
margin-bottom: 2rem;
}
.box:hover{ box-shadow: 3px 3px 5px #999; }
.box:before,
.box:after{
content: "";
background: radial-gradient(circle at 23% 70%,rgba(255,255,255,0.8),#fff 30%);
width: 150%;
height: 150%;
opacity: 0;
transform: rotate(45deg);
position: absolute;
top:-10.5%;
right:-150%;
z-index: 1;
transition: all 0.35s ease;
}
.box:after{
background: rgba(255,255,255,0.5);
width: 65%;
height: 65%;
right: auto;
left: -20%;
top: -65%;
}
.box:hover:before{
opacity: 1;
right: -85%;
}
.box:hover:after{
opacity: 1;
top: -42%;
}
.box img{
width: 100%;
height: auto;
transition: all 0.5s ease;
}
.box:hover img{ transform: scale(1.2); }
.box .box-content{
text-align: right;
transform: translateY(-50%);
position: absolute;
top: 50%;
right: -100%;
z-index: 2;
transition: all .5s;
}
.box:hover .box-content{ right: 5%; }
.box .title{
color: #1e272e;
font-size: 23px;
font-weight: 700;
text-transform: uppercase;
margin: 0 0 3px 0;
}
.box .post{
font-size: 16px;
text-transform: capitalize;
margin: 0 0 10px;
display: block;
}
.box .icon{
padding: 0;
margin: 0;
list-style: none;
}
.box .icon li{
display: inline-block;
margin: 0 4px;
}
.box .icon li a{
color: #fff;
background-color: #1e272e;
font-size: 18px;
text-align: center;
line-height: 35px;
height: 35px;
width: 35px;
border-radius: 50%;
display: block;
transition: all 0.3s;
}
.box .icon li a:hover{
color: #1e272e;
background-color: #fff;
border-radius: 10%;
box-shadow: 0 0 5px #1e272e inset;
}
@media only screen and (max-width:990px){
.box { margin: 0 0 30px; }
}
@media only screen and (max-width:479px){
.box .title{ font-size: 20px; }
}
</style>
<!-- Navigation -->
<div id="menu_area" class="menu-area fixed-top">
<div class="container">
<div class="row">
<nav class="navbar navbar-light navbar-expand-lg mainmenu">
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<a class="navbar-brand" href="/">Kuboard for K8S
<!-- <img src="/favicon.png" class="logo" alt="" height="60"> -->
</a>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav ml-auto">
<li class="nav-item"> <a class="nav-link" href="/install/v3/install.html">安装</a> </li>
<li class="nav-item"> <a class="nav-link" href="/learning/">教程</a> </li>
<!-- <li class="nav-item"> <a class="nav-link" href="https://kubetrain.cn/?from=kuboard-homepage" target="_blank">培训</a> </li> -->
<!-- <li class="nav-item"> <a class="nav-link" href="/support/">支持</a> </li>
<li class="nav-item"> <a class="nav-link" href="https://forum.kuboard.cn" target="_blank">论坛</a> </li> -->
<!-- <li class="nav-item dropdown">
<a class="dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Pages</a>
<ul class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarDropdown">
<li><a href="index.html">Home Page 1</a></li>
<li><a href="home2.html">Home Page 2</a></li>
<li><a href="home3.html">Home Page 3</a></li>
<li><a href="home4.html">Home Page 4</a></li>
<li><a href="blog.html">Blog</a></li>
<li><a href="blog-single.html">Blog Single</a></li>
</ul>
</li>
<li class="nav-item"> <a class="btn btn-secondary text-white btn-round btn-nav" data-toggle="modal" data-target="#signup-modal">Signup</a> </li> -->
<li class="nav-item"> <a class="btn btn-primary btn-shadow text-white btn-round btn-nav" href="/learning/">查看教程</a> </li>
</ul>
</div>
</nav>
</div>
</div>
</div>
<!-- /Navigation -->
<!-- Header -->
<header class="fixed-top-added">
<div class="container">
<div class="row">
<div class="col-sm-6 col-md-7">
<div class="hero-content">
<h1 class="text-primary">Kuboard - Kubernetes 多集群管理界面</h1>
<!-- <p class="text-primary mt-3"><span style="font-weight: 500;">Kubernetes</span> 安装、教程、管理面板、微服务实战</p> -->
<ul class="pair-btns-list">
<li> <a class="cbtn btn-grad-s btn-shadow btn-width"
target="_blank"
href="https://demo.kuboard.cn/">
在线演示</a></li>
<li><a href="/learning/" class="cbtn btn-grad btn-shadow btn-width">查看教程</a></li>
</ul>
<div style="margin-top: 20px;">
<a aria-label="github" href="https://starchart.cc/eip-work/kuboard-press" target="_blank" alt="Github Stars">
<iframe style="display:inline-block;vertical-align:middle;" src="https://addons.kuboard.cn/downloads/github-star.html" frameborder="0" scrolling="0" width="120" height="20" title="GitHub"></iframe>
</a>
<a aria-label="github" href="https://hub.docker.com/r/eipwork/kuboard" target="_blank" alt="Docker Pulls"><img src="https://addons.kuboard.cn/downloads/docker-pull.svg"/></a>
</div>
<p>
<div style="font-size: 13px; color: #666;">
在线演示环境中,您具备 <span style="color: red; font-weight: bold">只读</span> 权限,只能体验 Kuboard 的一部分功能。<br/>
</div>
<div style="padding: 10px; border: 1px solid #eee; border-radius: 10px; margin: 10px 0px; background-color: #fafafa;">
<a href="https://demo.kuboard.cn" target="_blank">https://demo.kuboard.cn</a> <br/>
<div style="width: 60px; display: inline-block;margin-top: 5px;">&nbsp;户:</div>
demo <br/>
<div style="width: 60px; display: inline-block">&nbsp;码:</div>
demo123
</div>
</p>
</div>
</div>
<div class="col-sm-6 col-md-5">
<img src="landing/images/hero-img.png" alt="" class="hero-img img-fluid cs-fade-in-up">
</div>
</div>
</div>
</header>
<!-- /Header -->
<div class="bg-gray py-80" id="products">
<div class="container">
<div class="row">
<div class="col-sm-12">
<div class="section-head text-center">
<h1 class="text-primary">快速落地 Kubernetes</h1>
<p>第一手 Kubernetes 实战经验,帮助您从 Kubernetes 入门到投产!</p>
</div>
</div>
</div>
<div class="row">
<div class="col-md-3 col-sm-6">
<div class="box" data-aos="fade-up" data-aos-anchor-placement="top-bottom">
<a href="/install/install-k8s.html">
<img src="landing/images/install.png" alt="K8S教程_K8S培训_K8S安装手册_每天300人采纳_使用与最新K8S版本同步_免费远程协助_成功保证">
<div class="box-content">
<h3 class="title">K8S 安装手册</h3>
<span class="post" style="color: #212529;">Kuboard for K8S</span>
<ul class="icon">
<!-- <li><a href="#"><i class="fa fa-search"></i></a></li> -->
<li><i class="fa fa-link"></i></li>
</ul>
</div>
</a>
</div>
</div>
<div class="col-md-3 col-sm-6">
<div class="box" data-aos="fade-up" data-aos-anchor-placement="top-bottom" data-aos-duration="1500">
<a href="/learning/">
<img src="landing/images/tutorial-p.png" alt="K8S教程_K8S培训_K8S安装手册_权威资料_第一手实战经验_自适应PC/手机">
<div class="box-content">
<h3 class="title">K8S 免费教程</h3>
<span class="post" style="color: #212529;">Kuboard for K8S</span>
<ul class="icon">
<!-- <li><i class="fa fa-search"></i></li> -->
<!-- <li><a href="#"></a><i class="fa fa-link"></i></a></li> -->
<li><i class="fa fa-link"></i></li>
</ul>
</div>
</a>
</div>
</div>
<div class="col-md-3 col-sm-6">
<a href="/install/v3/install.html">
<div class="box" data-aos="fade-up" data-aos-anchor-placement="top-bottom" data-aos-duration="2500">
<img src="landing/images/dashboard-p.png" alt="K8S教程_K8S培训_K8S安装手册_无需编写YAML文件_纯图形化管理_多环境管理">
<div class="box-content">
<h3 class="title">K8S 管理面板</h3>
<span class="post" style="color: #212529;">Kuboard for K8S</span>
<ul class="icon">
<!-- <li><i class="fa fa-search"></i></li> -->
<!-- <li><a href="#"></a><i class="fa fa-link"></i></a></li> -->
<li><i class="fa fa-link"></i></li>
</ul>
</div>
</div>
</a>
</div>
<div class="col-md-3 col-sm-6">
<a href="/learning/k8s-practice/spring-blade/">
<div class="box" data-aos="fade-up" data-aos-anchor-placement="top-bottom" data-aos-duration="2000">
<img src="landing/images/springcloud-p.png" alt="K8S教程_K8S培训_K8S安装手册_在Kubernetes上实战Spring_Cloud_活跃的OCP社区支持">
<div class="box-content">
<h3 class="title">微服务实战</h3>
<span class="post" style="color: #212529;">Kuboard for K8S</span>
<ul class="icon">
<!-- <li><i class="fa fa-search"></i></li> -->
<!-- <li><a href="#"></a><i class="fa fa-link"></i></a></li> -->
<li><i class="fa fa-link"></i></li>
</ul>
</div>
</div>
</a>
</div>
</div>
</div>
</div>
<!-- Media Call Action <Start> -->
<div class="bg-gray">
<div class="container">
<div class="call-action-media">
<div class="row">
<div class="col-sm-8">
<div class="media">
<div class="media-left"> <img src="/favicon.png" alt="img" class="img-fluid" width="90"> </div>
<div class="media-body">
<h3 class="text-primary">掌握 Kubernetes为未来加分</h3>
<p class="call-action-media-text"><span style="color: #007af5;">www.kuboard.cn</span> 您学会的不仅仅是一项技能,还有在实践中运用这项技能的实战经验。</p>
</div>
</div>
</div>
<div class="col-sm-4">
<div class="mt-4"><a href="/learning/" class="cbtn btn-grad btn-width btn-round">立刻开始学习</a></div>
</div>
</div>
</div>
</div>
</div>
<!-- Media Call Action </End> -->
<!-- Features -->
<div class="py-80" id="features">
<div class="container">
</div>
</div>
<!-- /Features -->
<!-- Video Block & Testimonials -->
<div class="py-80 bg-gray">
<div class="box-shadow custom-witdth-box">
<div class="floated-box">
<div class="container">
<div class="row" data-aos="zoom-in-up">
<div class="col-sm-12 text-center" style="max-width: 720px; margin: auto;">
<img src="https://addons.kuboard.cn/downloads/kuboard-press.svg" alt="" class="img-fluid box-shadow" style="border: solid 2px #f2be45; padding: 2rem; background-color: #fff; border-radius: 6px; height: 420px;">
<!-- <a class="venobox vbox-item video-play" data-autoplay="true" data-vbtype="video" href="https://youtu.be/kubGCSj5y3k">
<img src="landing/images/trend.png" alt="" class="img-fluid" style="border: solid 1px #eee;">
<div class="vid-fixed-icn"><img src="landing/images/video-thumb.png" alt="" class="img-fluid"></div>
</a> -->
</div>
</div>
<p style="margin-top: 20px; text-align: center;"><a aria-label="github">
<iframe style="display:inline-block;vertical-align:middle;" src="https://addons.kuboard.cn/downloads/github-star.html" frameborder="0" scrolling="0" width="120" height="20" title="GitHub"></iframe>
</p>
<div class="row">
<div class="col-sm-12">
<div class="slider single-item">
<div class="slider-item">
<div class="testimonial-default">
<!-- <div class="testimonial-default-img"><img src="landing/images/female-75.jpg" alt="" class="center-block img-fluid"></div> -->
<h4>2019年8月3日首次发布 Kuboard</h4>
<h5>获得种子用户,解决一些兼容性问题</h5>
</div>
</div>
<div class="slider-item">
<div class="testimonial-default">
<!-- <div class="testimonial-default-img"><img src="landing/images/male-14.jpg" alt="" class="center-block img-fluid"></div> -->
<h4>Kubernetes安装文档及教程</h4>
<h5>不断完善 Kubernetes 安装文档,推出免费 Kubernetes 教程</h5>
</div>
</div>
<!-- <div class="slider-item">
<div class="testimonial-default">
<h4>2019年10月30日</h4>
<h5>获得第 855 颗 Github Star</h5>
</div>
</div> -->
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- /Video Block & Testimonials -->
<!-- Media Call Action <Start> -->
<div class="bg-gray">
<div class="container">
<div class="call-action-media">
<div class="row">
<div class="col-sm-8">
<div class="media">
<div class="media-left"> <img src="/favicon.png" alt="img" class="img-fluid" width="90"> </div>
<div class="media-body">
<h3 class="text-primary">紧跟容器化趋势,不能掉队!</h3>
<p class="call-action-media-text"><span style="color: #007af5;">www.kuboard.cn</span> 以 Kubernetes 官方网站和 Kubernetes 实战经验为主要依据,提供优质的 Kubernetes 学习资料。</p>
</div>
</div>
</div>
<div class="col-sm-4">
<div class="mt-4"><a href="/learning/" class="cbtn btn-grad btn-width btn-round">立刻开始学习</a></div>
</div>
</div>
</div>
</div>
</div>
<!-- Media Call Action </End> -->
<div class="py-80">
<div class="custom-witdth-box" style="box-shadow: 2px 4px 20px 0px rgba(0, 0, 0, 0.1);">
<div class="content__default">
<h3 id="kuboard-for-kubernetes">Kuboard for Kubernetes
</h3>
<div
style="padding: 10px; border: 1px solid rgb(238, 238, 238); border-radius: 10px; margin: 10px 0px; background-color: rgb(250, 250, 250);">
<a href="https://demo.kuboard.cn" target="_blank">https://demo.kuboard.cn</a> <br>
<div style="width: 60px; display: inline-block; margin-top: 5px;">&nbsp;</div>
demo <br>
<div style="width: 60px; display: inline-block;">&nbsp;</div>
demo123
</div>
<h3 id="特点介绍">特点介绍</h3>
<p>相较于 Kubernetes Dashboard 等其他 Kubernetes 管理界面Kuboard 的主要特点有:</p>
<ul>
<li>
<p>多种认证方式</p>
<p>Kuboard 可以使用内建用户库、gitlab / github 单点登录或者 LDAP 用户库进行认证,避免管理员将 ServiceAccount 的 Token
分发给普通用户而造成的麻烦。使用内建用户库时,管理员可以配置用户的密码策略、密码过期时间等安全设置。</p>
<p><img src="/images/intro.assets/image-20210405162940278.png" alt="Kuboard登录界面"></p>
</li>
<li>
<p>多集群管理</p>
<p>管理员可以将多个 Kubernetes 集群导入到 Kuboard 中,并且通过权限控制,将不同集群/名称空间的权限分配给指定的用户或用户组。</p>
<p><img src="/images/intro.assets/image-20210405164029151.png" alt="Kuboard集群列表页"></p>
</li>
<li>
<p>微服务分层展示</p>
<p>在 Kuboard 的名称空间概要页中,以经典的微服务分层方式将工作负载划分到不同的分层,更加直观地展示微服务架构的结构,并且可以为每一个名称空间自定义名称空间布局。</p>
<p><img src="/images/intro.assets/image-20210405164532452.png" alt="Kuboard-微服务分层"></p>
</li>
<li>
<p>工作负载的直观展示</p>
<p>Kuboard 中将 Deployment 的历史版本、所属的 Pod 列表、Pod 的关联事件、容器信息合理地组织在同一个页面中,可以帮助用户最快速的诊断问题和执行各种相关操作。</p>
<p><img src="/images/intro.assets/image-20210405180147614.png" alt="Kuboard-工作负载详情"></p>
</li>
<li>
<p>工作负载编辑</p>
<p>Kuboard 提供了图形化的工作负载编辑界面,用户无需陷入繁琐的 YAML 文件细节中,即可轻松完成对容器的编排任务。支持的 Kubernetes
对象类型包括Node、Namespace、Deployment、StatefulSet、DaemonSet、Secret、ConfigMap、Service、Ingress、StorageClass、PersistentVolumeClaim、LimitRange、ResourceQuota、ServiceAccount、Role、RoleBinding、ClusterRole、ClusterRoleBinding、CustomResourceDefinition、CustomResource
等各类常用 Kubernetes 对象,</p>
<p><img src="/images/intro.assets/image-20210405180800712.png" alt="Kuboard-工作负载编辑"></p>
</li>
<li>
<p>存储类型支持</p>
<p>在 Kuboard 中,可以方便地对接 NFS、CephFS 等常用存储类型,并且支持对 CephFS 类型的存储卷声明执行扩容和快照操作。</p>
<p><img src="/images/intro.assets/image-20210405181928653.png" alt="Kuboard-存储类"></p>
</li>
<li>
<p>丰富的互操作性</p>
<p>可以提供许多通常只在 <code>kubectl</code> 命令行界面中才提供的互操作手段,例如:</p>
<ul>
<li>Top Nodes / Top Pods</li>
<li>容器的日志、终端</li>
<li>容器的文件浏览器(支持从容器中下载文件、上传文件到容器)</li>
<li>KuboardProxy在浏览器中就可以提供 <code>kubectl proxy</code> 的功能)</li>
</ul>
<p><img src="/images/intro.assets/image-20210405182805543.png" alt="Kuboard-文件浏览器"></p>
</li>
<li>
<p>套件扩展</p>
<p>Kuboard 提供了必要的套件库,使得用户可以根据自己的需要扩展集群的管理能力。当前提供的套件有:</p>
<ul>
<li>资源层监控套件,基于 Prometheus / Grafana 提供 K8S 集群的监控能力,可以监控集群、节点、工作负载、容器组等各个级别对象的 CPU、内存、网络、磁盘等资源的使用情况</li>
<li>日志聚合套件,基于 Grafana / Loki / Promtail 实现日志聚合;</li>
<li>存储卷浏览器,查看和操作存储卷中的内容;</li>
</ul>
<p><img src="/images/intro.assets/image-20210405183652378.png" alt="Kuboard-套件扩展"></p>
</li>
<li>
<p>告警配置</p>
<p>可以通过界面直接配置资源层监控套件发送告警消息:</p>
<ul>
<li>支持邮件、微信发送告警消息;</li>
<li>支持告警路由配置;</li>
<li>支持告警规则配置等;</li>
</ul>
<p><img src="/images/intro.assets/alert-config.png" alt="Kuboard-告警配置"></p>
</li>
<li>
<p>操作审计</p>
<p>Kuboard 支持操作审计的功能:</p>
<ul>
<li>审计用户通过 Kuboard 界面和 Kuboard API 执行的操作;</li>
<li>自定义审计规则;</li>
</ul>
<p><img src="/images/intro.assets/audit.png" alt="Kuboard-操作审计"></p>
</li>
</ul>
<p>访问 Kuboard 网站 https://kuboard.cn 可以加入 Kuboard 社群,并获得帮助。</p>
</div>
</div>
</div>
<!-- Animated Dots -->
<div class="dots">
<div class="dot one"></div>
<div class="dot two"></div>
<div class="dot three"></div>
<div class="dot four"></div>
<div class="dot five"></div>
<div class="dot six"></div>
<div class="dot seven"></div>
<div class="dot eight"></div>
<div class="dot nine"></div>
<div class="dot ten"></div>
</div>
<!-- Animated Dots -->
<!-- Footer -->
<footer>
<div class="container">
<div class="copyright-bar clearfix" style="margin-bottom: 50px;">
<div class="row">
<!-- <div class="col-lg-6">
<h1 class="mt-0 mb-0 text-primary">Kuboard &trade;</h1>
</div> -->
<div class="col-lg-6">
<div class="copy-text">© 2019 邵欢庆 All Right Reserved |
<a href="https://beian.miit.gov.cn" target="_blank">京ICP备19008693号-2</a>
</div>
</div>
</div>
</div>
</div>
</footer>
<!-- Back to Top -->
<a href="#0" class="cd-top js-cd-top"><i class="fa fa-angle-up"></i></a>
<!-- Back to Top ends-->
<script src="landing/js/jquery-2.2.4.min.js"></script>
<script src="landing/js/bootstrap.min.js"></script>
<script src="landing/js/popper.min.js"></script>
<script src="landing/js/pace.min.js"></script>
<!-- Plugins -->
<script src="landing/js/back-to-top.js"></script>
<!-- Venobox Lightbox slider -->
<script src="landing/js/venobox.min.js"></script>
<!-- Slick Slider -->
<script src="landing/js/slick/slick.min.js"></script>
<!-- AOS Animate -->
<script src="landing/js/aos/2.1.1/aos.js"></script>
<!-- Custom JS -->
<script src="landing/js/main.js"></script>
<script>
if (location.search && (location.search.indexOf('sharing') >=0 || location.search.indexOf('from=timeline') >= 0)) {
document.title = 'Kuboard - 快速在 Kubernetes 上落地微服务。可一个月从K8S入门到投产'
}
</script>
</body>
</html>