【教程】uptime-status网站监控&友链监控面板部署到 Typecho上

开篇

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

教程

获取API key

源码评论后获取

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

1.首先前往 https://uptimerobot.com 注册账号，然后点击导航栏上的Add New Monitor添加需要监控的网站，监控的网站也就是你的友链， 注册后没有跳转可点击此连接自动跳转点击跳转到Add New Monitor

2.在弹出的界面选择Https然后再填写相应的网站名称，链接，然后勾选右边的邮箱。

3.网站都添加完后，点击My Settings前往申请API key 下滑找到Monitor-Specific API Keys点击Show/hide it.然后搜索网站名点击创建

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

搭建监控面板

1.将下载的压缩包上传到Typecho根目录后解压

2.然后修改config.js文件将其中的站点名称，站点地址，ApiKeys替换为你自己的API key后保存。 源码修改完毕。

3.API配置好后把以下代码放到你需要输出的位置

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

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

效果展示

预览站点

参考连接