网站状态监控页

简介

效果演示：网站监控

2021-03-13更新监控页面，适应Handsome v8.1.0 Pro版本~

• 之前一直使用基于宝塔面板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

创建监控页面

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