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

2020年8月27日 20条评论 13.39k次阅读 6人点赞晓空

打捞一下之前自己魔改的监控美化面板2333
说起来好像也好久没更新了的说= =...
但是最近也真的没什么好写的啊...........

Demo：https://status.moeworld.top/

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

魔改了什么呢

更换背景[原来的背景图si什么鬼丫∑(っ°Д°;)っ等压带气象分布图吗233]
添加半透明效果

请注意，原来的代码被原作者压缩过，经过本人测试，也请不要对代码进行格式化，否则可能会产生bug

食用方法

部署教程

克隆仓库
上传至您的服务器中（或者你也可以直接在第一步中克隆至服务器）
修改config.js配置文件
修改apikey为您的api接口
绑定网站域名，恭喜部署完成！

什么是apikey?

您可以前往uptimerobot的个人设置中获取您的api秘钥

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

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

这要是还不会就别用了吧←_←

获取uptimeStatusRevise

求个Star，求个Fork啊 uptimeStatusRevise 一个二次开发的监控美化面板插图1

Github地址：https://github.com/KJZH001/uptimeStatusRevise

Gitee地址：https://gitee.com/rcraft/uptimeStatusRevise

~~Gitedw地址：http://server.rcraft.ml:30004/KJZH001/uptimeStatusRevise~~（已经弃用）

外部链接

原项目的介绍（这个好像也不是原作者自己写的233= =）：

https://www.vpsmm.com/uptime-status.html

原项目的仓库地址：

https://github.com/yb/uptime-status

其他

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

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

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

本作品采用知识共享署名-相同方式共享 4.0 国际许可协议进行许可

凡尘说道：

2020年9月6日上午8:36

WebView Android 9
哎呀，感谢教程，就是看的不太懂
回复
1. 晓空说道：
  
  2020年9月6日上午9:53
  
  QQbrowser Windows 7
  emmn...看不懂的具体指的是哪里呢而且这个应该也没什么难度的吧？申请个接口然后把源码克隆走就好了呀
  回复
记忆说道：

2020年11月10日上午3:50

Google Chrome Windows 7
我啥都改好了就只显示一张背景图？？？
回复
1. 晓空说道：
  
  2020年11月15日下午1:57
  
  QQbrowser Windows 7
  请你自行检查配置是否出现问题还有是否对代码的压缩动了什么我用的和开源的版本一模一样，如果这是个个例问题那我也没办法而且出了问题你就不能去Console里翻一下报错吗？最后，下次来问问题麻烦语气请好一点，不是谁都能习惯能顶着你这种语气来来回答你的问题的
  回复
轻风记说道：

2021年3月1日下午4:08

Google Chrome Windows 10
偶然路过，评论区头像挂了及时修复
回复
1. 晓空说道：
  
  2021年3月13日上午10:34
  
  QQbrowser Windows 7
  这个看起来似乎是镜像服务器的问题，好像是因为跨域调用chrome拒绝加载了= = 因为我平时不用chrome，所以你不说我还不知道，有空了修下看看
  回复
轻风记说道：

2021年3月2日下午6:37

Google Chrome Windows 10
搭建出来以后一直在转圈圈是哪里的问题
回复
1. 晓空说道：
  
  2021年3月13日上午10:37
  
  QQbrowser Windows 7
  这又回到了经典的跨域调用问题了( uptime蜜汁操作，从去年年底开始把允许跨域的header给去了目前我还没去修，不过可以给你个思路试试如果有自己的服务器的话，用自己的服务器去请求uptime的api，然后在回传到浏览器的时候把允许跨域的header给加回去
  回复
  1. Meteor说道：
    
    2021年3月13日上午10:49
    
    Google Chrome Windows 10
    已经搞定了
    回复
    1. 晓空说道：
      
      2021年3月13日上午10:51
      
      QQbrowser Windows 7
      嗯，搞定了就好你使用什么办法解决的呢？还是说和我的那个一样是靠转发请求呢
      回复
      1. Meteor说道：
        
        2021年3月13日上午10:53
        
        Google Chrome Windows 10
        我直接换了一套源码
2. 晓空说道：
  
  2021年3月13日上午10:57
  
  QQbrowser Windows 7
  好吧
  回复
  1. Meteor说道：
    
    2021年3月13日上午11:00
    
    Google Chrome Windows 10
    给给成友链监控了https://www.3328bk.cn/1124
    回复
I说道：

2021年3月5日下午6:46

WebView Android 10
那个背景图，我可以DIY嘛，在哪里改，大佬。
回复
1. 晓空说道：
  
  2021年3月13日上午10:32
  
  QQbrowser Windows 7
  /static/css/main.9d11a12e.css：1 url(https://cdn.jsdelivr.net/gh/KJZH001/For_PicGO@master/jsDelivr_static_files/img/large/20200818203436.jpg) 位置在这里 css千万不要解压缩，否则bug自负
  回复
yuesekaer说道：

2022年4月7日上午11:46

Google Chrome Windows 10
配置好了，一直转圈，麻了
回复
1. 晓空说道：
  
  2022年4月8日下午6:35
  
  QQbrowser Windows 7
  这边建议把浏览器控制台拉出来看看报错
  我这边就是直接github pages，代码和你们从github上pull下来的是完全相同的，如果我的能正常打开的话那么就应该是你那边有些东西改坏掉了
  回复
  1. yuesekaer说道：
    
    2022年4月8日下午6:41
    
    Google Chrome Windows 10
    解决了，用Read-Only API Key就行了
    回复
Observer说道：

2023年7月20日下午11:49

Chrome iPad iOS 16.5
~~这条评论和文章内容好像没啥关系~~
那个黑条用md怎么写啊
回复
1. 晓空说道：
  
  2023年7月21日上午10:30
  
  Google Chrome Windows 10
  因为我这边根本就用的不是md
  至于怎么实现，站内有文章，自己翻下归档引索或者站点地图吧
  回复

空域

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

魔改了什么呢

食用方法

部署教程

什么是apikey?

获取uptimeStatusRevise

外部链接

本作品采用知识共享署名-相同方式共享 4.0 国际许可协议进行许可

向Meteor进行回复取消回复

空域

魔改了什么呢

食用方法

部署教程

什么是apikey?

获取uptimeStatusRevise

外部链接

本作品采用 知识共享署名-相同方式共享 4.0 国际许可协议 进行许可

向Meteor进行回复 取消回复

本作品采用知识共享署名-相同方式共享 4.0 国际许可协议进行许可

向Meteor进行回复取消回复