头图：https://cdn.naraku.cn/imgs/status-0.jpg
摘要：更简洁的监控页面，基于第三方API，无需宝塔面板，适合虚拟主机or没装宝塔的小伙伴。

简介

效果演示：网站监控

  • 之前一直使用基于宝塔面板API的那款状态监控，但是页面暴露了太多信息，经过一番删减后仍然不是很满意。最近网上闲逛的时候发现一款模板很简洁，并且是基于Uptime Robot监控面板的API，也就是说没有宝塔页面或者使用虚拟主机建站的都可以使用。于是便拿下来修修改改，弄成了独立页面，目前仅支持Handsome主题，其它主题请自行修改。

    添加监控

  • 注册账号。进入Uptime Robot，点击右上角Sign-up，再右边的Free Plan下方点击Sign Up注册

  • 注册完成后点击Login登录，进入控制台
  • 点击左侧Add New Monitor按钮，添加想要监控的域名or服务器
    • Monitor Type，监控类型，如HTTP
    • Friendly Name，自定义名字，如博客
    • URL or IP，填写博客URL或服务器IP
    • Monitoring Interval，接口检测频率，最低每5分钟检测一次
    • 选择完成后点击右下角Create Monitor创建

  • 如果需要添加多个监控请重复上一步，免费版最多可支持监控50个网站。

    获取API

    √> 这个API只有读的权限，别人拿到了也没问题

  • 添加完全部需要监控的网站后，点击上方My Settings，在右侧找到API Settings

  • 点击Read-Only API Key栏下的Show/hide it，点击Create the Read Only API key创建API

网站状态监控页 - 图1

创建监控页面

  • 文件下载：请前往博客共享网盘下载
  • 将Status.php放到网站的/handsome/主题目录下
  • 进入博客后台，新建独立页面，在右侧自定义模板中选择网站监控
  • 拉到最下方，添加字段
    • api：必填，填写前面获取的API
    • logs：可选，日志天数。可选范围1~90，默认60天
    • show：可选，展示监控网站的连接。默认关闭，任意填写即打开
  • 页面一直在转圈，请检查API是否填写正确