avatar 聶.NET

NodeGet NIE Theme:基于 NodeGet StatusShow 的前端主题修改版,环形占用状态、3D 地球模型、一键部署、背景自定义切换

NodeGet NIE Theme 基于官方 StatusShow 前端调整。

主要调整页面样式、卡片展示、背景、圆环、地图视图和深色模式。后端和核心数据逻辑保持不变。

预览地址

点击前往

图片预览

904a8493e343c07d5d84f2fa4732ada4.png

c1de760a875ca93c01c8355100b1c36d.png

14a8ea457f3d4b4150e42fe57bf47990.png

4083964167370ccdb3f9946e7c0600d0.png

NodeGet探针搭建方法

说简单一点就是选一个VPS小鸡 1核512M以上配置
运行

bash <(curl -sL https://install.nodeget.com) install-server

安装Server端 也就是主控端
获取到Token和链接(WSS URL)之后
dash.nodeget.com输入链接地址
就可以根据Web UI 安装Agent端 也就是被控端了
然后去Token 创建一个Visitor的Token
(注意 此预设貌似并没有读取TCP Ping和Ping的权限 如果需要前端展示 可能需要勾选一下读取即可)
然后去Cloudflare Workers的环境变量那边添加WSS URL 和Token 以及其他变量 即可使用
小白教程 可以去这里查看
https://www.nodeseek.com/post-717234-1
https://www.nodeseek.com/post-713622-1
https://www.nodeseek.com/post-710009-1
https://www.nodeseek.com/post-709895-1
https://www.nodeseek.com/post-708709-1

功能

  • 卡片视图
  • 表格视图
  • 地图视图
  • CPU / 内存 / 磁盘圆环展示
  • 浅色 / 深色模式
  • 背景样式切换
  • 标签筛选
  • 地区筛选
  • 节点搜索
  • 排序功能
  • 移动端适配

背景样式

支持:

  • 网格
  • 纯色
  • 点状

内置配色:

  • 云白
  • 薄荷
  • 海盐蓝
  • 紫雾
  • 蜜桃
  • 玫瑰
  • 奶油黄
  • 曜石
  • 深海
  • 森林

部署

Cloudflare Workers

Deploy to Cloudflare

Vercel

Deploy with Vercel

配置说明

本项目使用环境变量配置。

Cloudflare Workers 部署时,在 Worker 环境变量中配置,不需要修改 config.json

示例:

SITE_NAME=Node Status
SITE_LOGO=https://example.com/logo.png
SITE_FOOTER=Powered by NodeGet
SITE_1=name="master",backend_url="wss://example.com",token="your_token_here"

多主控示例:

SITE_2=name="master-2",backend_url="wss://m2.example.com",token="your_token_here"
SITE_3=name="master-3",backend_url="wss://m3.example.com",token="your_token_here"

说明:

变量 说明
SITE_NAME 站点名称
SITE_LOGO 站点 Logo
SITE_FOOTER 页脚文字
SITE_1 第一个主控配置
SITE_2 第二个主控配置
SITE_3 第三个主控配置

SITE_n 需要从 SITE_1 开始连续填写。

backend_url 一般使用 wss://

Token 在 NodeGet Dashboard 创建,权限使用 Visitor 模板。

官方部署文档:

https://nodeget.com/guide/install/status-show.html

从官方默认前端切换

已经部署官方默认 StatusShow 前端的,可以按下面流程切换:

  1. Fork 本仓库
  2. 进入已部署的 Worker
  3. 解绑原 GitHub 仓库
  4. 重新连接 Fork 后的仓库
  5. 检查 Worker 环境变量
  6. 重新执行一次构建 / 部署

重新连接仓库后,需要重新跑一次构建,使环境变量初始化生效。

本地运行

git clone https://github.com/3257085208/NodeGet-StatusShow.git
cd NodeGet-StatusShow
npm install
npm run dev

构建

npm run build

项目地址

主题仓库:

https://github.com/3257085208/NIE-Theme-NodeGet

NodeGet:

https://github.com/NodeSeekDev/NodeGet