效果图

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

准备工作：

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

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

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

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

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

添加网站到监控列表：

1. 打开UptimeRobot仪表盘点击上面old app（使用旧版应用程序）。

2. 点击Add New Mon itor添加监视器。完成后点击Create Monitor（创建监视器）。

3. 创建API密钥：鼠标移到右上角用户名点击My Settings（我的设置）。滑到最下面找到Read-Only API Key。

Github项目：

1. 创建好Github账号之后，点击uptime-status进入这个项目，然后复刻到自己的仓库。

2. 进入对应的文件修改成自己的内容。

   public/config.js

   src/components/app.js

   完成后提交。

Vercel部署项目：

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

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

3. 找到刚才在Github复刻的仓库名称，点击lmport，然后点击Deploy（部署）。等下十几秒出现撒花特效就部署成功了。

   
   

   

   

   

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

域名反向代理：

1. 进入vercel部署的项目名称选择一个域名并复制DNS记录。

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

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

4. 输入jk.taka.us.kg就不用代理也能打开监控站点了。（这样就完成了）