Claw搭建哪吒面板 • hxjx blog

1. 哪吒项目地址：

github公库：https://github.com/nezhahq/nezha
github镜像：https://github.com/nezhahq/nezha/pkgs/container/nezha

2. 创建面板容器步骤：

2.1 在爪云，用>180天的github帐号登陆
2.2 选择合适的地区后，进入 App Launchpad > Create App
2.3 填写配置参数：

Application name:
nazhamb
Imgage name:
ghcr.io/nezhahq/nezha:v1 .13.2
Network:
端口：8080
自定义域名：nz.363689.xyz
Local Storage:
- 点add
- Capacity：
  1或2
- Mount Path：
  /dashboard/data

2.4启动部署，等状态为 Running 即可

3. 配置反向代理容器

Application name:
nazhafd
Imgage name:
nginx(默认)
Network:
端口：80
协议：grpcs://
自定义域名：fd.363689.xyz

Configmaps:

点add
File Name：
/etc/nginx/conf.d/default.conf

File content：

```
upstream dashboard {
    server nzmb.ns-api32p0p.svc.cluster.local:8008;
    keepalive 512;
}

server {
    listen 80 http2;
    server_name nzmb.ns-api32p0p.svc.cluster.local;

    underscores_in_headers on;

    location ^~ /proto.NezhaService/ {
        grpc_set_header Host $host;
        grpc_set_header nz-realip $remote_addr;
        grpc_read_timeout 600s;
        grpc_send_timeout 600s;
        grpc_socket_keepalive on;
        client_max_body_size 10m;
        grpc_buffer_size 4m;
        grpc_pass grpc://dashboard;
    }
}
```

注意：ns-api32p0p.svc.cluster.local为面板的Private Address里的地址，并去掉https://，此处有两个要修改

4. 配置哪吒面板：

当上面两容器部署完正常runing并自定义域名设置好后就可以打开哪吒面板了如：https://nz.363689.xyz
4.1 修改密码：
管理后台，个人信息，更新个人资料
4.2 Agent对接地址:
在系统设置中Agent对接地址:
nf.363689.xyz:80
4.3 自定义代码（样式和脚本）

<!-- ↓↓↓↓ 最终配置，集成了新功能 ↓↓↓↓ -->

<!-- Part 1: Your existing frontend JavaScript settings -->
<script>
  // 1. 自定义桌面和手机背景图
  window.CustomBackgroundImage = "https://cdn.jsdelivr.net/gh/xuhxjx/myimg@main/wallpaper_1.jpg";
  window.CustomMobileBackgroundImage = "https://cdn.jsdelivr.net/gh/xuhxjx/myimg@main/IMG_5251.JPG";

  // 2. 自定义 Logo
  window.CustomLogo = "https://cdn.jsdelivr.net/gh/xuhxjx/myimg@main/logo.png";

  // 3. 自定义描述文字
  window.CustomDesc = "服务器状态监控面板";

  // 4. 隐藏默认的动画小人插图
  window.DisableAnimatedMan = true;

  // 5. 强制使用暗色主题
  window.ForceTheme = "dark";

  // 6. 开启强制使用 SVG 旗帜
  window.ForceUseSvgFlag = true;

  // --- V1 新增功能 ---

  // 7. 在卡片上显示实时上下行流量
  window.ShowNetTransfer = true;

  // 8. 强制显示世界地图
  window.ForceShowMap = false;

  // 9. 在手机视图下固定顶部服务器名称
  window.FixedTopServerName = true;

  // 10. 添加自定义外部链接 (请自行修改链接和名称)
  window.CustomLinks = '[{\"link\":\"https://www.google.com\",\"name\":\"谷歌搜索\"},{\"link\":\"https://github.com\",\"name\":\"GitHub\"}]';
</script>

<!-- ↑↑↑↑  以上为所有有效配置 ↑↑↑↑ -->

4.4 哪吒扎针
在后台”安装命令”选择”linux”就自动复制命令了。如：

