是一个基于 UptimeRobot API 开发的站点状态监控面板,支持多站点状态监控、实时通知、故障统计等功能。界面简洁美观,响应式设计,支持亮暗主题切换。

腾讯云 EdgeOne Pages部署教程:

 部署配置

获取 UptimeRobot API Key

  1. 注册/登录 UptimeRobot
  2. 进入 Integrations & API
  3. Monitoring里面,也就是侧边栏第一个选项,点击蓝色按钮New,添加一个监测
  4. 再点Integrations & API 里面又一个侧栏,点最后一个API,点里面的Read-only API key后面的加号按钮创建key
  5. 复制生成的 API Key

前往官方Git仓库 JLinMr/Uptime-Status: 优雅的站点状态监控面板 然后点Fork 拉取一份上面仓库

进入腾讯云EdgeOne Pages操作界面,点击Pages创建项目选择导入Git仓库,在里边绑定你的Git账户,就会出现你拉取的各种仓库,你就会看见你拉取的Uptime-Status仓库,然后选择它

选择完后 构建项目里边的构建设置框架预设 选择Vue,构建命令填写pnpm build

环境变量填写:把这个里面的配置复制一下: Uptime-Status/ env 配置,然后粘贴在环境变量的变量名里边就会自动识别,然后对应输入框编辑一下即可

输入框里的VITE_UPTIMEROBOT_API_KEY对应框,填写你在开头获取到的key即可

原配置写的是:VITE_UPTIMEROBOT_API_KEY = "ur2290572-af4663a4e3f83be26119abbe"

把原配置的ur2290572-af4663a4e3f83be26119abbe替换成你的key

接下来就可以开始部署了,剩下的就是绑定域名的操作了,都有提示

教程结束