🚀 一个现代化的腾讯云CNB容器镜像同步Web界面

基于Vue 3构建的腾讯云CNB容器镜像同步工具，提供简洁优雅的用户界面，支持实时状态监控和亮色/夜间模式切换。

尝鲜地址: https://image-sync.gbfeng.com/

• 🚀 现代化界面: 基于Vue 3 + Vite构建，支持亮色/夜间模式
• 📱 响应式设计: 完美适配桌面端和移动端
• 🔄 实时监控: 自动轮询同步状态，实时显示进度
• 🎨 Apple风格设计: 简洁优雅的用户界面
• 🔒 安全部署: 支持环境变量和后端代理模式
• ✅ 表单验证: Docker镜像地址格式验证

• 前端: Vue 3, Vue Router 4, Vite
• 后端: Express.js (可选代理模式)
• 样式: 原生CSS + CSS Variables
• 构建工具: Vite

访问：https://cnb.cool/profile/token

⚠️ 注意: 只需要授予上图所示的权限即可

docker pull docker.cnb.cool/gebangfeng/image-sync-ui:latest

docker run -d \
  --name image-sync-ui \
  -p 3000:3000 \
  -e VITE_CNB_AUTH_TOKEN=your_cnb_token_here \
  -e VITE_CNB_REPO=your_username/your_repo_name \
  docker.cnb.cool/gebangfeng/image-sync-ui:latest

变量名	描述	示例
VITE_CNB_AUTH_TOKEN	CNB平台的API Token	cnb_xxxxxxxxxxxxx
VITE_CNB_REPO	你的CNB仓库名称	username/repo-name

⚠️ 重要: 请确保将环境变量替换为你的实际值

容器启动后，打开浏览器访问 http://localhost:3000

• Node.js 16+
• npm 或 yarn

npm install
# 或
yarn install

npm run dev
# 或
yarn dev

npm run build
# 或
yarn build

1. 在源镜像地址输入框中输入要同步的Docker镜像地址
2. 点击"开始同步"按钮
3. 系统会自动检查同步状态并实时更新进度
4. 同步完成后可以查看详细的同步结果

欢迎提交Issue和Pull Request来帮助改进项目！

本项目基于 xiaofei/docker-sync 项目进行优化和改进。

感谢原作者的开源贡献，为容器镜像同步工具的发展奠定了基础。

MIT License

---

🎉 享受使用CNB容器镜像同步工具！