NeZhaDash 部署笔记

NeZhaDash 部署笔记

只是做一个简单的部署笔记

NeZhaDash 简介

NezhaDash 是一个基于 Next.js 和 哪吒监控 的仪表盘，用一种更美观的方式呈现哪吒面板，有多种部署方式，包括：vercel、cf-pages、docker，本文只对 cf-pages 方式做个备忘

DEMO

项目地址

部署步骤

  1. FORK 上面的项目
  2. 在 cf 新建一个 pages，链接 git 库刚刚部署的项目
  3. 生产分支选 cloudflare
  4. 构建命令 - 构建预设 选择 next.js
    4dFpTUezr6nH5aQ.png
  5. 点击部署，等待完成

部署设置

环境变量设置

1
2
3
4
5
6
7
8
9
10
11
12
13
14
BUN_VERSION=1.1.29  #必须
NezhaBaseUrl=https://nezha.yutian81.top  #必须
NezhaAuth=Fi3W8ProskZcpdPtFiBxkh6utZSJevL1  #必须
DefaultLocale=zh  #默认为en英文
ForceShowAllServers=true
NEXT_PUBLIC_NezhaFetchInterval=2000
NEXT_PUBLIC_ShowFlag=true
NEXT_PUBLIC_DisableCartoon=true
NEXT_PUBLIC_ShowTag=true
NEXT_PUBLIC_ShowNetTransfer=true
NEXT_PUBLIC_ForceUseSvgFlag=false
NEXT_PUBLIC_CustomLogo=https://nezha-cf.buycoffee.top/apple-touch-icon.png
NEXT_PUBLIC_CustomTitle=NezhaDash
NEXT_PUBLIC_CustomDescription=NezhaDash 是一个基于 Next.js 和 哪吒监控 的仪表盘

可根据作者 官方文档 选择性设置变量

eB4ynK6oVEMA5d1.png

其他设置

  1. 在 设置-运行时-兼容性标志 中，填入 nodejs_compat 后保存
  2. 在 设置-构建-分支控制 中，将 预览分支 选项勾选为 无，点击部署
  3. 在 部署标签页，选中 最新 一条部署，在选项中点击 重试部署
  4. 等待部署完成，可选 绑定自定义域，完成。