部署 Site Status 实现网站可用性监测

gomkiri 发布于 2025-11-11 67 次阅读

AI 摘要

想实时监测网站可用性？只需UptimeRobot免费计划+Site Status，三步搭建专属监控页面。从获取API密钥到Cloudflare部署，手把手教你打造永不掉线的监测系统。

UptimeRobot 是一个站点运维工具，可以去检测站点运行状态（Free）和其他高级功能（Pro），本次实践是使用他的免费计划配合 Site Status 和 cloudflare 部署一个网站可用行监测页面。

前置

注册一个 UptimeRobot 并添加一个站点监控，然后在 API 管理页面获取一个类型为Read-Only API Key 的 apikey。

部署

  1. Fork 一份 Site Statrus
  2. 进入 Cloudflare Pages
  3. 在 Pages 中创建从已有仓库导入（第一次需要连接到 Git）
  4. 绑定 Github 账号后，选择刚刚 Fork 仓库，点击开始设置
  5. 在设置构建和部署页面中，框架预设选择 Nuxt.js（有的教程选的 React，不行！会报错！）
  6. 在下方的环境变量（高级）中添加一个API KEY，并将提前准备的 apikey 填入。
    • 补充：其实可选配置可以参考文件根目录下的.env.example
  7. 点击开始保存，不出意外就可以看到：Success: Your site was deployed!了

解析

我们还可以添加通过自定义域来绑定自己的域名，这一步引导性还是很强的，也没有什么坑点，简单记录下：

  1. 选项位置：(侧选栏）Workers 和 Pages --> 刚刚部署的项目 --> 自定义域 --> 设置自定义域
  2. 输入我们的域名（经过实测，就算我们的域名没有托管在 cf ,也可以解析并可达，但是不能在不通过 cf 的设置而直接解析 CNAME ，会报 1001）
  3. 去我们的域名 DNS 服务商完成指定解析，完成。

📂所属分类：博客 📅 发布于 2025年11月11日 12:54