typecho基于UptimeRobot的友链状态监控页面

食用教程

1.下载单页源码，解压放在博客的根目录，上传整个文件目录即可

2.注册并登陆UptimeRobot
3.登录之后，点击Add New Monitor

登录之后会自动跳转，若没有跳转，点击直达访问

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

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

• 复制api，打开单页目录js/config.js按照已有的样式即可，接下来你要做的就是把每个友情链接的网站和名字都添加一遍，然后放在JS文件中。

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

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

效果展示

站点预览

文件下载

[c-downbtn type="lz" url="https://beiwangshan.lanzous.com/iIqNDnbya9c" pwd=""]资源文件下载[/c-downbtn]