修正 config.js 文件
SiteName
要显示的网站名称
ApiKeys
从 UptimeRobot 获取的 API Key
CountDays
要显示的日志天数，建议 60 或 90，显示效果比较好
ShowLink
是否显示站点链接
Navi
导航栏的菜单列表
3️⃣ 支配前端到vercel（可选）Vercel创建新项目：https://vercel.com/new选择 Import Third-Party Git Repository输入Uptime-Status项目地址：https://github.com/yb/uptime-status，然后选择 Continue在 Create Git Repository 输入新建仓库名字，此时 Github 就会自动同步创建一个 uptime-status 项目仓库点击 Create在 Create a Team 选择 Skip 然后 vercel 就会自动完成支配修正 public/config.js 文件SiteName
要显示的网站名称
ApiKeys
从 UptimeRobot 获取的 API Key
CountDays
要显示的日志天数，建议 60 或 90，显示效果比较好
ShowLink
是否显示站点链接
Navi
导航栏的菜单列表
提交修正后就会触发 vercel 的自动构建，等待构建完成，打开 vercel 默认分配给你的域名就可以瞥见自己网页的状态拉！4️⃣ 支配前端到 Cloudflare Workers（可选）复制官方代码
const handleRequest = async ({ request }) => {let url = new URL(request.url);let response = await fetch('https://api.uptimerobot.com' + url.pathname, request);response = new Response(response.body, response);response.headers.set('Access-Control-Allow-Origin', '');response.headers.set('Access-Control-Allow-Methods', '');response.headers.set('Access-Control-Allow-Credentials', 'true');response.headers.set('Access-Control-Allow-Headers', 'Content-Type,Access-Token');response.headers.set('Access-Control-Expose-Headers', '');return response;}addEventListener('fetch', (event) => {event.respondWith(handleRequest(event));});
创建 Worker 实例将代码复制进脚本编辑区，复制完成后点击保存并支配，然后复制子域为.workers.dev 的 URL
更换默认的 API
回到面板文件目录，修正 config.js 中的 ApiDomian 为上一步复制的 Worker 域名。
5️⃣ Hexo博客支配创建页面运行 hexo new page status 命令，创建 status 页面
hexo new page status
变动_congig.yml文件为了防止 Hexo 会把status文件里的 index.md 渲染成 index.html
在 skip_render 选项添加 - "status/"
skip_render:- "status/"
再通过 Hexo 上传至 Github，他将不会渲染这个文件夹下面的所有项目，直接上传至目的位置
复制文件把你下载好的 release 文件放在 status 文件夹中，运行 Hexo 3连命令
hexo cl && hexo g && hexo s
开启本地浏览后，你会创造网页一片空缺，这是由于没有在 index.html 中精确设置，你须要在你的 index.html 中修正一下内容
<script defer="defer" src="static/js/yourname.js"></script><link rel="stylesheet" href="/static/css/yourname.css">
修正config.js 文件SiteName
要显示的网站名称
ApiKeys
从 UptimeRobot 获取的 API Key
CountDays
要显示的日志天数，建议 60 或 90，显示效果比较好
ShowLink
是否显示站点链接
Navi
导航栏的菜单列表
hexo cl && hexo g && hexo d
在上传完成后，此时访问你的目标网站，该当就可以显示出正常的页面了
6️⃣ 文章总结通过本文的先容，您该当已经学会了如何利用Uptime-Status面板来监控您的网站。Uptime-Status是一款功能强大且易于利用的网站监控工具，相信它会成为您网站运维事情的得力助手。祝您利用愉快！
同时也感谢您阅读我的文章！
如果您以为这篇文章对您有所帮助，欢迎收藏转发和分享。如果您有任何想法和建议，请随时在评论区留言。您的反馈对我来说非常主要，我会负责谛听并不断改进我的文章内容。同时，如果您想第一韶光获取我的最新文章和动态，您还可以搜索关注我的博客或公众年夜众号。再次感谢您的支持和关注，期待与您在未来的文章中再次相遇！
