DK Theme for XBoard / V2Board

一个基于 React + Vite + TypeScript 的前端主题工程，适用于 XBoard / V2Board 风格面板，可自行修改站点名、后端地址、客服入口与下载链接后重新构建部署。

构建

npm install
cp .env.example .env
npm run build

构建产物输出到：

• dist/

常用配置

主要配置文件：

• .env
• .env.example
• src/lib/config.ts

改成你自己的站点

修改站点名：

VITE_APP_NAME=你的站点名

修改站点域名

VITE_API_BASE_URL=https://example.com
VITE_ENABLE_MOCK=false

修改 .env 后，请重启开发服务器或重新构建。

部署

前端Caddy配置

将主题配置里的域名修改为你的前端域名

VITE_API_BASE_URL=https://example.com

建议后端部署在其他服务器实现隐藏后端

example.com {
    encode zstd gzip

    handle /api/* {
        reverse_proxy 127.0.0.1:7001
    }

    handle {
        root * /var/www/dist
        try_files {path} /index.html
        file_server
    }
}

如何确认配置已生效

1. 检查页面标题和侧边栏品牌名是否变化
2. 打开浏览器 Network，确认请求是否发往你自己的 VITE_API_BASE_URL
3. 如果仍显示演示数据，请确认 VITE_ENABLE_MOCK=false
4. 运行 npm run build，确认成功产出 dist/

Demo

---

鸣谢：https://github.com/Nice-Derrick/DK_Theme