Uptime Kuma是一个自托管监控工具，支持多种监控方式和通知方式，界面简洁易用。可以监控各种服务状态，及时发现问题并发送通知，避免出现连锁反应。通过Docker部署，简单方便。添加监控项、设置通知、创建状态页面都简单易行。帮助用户有效管理各项服务，确保服务稳定运行。 Uptime Kuma 是一款开源的服务器监控和状态检测工具，它可以跟踪服务器的性能和健康状态。
使用 Uptime Kuma 需要用到 Docker 进行部署。根据官网的指示，只需要用这一行命令就可以部署服务了——
docker run -d --restart=always -p 3001:3001 -v uptime-kuma:/app/data --name uptime-kuma louislam/uptime-kuma:1
等运行完毕后，进入 http://localhost:3001 就可以打开 Uptime Kuma 的主页面。
在功能方面，Uptime Kuma 支持多种形式的监控。最常用的是基于 HTTP、Ping、DNS 的监控。可以实现对网站的监控。
也有一些特定的监控方式，比如针对 Docker、MySQL 的监控，这需要根据类型配置特定的连接方式，
使用方法
1 添加监控的网址
在左上角点击「添加监控项」：
输入「名称」和「URL」，其他的选项大家可以自行根据需要填写：
添加成功之后，可以在左边看到监控的服务信息，同时会给出每次探测的状态信息，绿色表示服务正常，红色表示服务异常，黄色表示服务超时
2 添加通知
在点击右上角的头像，选择「设置」：
然后在「通知」一栏中选择「设置通知」：
在「通知类型」中选择相应的通知，一般来说可以是邮箱、短信、电话等等，选择对应的类型之后，需要在下面填写相应的认证信息：
3 创建状态页面
当添加完监控项之后，我们可以单独创建一个状态页，来显示所有的服务状态。
点击右上角的「状态页面」，点击「新的状态页」：
输入「名称」和「路径」，然后点击下一步：
选择刚才创建的监控项：
如果有其他感兴趣的设置，也可以自行设置。
搞完之后，点击「保存」：
就得到了一个汇总了所有服务状态的页面：
4 配置监控及自定义 CSS美化状态页
添加监控项、通知项和状态页，在常规设置将入口页面改为状态页，进入状态页添加监控及美化页面!
/* 美化代码*/
@font-face{font-family:'1666963922';src:url('https://jsd.cdn.zzko.cn/gh/54ayao/ACG@main/static/fonts/1666963922.woff')format('woff');font-weight:normal;font-style:normal;}
/* 全局样式 */
body{font-family:'1666963922',sans-serif;
/* 使用自定义字体 */
color:#333;margin:0;padding:0;background-image:url('https://api.yviii.com/bing/uhd_302.php');
/* 自适应背景图片API */
background-attachment:fixed;background-size:cover;background-position:center center;background-repeat:no-repeat;}
/* 导航栏链接悬停样式 */
.navbar a:hover{text-decoration:underline;}
/* 卡片样式 */
.card{background-color:#fff;border-radius:5px;box-shadow:0 2px 5pxrgba(0,0,0,0.1);margin-bottom:20px;padding:20px;}
/* 卡片标题样式 */
.card-title{font-size:18px;font-weight:bold;margin-bottom:10px;}
/* 在明亮主题下，应用不同的背景色及75%透明度 */
.shadow-box{background-color:rgba(255,255,255,0.75);padding:10px;margin:5px;border-radius:10px;box-shadow:0 2px 5pxrgba(0,0,0,0.1);text-decoration:none;}
/* 在暗色主题下，应用不同的背景色及65%透明度 */
.dark .shadow-box:not(.alert){background-color:rgba(0,0,0,0.65);padding:20px;margin:10px;border-radius:5px;box-shadow:0 2px 5pxrgba(0,0,0,0.1);}
/* 侧边栏样式 */
.sidebar{background-color:rgba(255,255,255,0.9);padding:20px;margin:10px;border-radius:5px;box-shadow:0 2px 5pxrgba(0,0,0,0.1);}
/* 特定元素和类的样式 */
span[data-v-7d4a7f28], .item-name, div.description[data-v-7d4a7f28][data-v-b8247e57][contenteditable="true"], div[data-v-7d4a7f28][data-v-b8247e57].alert-heading.p-2, .refresh-info > div, .alert-heading.p-2 > div, .alert-heading.p-2 > p, .alert-heading.p-2 > h1{background-image:linear-gradient(90deg,#07c160,#fb6bea 25%,#3aedff 50%,#fb6bea 75%,#28d079);font-family:'1666963922',sans-serif;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-size:400% 100%;animation:wzw 10s linear infinite;}
/* 动画关键帧定义 */
@keyframeswzw{0%{background-position:0% 50%;}50%{background-position:100% 50%;}100%{background-position:0% 50%;}}#app{font-family:'1666963922',BlinkMacSystemFont,'segoe ui',Roboto,'helvetica neue',Arial,'noto sans',sans-serif,'apple color emoji','segoe ui emoji','segoe ui symbol','noto color emoji'!important;}{/collapse-item}
