试了您的方法，很好用，但是不知道为什么在我这边,所有流量都变成了1T，另外背景图如果不想虚化，需要如何修改呢，我的探针中韩国的主机是不限流量的，后台设置的不限，懒猫云设置的是900GB，但是前端都是显示的1T，，探针地址：https://nezha.sdtec.eu.org/ ,烦请大佬有空能帮忙看看是哪边的问题，下图是警报规则截图：
@suancaiyu-123 #66 流量变为1T，是因为流量条参考的配置是警告规则那边，而不是各自节点配置那边（节点配置影响的是下方的备注）。需要配置多条不同的告警规则，然后使用服务器ID去匹配对应服务器 背景图虚化了是因为使用了下面配置 <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/ziwiwiz/nezha-ui@main/nezha-style.css"> 你可以单独只添加流量条的配置,然后自定义自己的css风格 /* 周期性流量进度条 */ <script> window.TrafficScriptConfig = { showTrafficStats: true, // 显示流量统计 insertAfter: true, // 如果开启总流量卡片, 放置在总流量卡片后面 interval: 60000, // 60秒刷新缓存, 单位毫秒 toggleInterval: 4000, // 4秒切换流量进度条右上角内容, 0秒不切换, 单位毫秒 duration: 500, // 缓进缓出切换时间, 单位毫秒 enableLog: false // 开启日志 }; </script> <script src="https://cdn.jsdelivr.net/gh/ziwiwiz/nezha-ui@main/traffic-progress.js"></script>
@ziwiwiz #67 不太懂编程，可否指点一下，能不能在<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/ziwiwiz/nezha-ui@main/nezha-style.css">这个里面改了，然后我本地自己引用，如果可以，需要修改哪些地方呢？ <meta name="referrer" content="no-referrer"> /* 自用的css格式 / / 自用的探针修改 / <script> window.CustomBackgroundImage = "https://q5.itc.cn/images01/20240220/21b0de319a3d4461ae521794a8f69f0b.jpeg"; / 页面背景图 / window.CustomMobileBackgroundImage = "https://img0.baidu.com/it/u=961342984,917254830&fm=253&app=138&f=JPEG?w=800&h=1735"; / 移动端页面背景图 / / 卡片显示上下行流量 / // window.ShowNetTransfer = "true"; / 关掉人物插图 / window.DisableAnimatedMan = "true"; / 自定义描述 / window.CustomDesc = "酸菜鱼鱼🐟"; </script> / 周期性流量进度条 */ <script> window.TrafficScriptConfig = { showTrafficStats: true, // 显示流量统计 insertAfter: true, // 如果开启总流量卡片, 放置在总流量卡片后面 interval: 60000, // 60秒刷新缓存, 单位毫秒 toggleInterval: 4000, // 4秒切换流量进度条右上角内容, 0秒不切换, 单位毫秒 duration: 500, // 缓进缓出切换时间, 单位毫秒 enableLog: false // 开启日志 }; </script> <script src="https://cdn.jsdelivr.net/gh/ziwiwiz/nezha-ui@main/traffic-progress.js"></script> 这么改好像就可以了
@良子本人胃袋这一块 #60 在我手机上能看到你的探针显示信息
@ziwiwiz #61 已经可以了大佬 可能是之前我没刷新的原因
感谢分享
感谢提供，学习了！
配置流量进度的前提 这里实在是不知道咋操作...搞不成功
试了您的方法，很好用，但是不知道为什么在我这边,所有流量都变成了1T
，另外背景图如果不想虚化，需要如何修改呢，我的探针中韩国的主机是不限流量的，后台设置的不限，懒猫云设置的是900GB，但是前端都是显示的1T，
，探针地址：https://nezha.sdtec.eu.org/ ,烦请大佬有空能帮忙看看是哪边的问题，下图是警报规则截图：
@suancaiyu-123 #66
你可以单独只添加流量条的配置,然后自定义自己的css风格
@ziwiwiz #67 不太懂编程，可否指点一下，能不能在<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/ziwiwiz/nezha-ui@main/nezha-style.css">这个里面改了，然后我本地自己引用，如果可以，需要修改哪些地方呢？
<meta name="referrer" content="no-referrer">
/* 自用的css格式 /
/ 自用的探针修改 /
<script>
window.CustomBackgroundImage = "https://q5.itc.cn/images01/20240220/21b0de319a3d4461ae521794a8f69f0b.jpeg"; / 页面背景图 /
window.CustomMobileBackgroundImage = "https://img0.baidu.com/it/u=961342984,917254830&fm=253&app=138&f=JPEG?w=800&h=1735"; / 移动端页面背景图 /
/ 卡片显示上下行流量 /
// window.ShowNetTransfer = "true";
/ 关掉人物插图 /
window.DisableAnimatedMan = "true";
/ 自定义描述 /
window.CustomDesc = "酸菜鱼鱼🐟";
</script>
/ 周期性流量进度条 */
<script>
window.TrafficScriptConfig = {
showTrafficStats: true, // 显示流量统计
insertAfter: true, // 如果开启总流量卡片, 放置在总流量卡片后面
interval: 60000, // 60秒刷新缓存, 单位毫秒
toggleInterval: 4000, // 4秒切换流量进度条右上角内容, 0秒不切换, 单位毫秒
duration: 500, // 缓进缓出切换时间, 单位毫秒
enableLog: false // 开启日志
};
</script>
<script src="https://cdn.jsdelivr.net/gh/ziwiwiz/nezha-ui@main/traffic-progress.js"></script>
这么改好像就可以了
佬，流量显示在哪吒V1（2.0.3）中已经失效惹，还会继续维护嘛？
@nowatanono #69 年后有空会适配的