开篇

最近看帖子发现一款hostloc大佬发布一款用于监测网站运行状态的源码，使用的是基于UptimeRobot网站完成的，
UptimeRobot免费版可以自行添加50个网站的监控，每五分钟进行一次测试，实测效果OK


效果展示

教程

获取API key

源码评论后获取

此处内容需要评论回复后（审核通过）方可阅读。

1.首先前往 https://uptimerobot.com 注册账号，然后点击导航栏上的Add New Monitor添加需要监控的网站，监控的网站也就是你的友链，
注册后没有跳转可点击此连接自动跳转点击跳转到Add New Monitor
Add New Monitor
2.在弹出的界面选择Https然后再填写相应的网站名称，链接，然后勾选右边的邮箱。
添加监控网站
3.网站都添加完后，点击My Settings前往申请API key
下滑找到Monitor-Specific API Keys点击Show/hide it.然后搜索网站名点击创建
API key
API key

每一个监控的网站都要申请一个API key，申请完成后将每一个API key都记录下来，后面会用到。

搭建监控面板

1.将下载的压缩包上传到Typecho根目录后解压
monitoring
2.然后修改config.js文件将其中的站点名称，站点地址，ApiKeys替换为你自己的API key后保存。
源码修改完毕。
congfig文件修改
3.API配置好后把以下代码放到你需要输出的位置

<iframe src="https://博客链接/monitoring/index.html" height="540" frameborder="no" border="0" width="100%"></iframe>

代码
OK，搭建完成，访问你的网站相关页面即可看到效果。

效果展示

预览站点
效果展示

参考连接

最后修改：2022 年 05 月 01 日
© 允许规范转载
如果你喜欢，请随意赞赏