一个基于Vue.js的Web应用，允许用户输入文字，通过AI生成创意文案，并自动合成熊猫头表情包。

• 🎯 智能文案生成: 输入简单文字，AI自动生成3种风格的创意文案（搞笑、毒舌、可爱）
• 🎨 自动表情包合成: 根据文案风格自动匹配熊猫头模板，智能排版文字
• 📱 响应式设计: 完美适配桌面端和移动端
• ⚡ 高性能: 页面加载时间 < 3秒，文案生成 < 8秒，图片合成 < 3秒
• 💾 一键下载: 支持PNG格式下载，文件大小优化至 < 500KB
• 🔗 便捷分享: 支持复制到剪贴板，社交媒体分享

• Node.js >= 20.19.0
• npm >= 9.0.0

npm install

npm run dev

访问 http://localhost:3000

npm run build

npm run preview

• 框架: Vue.js 3 (Composition API)
• 构建工具: Vite
• 样式: CSS3 + 响应式布局
• 图片处理: HTML5 Canvas
• 状态管理: Vue 3 Reactivity API

src/
├── App.vue                 # 主应用组件
├── main.js                # 应用入口
└── utils/
    └── memeGenerator.js   # 表情包生成核心逻辑

1. 用户输入 → 文本验证 → 敏感词过滤
2. AI文案生成 → 调用生成API → 返回3种风格文案
3. 用户选择 → 选择喜欢的文案风格
4. 图片合成 → Canvas绘制 → 文字渲染 → 装饰效果
5. 结果输出 → 下载/分享

• 简洁直观: 三步完成表情包制作
• 即时反馈: 所有操作都有明确的状态提示
• 错误处理: 友好的错误提示和降级方案
• 性能优化: 图片懒加载，资源压缩

• 色彩方案: 渐变紫色主题 (#667eea → #764ba2)
• 字体: 系统字体栈，确保跨平台一致性
• 动画: 微交互动画，提升用户体验
• 图标: Emoji + 自定义图标

• ✅ 页面加载时间: < 3秒
• ✅ 文案生成响应时间: < 8秒
• ✅ 图片合成时间: < 3秒
• ✅ 并发用户支持: ≥ 100人
• ✅ 移动端适配: 完全响应式
• ✅ 浏览器兼容: Chrome, Firefox, Safari, Edge

# API配置（如果使用真实AI服务）
VITE_AI_API_URL=your_ai_api_url
VITE_AI_API_KEY=your_api_key

# 应用配置
VITE_APP_TITLE=熊猫头表情包生成器
VITE_APP_VERSION=1.0.0

• 输出目录: dist/
• 资源目录: dist/assets/
• 代码分割: vendor chunk (Vue.js)
• 压缩: Terser minification
• 兼容性: ES2020+

1. 连接GitHub仓库
2. 设置构建命令: npm run build
3. 设置输出目录: dist
4. 部署完成

1. 拖拽 dist 文件夹到Netlify
2. 或连接Git仓库自动部署

# 构建项目
npm run build

# 使用任何静态文件服务器
npx serve dist

• 集成真实AI大模型API (OpenAI GPT/文心一言/通义千问)
• 增加更多熊猫头表情模板
• 支持自定义上传头像
• 添加表情包历史记录
• 社区分享功能
• 批量生成功能
• PWA支持

1. Fork 项目
2. 创建功能分支 (git checkout -b feature/AmazingFeature)
3. 提交更改 (git commit -m 'Add some AmazingFeature')
4. 推送到分支 (git push origin feature/AmazingFeature)
5. 开启 Pull Request

本项目采用 MIT 许可证 - 查看 LICENSE 文件了解详情

• Vue.js 团队提供的优秀框架
• 熊猫头表情包的创作者们
• 所有贡献者和用户的支持

---

Made with ❤️ by [Your Name]