README.md

metadata

title: Romantic Life - AI Wedding Fitting Room
emoji: 👰‍♀️
colorFrom: pink
colorTo: red
sdk: docker
pinned: false
app_port: 7860

厦门浪漫一生 - AI 婚纱试衣间 (Romantic Life AI)

本项目是一个基于 React + Vite + Google Gemini API 的 AI 婚纱摄影试衣间应用。

🌐 域名访问故障排查 (Troubleshooting)

如果您上传后无法通过 xmlove520.dpdns.org 访问，请按以下步骤检查：

1. 检查 HTTPS：

   • 如果您没有为该域名购买/配置 SSL 证书，请务必使用 http:// 而不是 https:// 访问。
   • 尝试访问: http://xmlove520.dpdns.org

2. 检查端口：

   • 家庭宽带通常屏蔽 80/443 端口。您可能需要访问带端口的地址，例如 http://xmlove520.dpdns.org:8080 (具体端口取决于您的映射设置)。

3. 检查构建：

   • 确保您上传的是 npm run build 生成的 dist 文件夹中的内容，而不是源码。
   • 确保 dist 文件夹中包含 index.html。

🚀 部署指南

选项 A: Hugging Face Spaces (Docker)

1. 创建 Space (SDK: Docker, Template: Blank)。
2. 上传所有文件（包括 Dockerfile, nginx.conf, package.json 等）。
3. 系统会自动构建并运行在 https://huggingface.co/spaces/您的用户名/您的Space名。

选项 B: Windows IIS / 空间 (dpdns.org)

1. 运行 npm run build。
2. 将 dist 文件夹内的所有文件上传到您的服务器根目录。
3. 注意：web.config 文件已包含在构建中，这对于 IIS 服务器至关重要，它能防止刷新页面 404。

✨ 功能特性

• 60+ 婚纱风格: 涵盖韩式、法式、中式、古风、二次元等。
• AI 智能换装: 基于 Google Gemini Vision 模型。
• 后台管理: 完整的客资管理(CRM)与系统设置面板。

🛠️ 技术栈

• Frontend: React 18, TypeScript, Vite
• State: Zustand
• AI: Google Gemini Pro Vision