BackIconnezha-dash Cloudflare部署教程

2024年9月24日

Openai logomark

Hamster1963

项目介绍

nezha-dash 简易部署教程

项目部署

获取 nezha 面板地址URL

CleanShot 2024-09-24 at 14.49.18@2x.png

获取完整的面板 URL 根路径,包含 http:// 或 https://,如通过端口访问也需记录。

例如:https://nezha-dashboard.hku.tech:8843

获取 nezha API Token

创建 Token 位置:管理后台 → API Token

Untitled

Untitled

Untitled

Fork 至自己仓库, 取消勾选最下面的选项。

Untitled

fork

创建 Cloudflare Pages

CleanShot 2024-09-24 at 14.53.18@2x.png

CleanShot 2024-09-24 at 14.54.15@2x.png

关联仓库

选择刚才 fork 至自己仓库内的存储库

CleanShot 2024-09-24 at 14.54.47@2x.png

配置项目基础信息(十分重要!)

生产分支中,选择 cloudflare 分支

框架预设中,选择 Next.js , 构建命令与目录无需更改

CleanShot 2024-09-24 at 14.56.18@2x.png

配置必要环境变量

在配置面板信息前,首先需要配置构建工具版本。

CleanShot 2024-09-24 at 14.59.58@2x.png

变量名称:BUN_VERSION

值:1.1.29

变量名称:NODE_VERSION

值:22.9.0

配置面板信息环境变量

环境变量解释可参考项目仓库 Readme

nezha-dash/README.md at main · hamster1963/nezha-dash

必要环境变量填写完毕后如图:

CleanShot 2024-09-24 at 15.02.57@2x.png

保存并部署

点击保存并部署按钮,等待部署完成,部署完成后进行后续设置。

配置 node 兼容项

CleanShot 2024-09-24 at 15.06.37@2x.png

部署完成后,会提示未开启 nodejs 兼容选项。

在设置-运行时-兼容性标志中,填入 nodejs_compat 后保存。

CleanShot 2024-09-24 at 15.08.34@2x.png

禁用其他分支部署

设置-运行时-分支控制 中,将预览分支选项勾选为 无,点击部署

CleanShot 2024-09-24 at 15.09.45@2x.png

重新部署项目即可完成部署

部署标签页,选中最新一条部署,在选项中点击重试部署

部署完成后即可访问仪表盘页面与自定义域的绑定。

CleanShot 2024-09-24 at 15.11.26@2x.png

谢谢大家的支持🙏