更换 Logo 与水印
前端品牌定制(Logo、favicon、网页标题、版权水印)通过仓库根目录下的 dev/common/ 完成:替换素材 → 运行构建脚本生成前端镜像并推送 → 更新 K8s 前端 deployment 镜像。
准备素材
dev/common/ 目录下已有占位素材,替换为你自己的即可:
logo.ico:favicon 图标logo.png:主 Logologo.svg:矢量 Logo
构建步骤
- 替换素材:替换
dev/common/下的logo.ico、logo.png、logo.svg。 - 登录镜像仓库:本地
docker login到你的镜像仓库。若没有,可在腾讯云申请个人免费版镜像仓库。 - 改目标镜像名与标题:编辑
dev/common/build.sh,替换其中的前端目标镜像名和网页标题名。- 脚本默认把网页标题从
cube-studio改成智能AI平台,把Cube Studio字样替换成AI Studio(即水印 / 版权文案),可按需修改。 - 脚本默认构建并推送的镜像名为
ccr.ccs.tencentyun.com/cube-studio/kubeflow-dashboard-frontend-enterprise:common(使用docker buildx build构建linux/amd64,linux/arm64多架构镜像,Dockerfile 为install/docker/dockerFrontend/Dockerfile)。记得替换为你自己仓库的名称。
- 脚本默认把网页标题从
- 执行构建:在 CubeStudio 项目根目录下执行:
脚本会自动替换 Logo、水印、标题,构建目标前端镜像并推送到你的仓库。sh dev/common/build.sh脚本中区分了 mac 与 windows/linux 的
sed写法(mac 用sed -i "",linux 用sed -i)。当前默认启用的是 mac 版,linux 下需把对应行注释切换一下。 - 更新 K8s deployment:推送成功后,在 K8s 的
infra命名空间下,把名为kubeflow-dashboard-frontend的 deployment 的镜像名改成你新构建的镜像,K8s 会自动重启前端 Pod。deployment 名称见
install/kubernetes/cube/base/deploy-frontend.yaml(name: kubeflow-dashboard-frontend,默认镜像ccr.ccs.tencentyun.com/cube-studio/kubeflow-dashboard-frontend)。注意基础 deployment 镜像名与 build.sh 构建的镜像名(带-enterprise:common后缀)不同,更新 deployment 时填你实际构建推送的那个。 - 刷新页面:前端 Pod 重启后,强制刷新浏览器页面(Ctrl/Cmd + Shift + R)即可看到新 Logo 与标题。
相关
- 前端 Pod 的网关接入与访问路径:见 01-架构原理/流量代理与网关.md