一个漂亮的 UptimeRobot监控面板

先上演示站点：
https://ibloger.cn/jk

效果图：

@Mr. 大佬做的

这两天做了一点改进：

• 支持 Read-Only Api Key 了，也就是一个 key 包含了多个站点的那种，减少请求数，缺点是你账号下的所有网站都会被显示出来；

• 当然，单个网站的 Monitor-Specific Api Key 依旧支持；

• 完善了每天状态的显示方式，改成 tooltip 模式了；

开源地址：https://github.com/yb/uptime-status

前期准备：

1、宝塔面板安装pm2管理器即可。

2、注册uptimeRobot 获取API。 注册网址：https://uptimerobot.com/

食用方法：

1. 下载或 clone 代码；① git clone https://github.com/yb/uptime-status

2. 第一次下载之后先执行 npm i 安装依赖；②cd uptime-status  然后执行npm i

3. 改 src/config.js 中的 apikeys； 接下来：③cd src   vim config.js  将apikeys修改成你自己的

4. 执行 npm run build 打包； ④返回上一层  cd ..   在输入命令npm run build

5. 把 build 目录下的静态文件随便找个地方扔就完事了； ⑤最后，可以把build下的静态文件放到虚拟主机上都可以，注意文件路径。  

原文链接：https://www.hostloc.com/thread-658135-1-1.html

简易方法来了：

最简单的食用方式：
1. 下载最新版 https://github.com/yb/uptime-status/releases/latest
2. 解压缩压缩包；
3. 打开 index.html
4. 修改你的 apikey 和其它配置（已经做了注释，去掉了代码压缩）
5. 完事！

不需要PHP！不需要nodejs！不需要宝塔！只需要一个支持html的纯静态空间都可以！
包括又拍云！OSS！七牛！啥都行！什么 worker 什么乱七八糟的都可以！