curl -L https://raw.githubusercontent.com/nezhahq/scripts/main/agent/install.sh -o agent.sh && chmod +x agent.sh && env NZ_SERVER=nf.363689.xyz:80 NZ_TLS=false NZ_CLIENT_SECRET=IW0S5ke8JHvHoLF2EsCp5cpJcmwlc7TD ./agent.sh

在vps上扎针吧！

5. 配置面板服务器显示

哪吒面板后台，编辑服务器
公开备注：

{
  "billingDataMod": {
    "startDate": "2025-07-08T12:58:17.636Z",
    "endDate": "2099-07-08T12:58:17.636Z",
    "autoRenewal": "1",
    "cycle": "Month",
    "amount": "Free"
  },
  "planDataMod": {
    "bandwidth": "30Mbps",
    "trafficVol": "1TB/Month",
    "trafficType": "2",
    "IPv4": "0",
    "IPv6": "1",
    "networkRoute": "BGP",
    "extra": "洛杉矶"
  }
}

6. 配置面板通知

6.1 编辑通知

名称：telegram
url：https://api.telegram.org/bot8047792960:AAEH3GeVLSr3A0VMf-ndgm74tseIj_6iccg /sendMessage?chat_id=7571093178&text=#NEZHA#
名称：电报通知
其它默认

6.2 编辑分组 编辑通知分组：

名称：电报通知
通知：telegram

7. 警报规则

编辑报警规则

7.1 离线通知

名称：离线通知
规则：

[{"type":"offline","duration":10,"cover":0}]

通知组：电报通知
触发模式：总是
启用

7.2 CPU+内存

名称：CPU+内存
规则：

[{"type":"cpu","max":50,"duration":10,"cover":0},{"type":"memory","min":20,"duration":20,"cover":0}]

通知组：电报通知
触发模式：总是
启用

7.3 200G双向流量超限通知

名称：200G双向流量超限通知
规则：

[
  {
    "type": "transfer_all_cycle",
    "max": 214748364800,
    "cycle_start": "2025-09-01T00:00:00+08:00",
    "cycle_interval": 1,
    "cycle_unit": "month",
    "cover": 1,
    "ignore": {"5": true, "6": true, "7": true, "8": true}
  }
]

通知组：电报通知
触发模式：总是
启用

7.4 200G单向流量超限通知

名称：200G单向流量超限通知
规则：

[
  {
    "type": "transfer_out_cycle",
    "max": 214748364800,
    "cycle_start": "2025-09-01T00:00:00+08:00",
    "cycle_interval": 1,
    "cycle_unit": "month",
    "cover": 1,
    "ignore": {"1": true}
  }
]

通知组：电报通知
触发模式：总是
启用

7.4 500G单向流量超限通知

名称：500G单向流量超限通知
规则：

[
  {
    "type": "transfer_out_cycle",
    "max": 536870912000,
    "cycle_start": "2025-09-01T00:00:00+08:00",
    "cycle_interval": 1,
    "cycle_unit": "month",
    "cover": 1,
    "ignore": {"10": true}
  }
]

通知组：电报通知
触发模式：总是
启用

7.5 1TB双向流量超限通知

名称：1TB双向流量超限通知
规则：

[
  {
    "type": "transfer_all_cycle",
    "max": 1099511627776,
    "cycle_start": "2025-09-01T00:00:00+08:00",
    "cycle_interval": 1,
    "cycle_unit": "month",
    "cover": 1,
    "ignore": {"9": true}
  }
]

通知组：电报通知
触发模式：总是
启用

8. 服务

8.1 电信

名称：电信-湖南
目标：113.240.117.108:80
类型：TCPing
间隔：60
最大延迟时间：350

8.2 移动

名称：移动-北京
目标：222.35.73.1:80
类型：TCPing
间隔：60
最大延迟时间：350

8.3 联通

名称：联通-广东
目标：112.90.211.100:80
类型：TCPing
间隔：60
最大延迟时间：350