🌌 Komari Glassmorphism v3.1.0｜节点详情页进化完成 ✨
🔗 GitHub
https://github.com/sanrokamlan-prog/komari-theme-Glassmorphism📦 Releases
https://github.com/sanrokamlan-prog/komari-theme-Glassmorphism/releases
使用 Komari 探针面板的朋友，应该不少都见过这套毛玻璃风格主题。
这次更新正式进入 v3.1.0。
如果之前版本主要优化首页体验，那么这一版的重点就是：
全面升级
/instance/节点详情页，让它从展示页面变成真正可用的监控面板。
✨ v3.1.0 更新内容
🧩 节点详情页全面升级
本次同步适配新版 Komari / komari-web Metric 能力，对节点详情页监控能力进行了完整整理。
| 分类 | 支持指标 |
|---|---|
| 💻 CPU | CPU、Load、Processes |
| 💾 存储 | Disk、Disk Total |
| 🧠 内存 | RAM、RAM Total、Swap、Swap Total |
| 🚀 GPU | GPU、GPU Device、GPU Memory、GPU Memory Total、GPU Temperature |
| 🌐 网络流量 | Download、Upload、Traffic Download、Traffic Upload、Total Download、Total Upload |
| 📡 网络质量 | Ping、Packet Loss、TCP、UDP |
| 🌡️ 环境状态 | Temperature |
不只是简单增加指标，而是按照实际监控场景重新整理展示结构，减少无意义的信息堆叠。
🎨 详情页自定义能力增强
详情页支持更加灵活的配置方式。
| 功能 | 状态 |
|---|---|
| 概览卡预设 | ✅ |
| 图表预设 | ✅ |
| 英文 Key 自定义 | ✅ |
| 逗号解析 | ✅ |
| 空格解析 | ✅ |
| 换行解析 | ✅ |
| Help Key 说明 | ✅ |
推荐配置方向
| 类型 | 适合场景 |
|---|---|
| 🖥️ Resource | CPU / 内存 / 磁盘资源监控 |
| 🌐 Network | Ping / 网络质量分析 |
| 🚀 GPU | GPU 计算节点 |
| 📈 Full | 完整监控面板 |
| 🎯 Simple | 简洁展示 |
📐 详情页布局优化
重新设计详情页信息层级。
| 优化方向 | 改进内容 |
|---|---|
| 信息展示 | 重点数据更加集中 |
| 顶部概览 | 减少空白，更紧凑 |
| 图表布局 | 分类更加清晰 |
| 页面响应 | 适配 PC / 平板 / 移动端 |
| 整体体验 | 更接近监控驾驶舱 |
📈 Metric 接口升级
底层逻辑全面适配新版 Metric，同时保留旧版本兼容。
Component
↓
Composable
↓
Service
↓
RequestManager / CacheService
↓
API / RPC
| 项目 | 状态 |
|---|---|
| public:getPingMetricStats | ✅ |
| public:queryMetrics | ✅ |
| common:getRecords | ✅ Fallback |
| 新旧接口兼容 | ✅ |
| Metric Null 数据处理 | ✅ |
数据获取逻辑
新版接口存在数据
↓
优先使用 Metric API
↓
无数据或不可用
↓
自动切换旧接口
↓
保持正常展示
新版能力优先使用，旧版本后端继续保持兼容。
📶 Ping 模块增强
针对 Ping 监控进行了专项优化。
| 优化项目 | 状态 |
|---|---|
| Null 点不再误判丢包 | ✅ |
| 新 Metric 支持 | ✅ |
| 旧接口 Fallback | ✅ |
| 自定义时间范围 | ✅ |
| 任意时间段查询 | ✅ |
适用于：
- 网络抖动分析
- 短时间丢包排查
- 特定时间异常定位
⚙️ 设置页面重构
随着功能增加，设置页面进行了重新整理。
| 优化内容 | 说明 |
|---|---|
| 分类管理 | 设置结构更清晰 |
| Key 配置 | 使用英文输入 |
| 编辑体验 | 支持多行复制整理 |
| Help | 增加完整说明 |
| 页面布局 | 减少拥挤 |
目标：
普通用户简单使用，高级用户自由配置。
📱 WebKit / iOS 兼容优化
针对旧版浏览器环境增加兼容处理。
| 平台 | 状态 |
|---|---|
| Safari | ✅ |
| WebKit | ✅ |
| 老版本 iOS | ✅ |
| 自动降级 | ✅ |
优化内容：
- 毛玻璃效果自动降级
- 避免样式异常
- 保证基础功能可用
🧰 v3 系列特色功能
首页高级工具
| 功能 | 说明 |
|---|---|
| 🗺️ 拓扑分析 | 根据 ASN / 服务商 / 标签分析节点关系 |
| 💰 性价比排行 | 每核、每 GB 内存、每 GB 流量成本分析 |
| 🩺 健康摘要 | CPU / 内存 / 磁盘 / 流量 / Ping 综合状态 |
| 📤 快照导出 | CSV / JSON 导出，CSV 防公式注入 |
| 📜 审计日志 | 管理员操作记录查询 |
🧱 底层架构优化
新版调用链：
Component
↓
Composable
↓
Service
↓
RequestManager / CacheService
↓
API / RPC
同步完成：
- [x] 请求去重
- [x] 请求缓存
- [x] 并发限制
- [x] Metric Store 优先接入
- [x] 图表请求优化
- [x] 新旧接口兼容
- [x] 权限校验增强
- [x] 安全细节优化
📦 安装 / 升级
Komari 后台支持直接填写 GitHub 仓库：
https://github.com/sanrokamlan-prog/komari-theme-Glassmorphism
或者下载 Release：
https://github.com/sanrokamlan-prog/komari-theme-Glassmorphism/releases
🙏 最后
这套主题从最开始偏向：
好看
逐渐发展成为：
好看、好用、可配置、适合长期监控
的一套完整 Komari Glassmorphism 主题。
如果你正在使用 Komari，欢迎升级体验 v3.1.0。
欢迎：
- 提交 Issue
- 提交 PR
- 分享建议
一起完善这个项目 ❤️
⭐ Support
| 支持方式 | 作用 |
|---|---|
| ⭐ Star | 支持项目发展 |
| 🍴 Fork | 参与代码贡献 |
| 💬 Issue | 提交问题和建议 |
| 📢 分享 | 帮助更多用户发现项目 |
你的每一个 Star，都是继续维护更新最大的动力。
☕ Donation / Sponsor
如果这个项目帮助到了你，也欢迎支持后续开发。
支持将用于：
| 用途 | 内容 |
|---|---|
| 🚀 开发 | 新功能持续更新 |
| 🐛 修复 | Bug 修复与优化 |
| ⚡ 性能 | 代码优化 |
| 📖 文档 | 教程完善 |
| 💻 维护 | 项目长期运行 |
❤️ 感谢每一份支持。
@HelloWorldx #38 大概修好了更新下3.1.1吧
刚更新就让我看到了，非常好看，给你点star了
希望详情页延迟那里能增加个7天，现在1天后面直接就是一个月，中间有点太长了
不知道为啥，我用这个主题的时候，向下滑动感觉有点卡
@闲杂人等 #2 可以自定义
@dwk #3 幻觉吧我不卡啊
我刚找了下，没找到在哪自定义（在楼下的图里面看到了，我还以为是在设置里，找了半天没找到）
感谢楼主
小白的第一个Komari就是用的楼主的主题 
作者大佬，请问这个主题是不是改为需要登录才能查看延迟啊？因为我是用其他主题，访客是能查看的，但是设定里面没找到开启/关闭。可用麻烦作者看一下吗
破案了，firefox就会卡，chrome正常@sanro #5
昨天不是才更过一次吗？楼主产能真高啊。