网站状态监控页

博主： Naraku
发布时间：2020 年 04 月 20 日
32573 次浏览
27 条评论
1561字数
分类：安全随笔

简介

2022-02-02：修改了下样式，在设置外观里直接加到自定义CSS即可~

#uptime .timeline i {
    margin: 0px 2px !important;
    border-radius: 10px;
}
#uptime .timeline i.ok { background: #6ed27b; }
#uptime .timeline i.down { background: #ce5350; }

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是否填写正确

版权属于：Naraku
本文链接：https://www.naraku.cn/posts/75.html
本站所有原创文章均采用知识共享署名-非商业-禁止演绎4.0国际许可证。如需转载请务必注明出处并保留原文链接，谢谢~

如果觉得我的文章对你有帮助，请我吃颗糖吧~

发表评论取消回复

评论 *

私密评论

名称 *

🎲

邮箱 *

地址

27 条评论

污梦
2021 年 05 月 20 日

8.2正式版更新了好兄弟 QAQ

回复
YQHP
2021 年 03 月 05 日

handsome8.1版本更新了,希望大佬等稳定版出了也更新插件,8.1用不了监测插件了

回复
1. Naraku
  2021 年 03 月 05 日
  
  @YQHP
  
  好的，到时候稳定版出来后会看一下~
  
  回复
桑 1
2020 年 12 月 25 日

博客共享网盘在哪呀怎么没看到

回复
1. Naraku
  2020 年 12 月 25 日
  
  @桑
  
  不好意思之前把网盘取消掉了，链接已更新：https://cdn.naraku.cn/Download/监控页stauts.zip
  
  回复
keaideo
2020 年 09 月 14 日

开启PJAX后需要刷新才能看到我该怎么解决呢

回复
1. Naraku
  2020 年 09 月 14 日
  
  @keaideo
  
  我这边也是开了PJAX的，没有配置其它地方，打开不需要刷新就能看到了哎。
  
  回复
  1. keaideo
    2020 年 09 月 14 日
    
    @Naraku
    
    那可能是主题问题吧我更新到了7.3.1
    
    回复
    
    Naraku
    2020 年 09 月 14 日
    
    @keaideo
    
    我也是呀
    
    回复
    
    liuli
    2021 年 09 月 04 日
    
    @Naraku
    
    你没放在页面内没触发Pjax啊，而且你这站点看着就不像开了Pjax。
    
    回复
    
    Naraku
    2021 年 09 月 13 日
    
    @liuli
    
    当时是开了的，后面关闭啦
    
    回复
XiaoMouz
2020 年 06 月 07 日

额...老哥网盘掉了吗？

回复
1. Naraku
  2020 年 06 月 11 日
  
  @XiaoMouz
  
  OAO之前手机看到评论，回到家忘了看。网盘那边改了URL的结构，所以原本的URL失效了，现在已经可以了。
  
  回复
我若为王
2020 年 04 月 24 日

这不是这个项目稍微改一下吗https://github.com/yb/uptime-status

回复
1. Naraku
  2020 年 04 月 24 日
  
  @我若为王
  
  嗯嗯是的呀，文章开头就说了是网上看到的模版。只是摘下来修修改改，弄成了适应Handsome独立页面的而已
  
  回复
akara
2020 年 04 月 20 日

就康康

回复
1. Naraku
  2020 年 04 月 20 日
  
  @akara
  
  欢迎
  
  回复
  1. akara
    2020 年 04 月 20 日
    
    @Naraku
    
    为什么我点击下载status.php404呢
    
    回复
    
    Naraku
    2020 年 04 月 20 日
    
    @akara
    
    路径写错了，现在好了
    
    回复
    
    akara
    2020 年 04 月 20 日
    
    @Naraku
    
    开了盒子模型PC页面会炸
    
    回复
    
    Naraku
    2020 年 04 月 20 日
    
    @akara
    
    还真是OAO改天有时间改改
    
    回复
    
    akara
    2020 年 04 月 20 日
    
    @Naraku
    
    我这边关掉盒子模型中间跟两边侧栏有很大空隙非常不好看，方便提供一下你魔改的css么，还是我主题设置没翻清楚
    
    回复
    
    Naraku
    2020 年 04 月 21 日
    
    @akara
    
    你想要的应该是这个CSS：
    /* 非盒子模式页面宽度 */
    .no-container #post-panel, .no-container .blog-posts { max-width: 100%; }
    
    回复
    
    Naraku
    2020 年 04 月 21 日
    
    @akara
    
    盒子模式这个问题搞定了~
    
    回复
    
    akara
    2020 年 04 月 21 日
    
    @Naraku
    
    为什么我从侧边栏进入这个页面不加载（进度条都不显示），而刷新一次就能加载 https://rsia.cn/196.html
    
    回复
    
    Naraku
    2020 年 04 月 21 日
    
    @akara
    
    刚看了一下，可以关闭Pjax，不知道是跟哪部分有冲突了。另外贵站左上角头像处跳转有点问题
    
    回复
    
    akara
    2020 年 04 月 21 日
    
    @Naraku
    
    谢谢提醒，迁移博客把这茬忘了
    
    回复

简介

添加监控

获取API

创建监控页面

发表评论 取消回复

27 条评论

发表评论取消回复