效果图

UptimeRobot是国外的一个网站监控服务，添加网站到监控列表之后，可以24小时监控网站的运行状态，当网站无法访问时会立即通知用户。该服务提供了免费和付费两个版本，免费版的服务是5分钟检测一次（用免费版即可）

• 免费提供 50 台显示器

• 20+ 集成

• 实时警报、网络和移动设备

公共状态页面

准备工作：

1. 进入UptimeRobot官网用邮箱注册一个免费账号：点击进入

2. 注册一个github账号：点击进入

3. 一个vercel账号：可以选择直接用github账号登录

4. 注册一个cloudflare账号：点击进入

5. 拥有一个域名绑定到cloudflare。（可以查看这篇文章：免费获取一个二级域名并绑定到cloudflare）

添加网站到监控列表：

1. 注册完成后进入UptimeRobot仪表盘点击上面的New monitor（添加新监视器）。

2. 填写上面4项其他保持默认，完成后点击Create Monitor（创建监视器）。

3. 创建API密钥：控制面板左边点击Integrations & API→API→选择Read-only API key创建密钥。

Github项目：

1. 创建好Github账号之后，点击Uptime-Status-2进入这个项目，右上角复刻到自己的仓库。

2. 仓库找到复刻好的项目进入对应的文件修改成自己的内容。进入.env修改文件填写刚才获取的key和网站名称，进入index.html文件修改白天和夜晚的背景图片地址。

   

   

   完成后提交。

Vercel部署项目：

1. 点击进入vercel网站，选择Github登录。

2. 在仪表盘中找到Add New（添加），选择Project（项目）。

3. 找到刚才在Github复刻的仓库名称，点击lmport，然后点击Deploying（部署）。等待十几秒就可以了。

   

   

由于vercel提供的域名被封杀了，没有代理是进不去的，所有我们要用域名来指向它。

域名反向代理：

1. 进入vercel部署的项目名称点击Add Domain添加一个域名并复制DNS记录。

2. 打开Cloudflare把您的 SSL/TLS 加密模式为 完全。

3. 添加一个CNAME记录并保存。

4. 等待一分钟输入你的域名就不用代理也能打开监控站点了。（这样就完成了）