前排提示

BaoTa Only BaoTa Only BaoTa Only
Handsome Only Handsome Only Handsome Only
目前仅支持宝塔面板以及Typecho的Handsome主题~

样式摘自Gordsky,自己一点一点复现的

食用教程

一Giao我里GiaoGiao
先下载status.php文件,修改第12行md5key(非常重要,不然别人可以看见你的服务器信息)
再丢入/usr/themes/handsome/下
然后添加一个独立页面,选择模板[服务器状态]
最后添加自定义字段

名 介绍 填写情况
bt_url 宝塔地址(要带上http和末尾/) *必填
bt_key 宝塔API的密匙 *必填
sweet_js 是否引用SweetAlert(如果已经引用,填1,没有就填0) *必填
file_url status.php的网址 *选填
ajax_time 数据刷新时间(最低1s,低于1s则为1s,为空则默认10s) *选填
ip_api IP信息API(IP.SB或为空默认)

设置演示图
刷新博客,进入新增的页面内,就可以看到效果啦!

发展历程

在Handsome主题群内看见一个大佬发出的站,一眼就相中了
然后群里另一个大佬在哪找宝塔API,开始写这个页面,但是没写成
最后就是我闷声发大财了,自己花了三四个小时写完了这个页面

更新
Ver-1.0.0 第一个粗糙的版本诞生了,感觉卡卡的
Ver-1.0.1 发现同一个API请求了两次,还不同步,优化成一次请求,同时优化了几个小地方
Ver-1.0.2 刷新速度太快了,我这小水管鸡扛不住,10s刷新一次数据,js里自己可以改(源码785行10*1000,改为自己想要的时间)
Ver-1.0.3 加入自定义刷新速度,最低1s,低于1s则为1s,为空则默认10s
Ver-1.0.4 加入获取IP信息的API选择,目前仅有IP.SB和IP-API.COM两种,为空默认后者
Ver-1.0.5 加入了报错弹窗和加载中弹窗,现在可以看见状态获取失败的原因了

演示图

正常
失败
加载

详细可前往本站 [页面->服务器状态] 查看

Last modification:March 29th, 2020 at 05:54 pm
如果觉得我的文章对你有用,请随意赞赏