通知:考研狗 缓更期

基于UptimeRobot的友链状态监控

笔记401 字
基于UptimeRobot的友链状态监控
笔记401 字

  上个月就已经折腾过这个东西,偶然间还是在群里一个博客看到的,只不过他是博客外的一个页面,之前想着把他做进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中添加
若有大佬看到此篇文章可以尝试集成插件

Meteor
风停在窗边嘱咐你要热爱这个世界
OωO
开启隐私评论,您的评论仅作者和评论双方可见
评论 ( 21 )
  1. 沫雪

    4月6日回复
  2. 来看看

    1月19日回复
  3. 小米

    我来学习一下

    2021年11月17日回复
  4. 我来学习一下

    2021年08月25日回复
  5. @

    貌似只能检测前三条友链,而且一直显示在检测中

    2021年08月14日回复
  6. 为什么我按照教程操作的,最后友链监控不生效?

    2021年08月14日回复
    1. Meteor 博主大人
      @隔壁小胡

      你的js路径是https://hq233.cn/js/bootstrap.min.js 是错的,下载的文件解压后将整个linkmonitor上传到网站根目录就好,js和css文件需要在linkmonitor文件夹里面

      2021年08月14日回复
  7. 1

    2021年08月14日回复
  8. 下载链接挂掉了呀

    2021年08月07日回复
    1. Meteor 博主大人
      @字节小星球

      文章已更新,刷新看看

      2021年08月07日回复
      1. @Meteor

        我下载到了 这位大佬的插件https://wfblog.net/archives/serverstatus_plugin.html 但是不太会用 ,你要不要研究下!

        2021年08月07日回复
        1. Meteor 博主大人
          @字节小星球

          别用了,插件里面的CSS和JS挂掉了,用不了了已经

          2021年08月07日回复
        2. Meteor 博主大人
          @字节小星球

          他的插件是适配handsome主题的,对于其他主题他用的还是ifame框架,晚些我下载看看

          2021年08月07日回复
  9. 正好需要,看看啦!

    2021年08月07日回复
  10. kk

    2021年05月13日回复
  11. 卡布

    厉害了

    2021年05月06日回复
  12. 瞅瞅

    2021年05月02日回复
  13. 此条为私密评论,仅评论双方可见
    2021年03月16日回复
  14. 哈哈 强~

    2021年03月13日回复
    1. Meteor 博主大人
      2021年03月13日回复
  15. 233

    两次评论??

    2021年03月12日回复