侧边栏壁纸
  • 累计撰写 27 篇文章
  • 累计创建 42 个标签
  • 累计收到 33 条评论

目 录CONTENT

文章目录

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

miykah
2023-12-07 / 1 评论 / 0 点赞 / 57 阅读 / 3108 字 / 正在检测是否收录...
温馨提示:
本文最后更新于 2023-12-11,若内容或图片失效,请留言反馈。部分素材来自网络,若不小心影响到您的利益,请联系我们删除。

先看效果

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 免费证书即可

0

评论区