基于UptimeRobot的友链状态监控

笔记 399 字 305 阅

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

截图

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

部署过程

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

截图

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

弹出的界面选择Https

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

APIsettings

搜索后点击creat

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

复制API

  • API配置好后在需要添加的地方添加下面代码
<iframe src="https://博客链接/linkmonitor" height="540" frameborder="no" border="0" width="100%"></iframe>

Demo:邻居
下载地址:

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

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

- THE END -
打赏 0 分享
评论 ( 13 )
OωO
  1. dansemal

    kk

    5月13日 回复
  2. 卡布
    卡布

    厉害了

    5月6日 回复
  3. 闲余笔谈

    瞅瞅

    5月2日 回复
  4. 森遇博客

    来看看 好像不错

    4月17日 回复
  5. XJ

    顶一个

    3月27日 回复
  6. 北忘山

    顶一个

    3月26日 回复
  7. 大米

    6哇

    3月21日 回复
  8. TRY
    此条为私密评论,仅评论双方可见
    3月16日 回复
  9. 夏目贵志

    哈哈 强~

    3月13日 回复
  10. 233
    233

    两次评论??

    3月12日 回复
    1. Meteor
      @啊蔡

      ( '▿ ' )

      3月12日 回复
感谢打赏