hexo-友联监控


Matery主题添加友链监测页面

效果

演示网址:传送门

图标皆来自 Font Awesome 中文网 如有更好推荐,欢迎留言

有免费版也有付费版,以下只针对免费版。

简介

  • Uptime Robot是一个网站监控服务,每 5 分钟检查一次你设定的网站 或服务器,最多可以免费检查 50 个网站。
  • 如果你的网站或者服务器宕机时,Uptime Robot会通过邮件提醒你。
  • 有多种监控方式、支持自定义域名

使用

  1. 访问官网,注册账号 : 传送门

  2. 注册账号

  3. 添加监视器。点击add new monitor

    有四种监控方式,分别为Http(s)**、**PingPortKeyword,在这里我选择Http(s)来监控我的网站,选择Ping来监控我的服务器。Port一般用于VPS监控。

    勾选“Alert Contacts To Notify“会有邮箱提醒。

    若想添加本博客同款,至此请继续阅读Matery模板

  4. 打开公共状态页。

    点击上方**My Settings,选择右下角Add Public Status Pages。填写名称,以及Logo以及自定义域名**和是否设置密码。

    自定义域名我是用的 bkjw.rogn.top,还得去域名控制台添加一下解析信息,记录类型为CNAME,记录值为stats.uptimerobot.com

    虽然我没有用它自动生成的页面,但不排除会有需要的

Matery模板

新建页面

hexo new page supervise

修改supervise目录下的index.md的格式

---
title: supervise
type: "supervise"
layout: "supervise"
date: 2020-12-07 13:04:17
---

在主题配置文件中添加导航

  友链监测:
    url: /supervise
    icon: fa fa-desktop

添加supervise.ejs

matery/layout 下新建 supervise.ejs


<%- partial('_partial/bg-cover') %>
    
  友链状态监测
本页面是友情链接状态监控,展示了全部链接的当前运行状态。

各友情链接当前状态
距离下次监测刷新时间:

引入JS文件

  1. 下载JS文件

    mustache.min.js

    upscuits.js

  2. 新建JS文件

    配置JS文件中 uptimerobot.js 内容

    var __apiKeys = [
        'xxxxxxxxxx',// API 1
        'xxxxxxxxxx'// API 2
    ];
    //https://uptimerobot.com/ 设置要监控的域名或者ip 获取到key
    
    // refresh interval (in seconds 暂定五分钟)
    var __refresh = 300;
    

获取API

将API复制到uptimerobot.js 中即可


文章作者: 卢慧军
版权声明: 本博客所有文章除特別声明外,均采用 CC BY 4.0 许可协议。转载请注明来源 卢慧军 !
📣 评论
  目录
小程序