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

打捞一下之前自己魔改的监控美化面板2333

说起来好像也好久没更新了的说= =...
但是最近也真的没什么好写的啊...........

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

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

魔改了什么呢

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

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

食用方法

部署教程

  1. 克隆仓库
  2. 上传至您的服务器中(或者你也可以直接在第一步中克隆至服务器)
  3. 修改config.js配置文件
  4. 修改apikey为您的api接口
  5. 绑定网站域名,恭喜部署完成!

什么是apikey?

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

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

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

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

获取uptimeStatusRevise

求个Star,求个Fork啊

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

其他

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

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

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

点赞
  1. 凡尘说道:
    WebView Android 9
    哎呀,感谢教程,就是看的不太懂
    1. 晓空说道:
      QQbrowser Windows 7
      emmn...看不懂的具体指的是哪里呢 :kuanghan: 而且这个应该也没什么难度的吧?申请个接口然后把源码克隆走就好了呀 :huaji19:
  2. 记忆说道:
    Google Chrome Windows 7
    我啥都改好了 就只显示一张背景图???
    1. 晓空说道:
      QQbrowser Windows 7
      请你自行检查配置是否出现问题还有是否对代码的压缩动了什么 我用的和开源的版本一模一样,如果这是个个例问题那我也没办法 而且出了问题你就不能去Console里翻一下报错吗? 最后,下次来问问题麻烦语气请好一点,不是谁都能习惯能顶着你这种语气来来回答你的问题的
  3. 轻风记说道:
    Google Chrome Windows 10/11
    偶然路过,评论区头像挂了及时修复
    1. 晓空说道:
      QQbrowser Windows 7
      这个看起来似乎是镜像服务器的问题,好像是因为跨域调用chrome拒绝加载了= = 因为我平时不用chrome,所以你不说我还不知道,有空了修下看看 :huaji12:
  4. 轻风记说道:
    Google Chrome Windows 10/11
    搭建出来以后一直在转圈圈是哪里的问题
    1. 晓空说道:
      QQbrowser Windows 7
      这又回到了经典的跨域调用问题了( uptime蜜汁操作,从去年年底开始把允许跨域的header给去了 目前我还没去修,不过可以给你个思路试试 如果有自己的服务器的话,用自己的服务器去请求uptime的api,然后在回传到浏览器的时候把允许跨域的header给加回去
      1. Meteor说道:
        Google Chrome Windows 10/11
        已经搞定了
        1. 晓空说道:
          QQbrowser Windows 7
          嗯,搞定了就好 你使用什么办法解决的呢?还是说和我的那个一样是靠转发请求呢 :huaji14:
          1. Meteor说道:
            Google Chrome Windows 10/11
            我直接换了一套源码
    2. 晓空说道:
      QQbrowser Windows 7
      好吧
      1. Meteor说道:
        Google Chrome Windows 10/11
        给给成友链监控了https://www.3328bk.cn/1124
  5. I说道:
    WebView Android 10
    那个背景图,我可以DIY嘛,在哪里改,大佬。
    1. 晓空说道:
      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自负 :huaji14:
  6. yuesekaer说道:
    Google Chrome Windows 10/11
    配置好了,一直转圈,麻了
    1. 晓空说道:
      QQbrowser Windows 7
      这边建议把浏览器控制台拉出来看看报错
      我这边就是直接github pages,代码和你们从github上pull下来的是完全相同的,如果我的能正常打开的话那么就应该是你那边有些东西改坏掉了
      1. yuesekaer说道:
        Google Chrome Windows 10/11
        解决了,用Read-Only API Key就行了
  7. Observer说道:
    Chrome iPad iOS 16.5
    ~~这条评论和文章内容好像没啥关系~~
    那个黑条用md怎么写啊
    1. 晓空说道:
      Google Chrome Windows 10/11
      因为我这边根本就用的不是md :hxj_IGotIt:
      至于怎么实现,站内有文章,自己翻下归档引索或者站点地图吧 :huaji8:

回复 记忆 取消回复

电子邮件地址不会被公开。必填项已用 * 标注