基于UptimeRobot的友链状态监控

  上个月就已经折腾过这个东西，偶然间还是在群里一个博客看到的，只不过他是博客外的一个页面，之前想着把他做进Typecho主题的独立页面里。由于原网页用的是Bootstrap框架写的，之后发现做成独立页面会跟主题冲突，后来也就放弃了
  几天前浏览博客发现@weifeng将这个做成了插件，看了下介绍感觉还不错安装插件后handsome自动生成独立页面，其他的通过iframe放在页面即可，会当我喜出望外的去查看的时候

好家伙芜湖~
后来自己闲来无事改了改之前找的那个单页，用iframe引在友链页面中
昨天有人跟我要然后就是配置过程有些繁琐所以出篇博文记录一下

部署过程

• 下载单页源码，解压放在博客根目录（链接在最后）
• 打开并注册登录UptimeRobot
• 左上角Add
  

• 在弹出的界面选择Https然后依次网站名称，链接
  

• 添加后点击上方导航栏My settings,然后一直往下滑找到APISettings点击Show/hide然后搜索网站名点击创建
  
  
  

• 复制api，打开单页目录js/config.js按照已有的样式即可
  

• API配置好后在需要添加的地方添加下面代码

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

  Demo：邻居
  下载地址：
  

  

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

PS:非插件每次都需要到config.js中添加
若有大佬看到此篇文章可以尝试集成插件