共计 2007 个字符，预计需要花费 6 分钟才能阅读完成。
这是一款基于 React + Tailwind CSS 开发的服务器状态探针前端。支持卡片 / 表格视图切换、3D 节点分布地图，以及详细的 CPU/ 内存 / 网络流向监控。
延迟任务命名规则
主题会根据任务目标识别线路、协议和 IP 类型
示例：
sh-cu-v4.ip.zstaticcdn.com:80格式：
城市 - 运营商 -v4/v6.ip. 域名: 端口识别规则：
| 字段 | 含义 |
|---|---|
v4 |
IPv4 |
v6 |
IPv6 |
| 带端口 | TCP Ping |
| 不带端口 | Ping |
ct |
电信 |
cu |
联通 |
cm |
移动 |
示例：
| 任务目标 | 展示类型 |
|---|---|
|
IPv4 TCP Ping |
sh-cu-v6.ip.zstaticcdn.com:80 |
IPv6 TCP Ping |
sh-cu-v4.ip.zstaticcdn.com |
IPv4 Ping |
sh-cu-v6.ip.zstaticcdn.com |
IPv6 Ping |
新版主题导入方式
本主题支持最新版部署方式 仅需点击下方按钮 或在后台主题管理从远程导入主题 站点 URL 填写 https://dash.themes.qq.sg 即可。
导入后可以在后台修改站点标题、Logo、页脚文本和刷新间隔。
一键部署
Cloudflare Workers
Vercel
配置方式
NodeGet 后台配置
通过 NodeGet Dashboard 导入主题后，可以直接在主题管理里修改用户配置。
支持配置项：
| 配置项 | 说明 |
|---|---|
| 站点标题 | 显示在导航栏的站点名称 |
| 站点图标 | Logo 图片链接 |
| 页脚文本 | 显示在页面底部的文字 |
| 刷新间隔 | 动态监控数据刷新间隔 |
环境变量配置
直接部署为独立前端时，也可以继续使用环境变量配置。
Cloudflare Workers 部署时，请在部署页面的高级设置里添加环境变量，或者部署后到 Worker 的设置里添加。
不要修改 config.json。
环境变量
SITE_NAME= 狼牙的探针
SITE_LOGO=https://example.com/logo.pngSITE_FOOTER=Powered by NodeGetSITE_1=name="master-1",backend_url="wss://m1.example.com",token="abc123"
SITE_2=name="master-2",backend_url="wss://m2.example.com",token="xyz789"说明：
| 变量 | 说明 |
|---|---|
SITE_NAME |
站点名称 |
SITE_LOGO |
站点 Logo |
SITE_FOOTER |
页脚文字 |
SITE_1 |
第一个主控 |
SITE_2 |
第二个主控 |
SITE_n 从 SITE_1 开始连续填写，中间不要断。
比如有三个主控，就写：
SITE_1=...
SITE_2=...
SITE_3=...不要只写 SITE_1 和 SITE_3。
SITE_n 的格式：
name="主控名称",backend_url="wss:// 你的服务地址",token="Visitor Token"backend_url 一般使用 wss://。
Token 在 NodeGet Dashboard 里创建，使用 Visitor 权限模板。
参考官方文档：
https://nodeget.com/guide/install/status-show从官方默认前端切换过来
如果之前部署过官方默认 StatusShow 前端，可以这样换：
- Fork 本仓库
- 到已经部署的 Worker 里解绑原来的 GitHub 仓库
- 重新连接你 Fork 后的仓库
- 检查环境变量是否还在
- 重新跑一次构建 / 部署
重新连接仓库后建议手动触发一次构建，让环境变量重新初始化。
本地开发
git clone https://github.com/3257085208/NIE-Theme-NodeGet.gitcd NIE-Theme-NodeGet
npm install
npm run dev构建
npm run build构建产物在：
dist手动部署
不想用一键部署的话，也可以自己部署。
Cloudflare Pages
Build command: npm run buildOutput directory: dist
Cloudflare Workers
npm installnpm run build
npx wrangler deployVercel
Build command: npm run build
Output directory: dist
自定义
常用文件：
src/styles/global.css
src/components/Background.tsx
src/components/NodeCard.tsx
src/components/Footer.tsx预留文件：
public/custom.css
public/custom.js链接
主题仓库：
https://github.com/3257085208/NIE-Theme-NodeGetNodeGet：
https://github.com/NodeSeekDev/NodeGet
