# uptimeStatusRevise

**Repository Path**: xaiolu1314/uptimeStatusRevise

## Basic Information

- **Project Name**: uptimeStatusRevise
- **Description**: 即开即用-监控美化面板  📺 一个基于 UptimeRobot API 的在线状态面板 |站点监测 |状态检测 |基于 UptimeRobot API 的在线状态面板 |UptimeRobot、状态、站点
- **Primary Language**: JavaScript
- **License**: MIT
- **Default Branch**: main
- **Homepage**: https://status.xaiolu.top/
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2025-05-08
- **Last Updated**: 2025-05-08

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

uptimeStatusRevise 一个二次开发的监控美化面板

去我的博客学习吧：[小路文章](https://www.xn--yetq47i.top/archives/32.html)
一、效果
学习魔改的监控美化面板

我更新的Demo：https://status.xaiolu.top/

<figure><img fetchpriority="high" decoding="async"  src="https://www.xn--yetq47i.top/usr/uploads/2025/04/1789935416.png" alt=""></figure>

本项目演示目前托管于GitHub Pages中

魔改了什么呢
更换背景[原来的背景图si什么鬼丫∑(っ°Д°;)っ等压带气象分布图吗233]
添加半透明效果
请注意，原来的代码被原作者压缩过，经过本人测试，也请不要对代码进行格式化，否则可能会产生bug

二、食用方法
部署教程
克隆仓库
上传至您的服务器中（或者你也可以直接在第一步中克隆至服务器）
修改config.js配置文件

修改apikey为您的api接口

绑定网站域名，恭喜部署完成！
什么是apikey?
您可以前往uptimerobot的个人设置中获取您的api秘钥

这个秘钥可以用来访问您的监控数据

为了安全起见，申请个人应用只读模式全部列表即可

这要是还不会看下面，教你获取ApiKeys

------------

三、获取ApiKeys
1.点击uptimerobot官网：https://uptimerobot.com/


2.注册账号、或者登录上去

3.添加网站监测


4.填写你要监测的网站


5.点击api


6.复制api key备用


7.添加之前填写的网站


添加网站，api才能用.png


四、下载链接
下载我的源代码，去学习吧
2025学习Github地址：https://github.com/xaiolu/uptimeStatusRevise

外部链接
二修Github地址代码：https://github.com/KJZH001/uptimeStatusRevise

原项目的仓库地址：https://github.com/yb/uptime-status

其他

本二次开发主题为自用性质，关于定制和修改方面的问题请找自己动手或者联系原作者，因为我自己要的功能都已经加上去了

当然，如果你在使用方面有什么疑问也当然可以问我，不过我不能保证我一定能解答

此外如果有希望我进行修改的地方也可以在下方留言，当你的需求和我相同时我会进行修改，但不保证一定进行