使用开源项目uptime-status部署自己的站点监控页面

先看效果

UptimeRobot 创建监视器

uptime-status 是一个基于 UptimeRobot API 的在线状态面板，我们需要先去 UptimeRobot 注册账号，然后创建监视器来监控我们的站点或服务器。

注册 UptimeRobot 账号

略

创建监视器

针对要监控的每一个网站或服务器，可以创建一个监视器。

获取 API Keys

右上角个人设置中，找到 API Keys，可以创建 key。

uptime-status 支持 Monitor-Specific 和 Read-Only模式。Monitor-Specific 需要对每一个监视器都创建 key， 我使用了 Read-Only 的 API key

宝塔部署 uptime-status

创建站点

然后将站点根目录下生成的东西删除。

部署 uptime-status

项目地址：https://github.com/yb/uptime-status

在 Releases 中直接下载 .zip 压缩文件，上传到站点目录，并解压。

打开 config.js 文件配置：

window.Config = {

  // 显示标题
  SiteName: '站点监控',

  // UptimeRobot Api Keys
  // 支持 Monitor-Specific 和 Read-Only
  ApiKeys: [
    'ur2392057-xxxxxxxxxxxxxxx', 
  ],

  // 日志天数
  CountDays: 90,

  // 是否显示检测站点的链接
  ShowLink: true,

  // 导航栏菜单
  Navi: [
    {
      text: 'GitHub',
      url: 'https://github.com/yb/uptime-status'
    },
    {
      text: 'Blog',
      url: 'https://blog.miykah.top/'
    },
  ],
};

SSL

申请 Let's Encrypt 免费证书即可