uptimerobot+vercel 友链监控

xyx4042024-10-192024-10-19

效果见本博客友链，链接跳转。

注册，添加站点和获取 API

注册

进入 uptimerobot 官网点击 Register for FREE 然后按照网站给出的教程注册。

添加站点

进入点击跳转，点击 New monitor，在只有 https:// 里复制上你要监控的网站的链接，如复制成功下面应该会出现 Rename，点击可以修改此站点名字，修改完后点击 Create monitor 就添加好了。

在创建后要过会才会更新。

获取 API

打开链接，点击 API 点击在 Read-only API key 后面的 Create 把它记下来，或者以后出现回到这个页面查看。

搭建站点

可以使用 github 或者 vercel 本文使用 vercel。

注意 vercel 请不要使用浏览器自带的翻译。

进入 vercel，请自行注册官网跳转，点击 Add New 然后点击 Project，之后点击 Continue with GitHub，github 账号请自行注册，点击 Import Third-Party Git Repository，输入链接 https://github.com/imsyy/site-status，在 Repository Name 里输入名字，我这里输 friendlinkcheck，然后点继续，接着等待它部署完，部署完后打开链接然后点击刚刚创建的或通过链接 https://vercel.com/你的名字s-projects/刚刚 Repository Name 里输入的名字，如我的是 https://vercel.com/xyx404s-projects/friendlinkcheck，进去后点击 Repository，然后就可以进入 github 里的仓库。

进入仓库后，点击 .env 文件，然后点击像笔的图标(编辑图标)，将代码改为下面形式(加 *** 的要自己填)：

# 全局 API 地址
# 由于官网可能会有 CORS 跨域问题，可使用反代来解决（请自行搭建）
VITE_GLOBAL_API = "https://api.uptimerobot.com/v2/getMonitors" # 官网接口
#VITE_GLOBAL_API = "https://cors.status.org.cn/uptimerobot/v2/getMonitors" # 第三方反代

# UptimeRobot Api Keys
VITE_API_KEY = "***你的 Read-only API key"

# 站点信息
VITE_SITE_NAME = "***站点名字"
VITE_SITE_KEYWORDS = "站点监测,监测,监控"
VITE_SITE_DES = "一个简约的站点监测"

# ICP 备案
## 若不需要可不填
VITE_SITE_ICP = ""

# 日志天数
VITE_COUNT_DAYS = 90

# 站点链接外显
VITE_SHOW_LINKS = true

# GitHub 链接
VITE_GITHUB_NAME = "*** 你的github名字"

# 主页链接
VITE_HOME_URL = "*** 主页链接"

# 邮箱地址
VITE_EMAIL_URL = "*** 你的邮箱"

# 根据网站名称（friendly_name）排序，使用逗号分隔
VITE_SITE_SORT = "主页,今日热榜,ruoxijun.uk"

修改后保存修改。

之后回到 vercel 点击 Deployments 可以查看最新的部署状态，当最新的部署状态变为 Ready 时点击 Project 可以看见网站状态。

但是现在还不能用 vercel 自动给你分配的域名在 Project 的 Domains 可以看到，点击后访问不了，因为 vercel.app 在国内被墙了。

可以使用自定义域名。

自定义域名

域名申请推荐申请 us.kg 域名

注册教程可以看。

自定义域名

在 vercel 里创建的友链监控里点击 Settings 然后点击 Domains 在框内输入你申请的域名，点 Add，等待一会，发现页面变了，点击 Nameservers，然后点击 Enable Vercel DNS，返回注册域名的地方，点击 My Domains，点击你添加的域名，在 Name Server 1 里填入第一个链接，在 Name Server 2 里填入第二个链接，点击 Update，然后等等就行了，他会自动给你分配证书，每个人等待时间不同，长的几天，短的几分钟。

你的域名下面变成全√的后就可以进入域名查看效果了。