首先,首先,首先!感谢原项目原作者!能写出这么好的基础项目!
原项目请见:https://www.nodeseek.com/post-925236-1
在开始之前,一个很自然的问题是:相比上游,我们这个 fork 多了什么?
1、后台样式重写(monitor / web-admin)
上游基本没动过后台界面 ✓ 我们几乎重做了它的层次:
| 批次 | 内容 |
|---|---|
| 通知页 | 按信息层级重构:区域标题分「推送渠道 / 触发规则」· 渠道品牌图标 · 状态改圆点+着色文字 · 离线列表双列→单列 · 输入框单位改框内后缀 · 保存移右下并加「重置」 |
| 外框 | 品牌归位到侧栏头部(与页头同一行)· 去掉重复的站点名 · 页头/侧栏改用卡片底色分层 · 面包屑与工具严格同轴 · 标题移入内容区 |
| 侧栏 | 可折叠 240 ⇄ 64px 并记住偏好 · 折叠态只剩图标 + title 提示 · 分组标题 · 选中态淡蓝底 + 3px 主色条 |
| 页头 | 吸顶标题带(标题与提示不再被内容顶掉)· 折叠按钮 + 真实竖线元素 |
| 账户区 | 由页头移到侧栏底部 · 淡蓝凭证卡 · 两行层级 · 显示真实身份(GitHub 用户名 / 应急密码) |
| 表格 | 表头 13px/600 + 浅灰底 · 单元格 12px/16px · 状态改圆点胶囊 · 操作加间距 · 删除图标改 --destructive |
| 到期预警 | 三态:次级灰 / 琥珀(≤30 天 + 徽章「N 天后到期」) / 红(已过期 N 天) · 名称列限宽截断 |
| 登录会话 | 由文字列表改为标准表格:登录时间 / 方式 / 来源 IP / 设备(UA 粗识别) / 最后活动(相对时间) |
| 延迟页 | 页头补说明与覆盖统计 · 节点选择器加 全选/清空/反选 + 卡片网格 + 国家标 · 新增探针实测结果:延迟 + 丢包两列 + 30 点迷你走势 |
后端同时多了两套上游没有的能力(schema 6、7):
- 会话身份:记录登入方式 → 右上角显示真实身份
- 会话来源:登录时间 / IP / 设备 / 最后活动;
last_seen的节流写在 SQL 的 WHERE 里(每分钟一次行更新,不是每请求一次) - 顺带修掉一个隐患:
created_at原本是按有效期反推 → 改有效期会静默改写所有历史登录时间 ✓ 现在改为存储
2、公开主题(monitor-theme-default)—— 彻底脱掉上游的灰阶,向着灵动靠近
- 配色体系:蓝色语义色板(
primary/accent/tag+ok-fg/warn-fg/danger-fg三个可读性达标的暗色孪生)+ 完整暗色模式(对比度都是量过的:5.02 / 5.02 / 4.83) - 工具栏重构:去掉「本月流量」统计 · 「即将到期」改为筛选 · 分组页签由 hub 数据驱动 · 字号统一
- 卡片重构:上下行带宽同列 · 上下行流量同列 · 剩余天数与价格独立成列 · 三列间距一致
- 列宽抖动修复:
table-fixed+ pxcolgroup(实测 6 秒内偏移逐字节一致) - 详情页美化 + 返回箭头按钮 + 流速条改深
- favicon 换成蓝色渐变标记(上游是灰的)
preview.png重新生成(原本还是上游那张灰阶截图,从建立起没换过)+theme.json的 url 改指本组织(这是功能字段:面板的 ⟳ 从它取 release)- 最新:筛选芯片为空时不再渲染空胶囊
3.UI展示
今天nodeimage图床好像有问题,用的https://www.nodeseek.com/post-898361-1提供的免费图床
公开页面:


Admin页面:



不错
极简现在不接受新功能了
只要不是太臃肿都挺好
@ptt男孩 #1 是的,
不错,想问下您修改的这版有没有残值计算,以及月支付统计呢
@Hijack #3 这个功能很简单,可以增加
@jlthzy #4 喔喔,希望多点币种,有些机器是用SGD,比较尴尬
@Hijack #5 没问题
看着不错,后续会加入邮箱功能吗?原版也没有这个,我觉得还蛮常用的
@oldtimes #7 邮箱从功能层面来看和现有的(紧急密码 + github)没有什么区别,自己维护一套登入程序的话会增加被攻击面
@jlthzy #8 我指的是通知渠道哪里,配置smtp
这个二开整理得很细,后台信息层级和到期预警的改动都挺实用,等开源了试试。