📦 Komari Theme - Glassmorphism v1.0.4 更新发布

sanro 2026-06-21 21:53 1

📦 Komari Theme - Glassmorphism v1.0.4 发布


本次更新主要围绕节点卡片布局、访客隐私控制以及 VPS 厂商识别能力进行了优化,同时修复了一些影响显示体验的细节问题。




🚀 更新内容


节点卡片尺寸支持三种模式


新增节点卡片尺寸配置,可根据个人喜好自由切换:


Compact(紧凑模式)


适合节点数量较多的场景,单屏可展示更多节点,整体密度接近旧版布局。


Comfortable(舒适模式)


提供更宽松的间距与排版,在信息密度与视觉体验之间取得平衡。


Large(大卡片模式)


增大卡片尺寸与留白区域,更适合高分辨率显示器或偏好大尺寸展示的用户。




节点信息盒排版优化


优化了卡片底部三列信息区域的布局逻辑。


此前在剩余天数较长(如「剩余 304 天」)等情况下,可能出现内容挤压或显示不完整的问题。


更新后:



  • 三个信息盒始终保持等宽

  • 长内容自动适配布局

  • 避免单位文字被截断

  • 整体视觉更加统一




访客信息显示开关


新增访客信息显示控制项。


关闭后将隐藏:



  • 页面底部访客信息栏

  • 左下角访客详情卡片


适合对访客信息展示有要求的用户。




地球连线访客定位开关


新增访客位置连线控制项。


关闭后:



  • 不再请求访客地理坐标

  • 地球组件使用降级逻辑生成连线

  • 减少访客位置信息相关请求


适用于注重隐私的部署场景。




🔍 VPS 厂商识别增强


本版本重构了 VPS 厂商识别逻辑,并将识别模块独立封装,方便后续扩展维护。


支持的识别来源







































类型 说明
节点名称 根据节点名称关键词匹配
节点备注 根据备注内容匹配
节点标签 根据标签内容匹配
节点分组 根据分组名称匹配
地区信息 根据地区文本匹配
ASN 根据自治系统号识别
IP Org 根据网络归属信息识别



自定义厂商别名


新增:


厂商自定义别名


配置示例:


RackNerd:rn,rack nerd;
GreenCloudVPS:绿云,gc;
HostHatch:hh,host hatch

示例效果:


rn-la-1
→ RackNerd

绿云-sg
→ GreenCloudVPS

方便使用简称、缩写或自定义命名规则的用户进行准确识别。




商家 / 网络双重展示


部分 VPS 商家实际运行于第三方网络之上。


新版会尽可能同时展示:



  • 销售商(Provider)

  • 实际网络归属(Network)


示例:


Los Angeles · RackNerd / ColoCrossing · AS36352

既能看到购买渠道,也能了解实际网络来源。




厂商识别来源提示


新增 Tooltip 识别来源展示。


鼠标悬停即可查看识别依据,方便排查误识别情况。


示例:


商家:RackNerd
来源:节点名称 / 标签(racknerd)

网络:ColoCrossing
ASN:AS36352
Org:ColoCrossing



长文本显示优化


针对较长的厂商名称、网络信息等内容进行了适配:



  • 支持自动换行

  • 避免文本溢出

  • Tooltip 固定宽度显示

  • 提升复杂信息可读性




🛠️ 其他优化



  • 增加更多 VPS 商家关键词识别规则

  • 增加更多小众厂商预设

  • 优化 Comfortable 与 Large 模式下的间距表现

  • 调整部分细节样式与显示逻辑




📦 版本信息



  • Version:v1.0.4

  • Build:cfdb13c


项目地址:


https://github.com/sanrokamlan-prog/komari-theme-Glassmorphism


欢迎反馈样式问题。

最新回复 (18)
  • Angled 06-21 22:24
    1

    不错,好看

  • baimiao 06-21 22:28
    2

    ^-^ 厉害,已经在使用中。

  • icelee123 06-21 22:31
    3

    不错哦

    小建议,方框对齐,这一行导致不齐了


  • NoahTing 06-21 22:42
    4

    好主题,在用,好用

  • fam 06-21 22:46
    5

    很棒啊!

  • sanro 楼主 06-21 22:49
    6

    @icelee123 #3 刷新一下应该会显示在线的吧

  • sanro 楼主 06-21 22:53
    7

    @icelee123 #3 其他的可以设置一下价格么只有他需要付钱吗?😣

  • icelee123 06-21 22:53
    8

    @sanro #7 是懒得配置。。。 ^-^

  • sanro 楼主 06-21 22:55
    9

    @icelee123 #8 配置一下最好,因为如果想要每个那个卡片里面的盒子小盒子一样大的话你少了一栏他就需要做很多适配太费时间了

  • icelee123 06-21 22:55
    10

    @sanro #6 看了下在线的数据应该是有的,就是默认没显示在线天数,有了价格就显示了

  • sanro 楼主 06-21 22:56
    11

    @icelee123 #8 如果只是粗暴的把每个卡片拉的一样大的话我觉得毫无意义观感还是很差

  • sanro 楼主 06-21 22:56
    12

    @icelee123 #10 好像是因为没有剩余价值的话他显示在下面那个小兰了吧所以上面就没有重复

  • sanro 楼主 06-21 22:58
    13

    @icelee123 #10 我去仔细看了一下你怎么其他的连流量什么都没设置 😭

  • icelee123 06-21 23:54
    14

    @sanro #11 不用粗暴地拉,你就把那个在线天数固定显示出来,这样这一行就有内容了,整个框框就撑起来了

  • 杰克马 06-22 12:04
    15

    ios的毛玻璃好像没起到效果

    还有这个访客信息 没有到浏览器底部

    不知道是ios27的问题吗

  • sanro 楼主 06-22 12:35
    16

    @杰克马 #15 给图 我都是谷歌浏览器

  • knighttools 06-22 14:10
    17

    好看,感谢!

  • dawei77778 06-22 14:17
    18

    真好看啊,能不能在主页增加一个按下载流量排序,有时候需要看下哪个服务器跑正在跑流量

* 帖子来源NodeSeek
返回