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:
  8. GoodBoyboy说道:
    Google Chrome Windows 10/11
    哟,翻好东西了,forked and starred
    1. 晓空说道:
      Google Chrome Windows 10/11
      :huaji23: 在?爆点金币?
      1. GoodBoyboy说道:
        Google Chrome Android 10
        给你金币爆烂(bushi :huaji16:
      2. GoodBoyboy说道:
        Google Chrome Android 10
        间歇性出现
        https://blog.moeworld.tech 2024-03-30T13:45:38+00:00 daily 1.0
        Error establishing a Redis connection
        Error while reading line from the server. [tcp://127.0.0.1:6379]

        WordPress is unable to establish a connection to Redis. This means that the connection information in your wp-config.php file are incorrect, or that the Redis server is not reachable.

        Is the correct Redis host and port set?
        Is the Redis server running?
        If you need help, please read the installation instructions.

        To disable Redis, delete the object-cache.php file in the /wp-content/ directory.
        1. 晓空说道:
          Google Chrome Windows 10/11
          :huaji14: 草,真给爆烂是吧(大雾)
          有点奇怪,难道是最近服务器有点撑不住负载了吗(x
          redis这边的缓存居然都要扛不住了
        2. 晓空说道:
          Google Chrome Windows 10/11
          :当场去世: 现在应该好了吧(?
          1. GoodBoyboy说道:
            Google Chrome Windows 10/11
            不知道诶,这个问题是间歇性出现的,很久之前就有了,不过出现次数不多也就没怎么注意,刚刚评论的时候又出现并且还把我评论吃了 :huaji16: 忍不了了(doge) 给你狠狠爆金币了老登 :huaji14:
    2. 晓空说道:
      Google Chrome Windows 10/11
      其实最近还修了一个别人的烂摊子
      你去我gh翻翻就能看到了,把某个报废了的网易云日文歌词注音插件修好了 :huaji13:
    3. 晓空说道:
      Google Chrome Windows 10/11
      我只能猜是服务器过载了,处理不过来,因为redis也没跑飞了 :lqy_question:
      缓存的最大等待时间是1秒,可能一秒钟内没处理完,然后程序以为redis寄了(实际没寄) :hxj_QuestionMark:
    4. 晓空说道:
      Google Chrome Windows 10/11
      不过一般来说,也不会把评论吃没吧,数据库又没炸(
      触发这个问题的时候一般,刷新一下还是能看到评论提交上去了的,不过还是得处理一下这个问题才行了

回复 晓空 取消回复

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