开篇

最近看帖子发现一款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 日
如果你喜欢,请随意赞赏