提醒：本文最后更新于 2025-07-24 08:22，文中所关联的信息可能已发生改变，请知悉！
本教程适用于 v2board 原版和 xboard
第一步：我们先要复制 xboard 的前端到自己的 github 账号下。
前端地址：https://github.com/cedar2025/xboard-user
[start-plane type=”2″] 其他支持前后端分离的前端主题操作方法一样！[/start-plane]
我们直接 fork 到自己账号下就可以了。
[start-plane type=”4″] 这里我们先设置下配置文件如何修改配置文件。看仔细了
1、下载 env.example.js 这个文件到本地
2、修改 env.example.js 文件名为 env.js
3、修改配置文件中的面板地址；这里直接输入你面板的地址就可以了。https 的域名即可 不需要其他设置。
4、其他的网站名称那些你根据需要自己要设置就设置下。
5、上传文件到 github 自己的库下面
6、等待 cloudflare 自动更新部署 [/start-plane]
直接修改这个 http 的地址到你面板地址即可。
[start-plane type=”1″] 经过测试。域名后面必须要带斜杠 ”/” 不然部署成功之后会不能登录。登录会提示 未知错误 [/start-plane]
修改和新增配置文件完毕之后。我们需要在 cloudflare 下面去部署 page 页面
[start-plane type=”2″]
这里特别注意下：如果你这里没有显示 刚刚复制的那个库 可能是 github 那边没有设置权限。自己去设置下就可以了
[/start-plane]
然后下一步 其他不用设置 直接部署就可以了
最后显示部署成功。得到一个开发者域名。然后访问这个域名就可以了。
如果需要绑定自己的 域名 不管是一级域名 二级域名还是什么域名；直接在这里设置 自定义域 然后保存就可以了！
这时候前端就部署完毕了！就可以正常登录使用了！
部署成功，登录正常。