可能大家都见过某些网站会有一个监控页面，主要是监视它站点的机房的稳定性以及可用性，今天上手体验这个感觉还不错的站点监控源码。

正文开始

1 申请账号

源码基于 UptimeRobot 的 API 接口进行实现，所以我们要拥有一个账号，才可以进行下面步骤

进入官网uptimerobot.com 进行注册

添加监控的网站或者 IP 地址，免费版可以监控 50 个站点

在设置里，申请 API

2 下载源码

来自 github 的开源项目，拥有上千 Star，界面什么的都直接写好了，我们只需简单修改配置就可以完成，零代码的小白也会操作。

下载地址：
https://github.com/yb/uptime-status

因为 github 上面的代码未经过编译的源码，无法直接运行，可以下载编译后的代码包

3 修改配置

在源码里面找到文件config.js按照实际情况进行填写，主要是把你申请的 API key 替换掉，搞定后保存

4 上线发布

在你的服务器上新建一个站点，将第 3 步修改后的代码，上传到服务器，纯静态页面就行，效果如图所示。

可能你是新站点，数据没有这么多，不过也代表成功啦！