演示：安小歪的网站状态

首先要在uptimerobot注册一个账号，然后到邮箱去激活就好了。


然后到 UptimeRobot ，在 My Settings 页面你可以添加多种接受通知的方式


接下来需要先到 UptimeRobot 添加站点监控，并在 My Settings 页面获取 API Key（免费账户只能监测HEAD，可以添加多个监测的站点和服务）


创建好以后就是这样子的

复用这个项目

1.fork 一份到你的 github 账号下GitHub
2.修改配置文件：public/config.js
3.fork完成之后部署到vercel（注意这里部署类型选择other）


4.这里需要给vercel解析一个域名（因为vercel的提供的域名被墙了）这里以cloudflare为例

然后打开vercel添加域名



5.域名解析成功以后打开uptimerobot添加api（uptimerobot提供3种api这里推荐第二个api）


复制api然后到你刚刚fork仓库的public/config.js修改api


最后就完成了！就可以引入到blog页面了

还有一种方案使用cloudflare部署的需要fork这个项目GitHub
具体教程参考这里cloudflare部署