Wu XiangYu
268344c357
Some checks failed
Build and Push Docker Image / build-and-push (push) Failing after 15m39s
- 修复 AuthContext 硬编码 localhost:8080,改用 api.ts 统一的 API_BASE_URL(走环境变量/代理,生产可部署) - 修复注册页发送验证码绕过 api.ts 直接 raw fetch 的问题,改用统一的 sendVerificationCode - 修复 SliderCaptcha 验证成功后 captchaId 未透传导致注册人机验证失效的断链 - 修复头像上传契约:预签名URL方式(/user/avatar/upload-url)改为直传(/user/avatar/upload) - 移除后端不支持的'设置活跃角色'功能(/profile/:uuid/activate)及相关死代码 - 修复分页字段不一致:新增 normalizePaginatedData 兼容后端 per_page 响应 - 强化邮箱正则校验(RFC 标准,禁止连续点/首尾点,TLD>=2字母) - 移除首页指向无效 /api 页面的'查看API文档'按钮 - 新增 /register /login /signup 重定向路由,统一指向 /auth?mode= - 同步 API文档.md
🥕 CarrotSkin
新一代现代化Minecraft Yggdrasil皮肤站，为创作者打造的专业皮肤管理平台。
✨ 项目特色
🎨 现代化设计
- 清新橘色主题：温暖的橙色渐变配色方案，营造舒适的视觉体验
- 玻璃态效果：使用backdrop-filter实现现代化的毛玻璃效果
- 流畅动画：基于Framer Motion的丝滑动画和交互效果
- 响应式布局：完美适配桌面端、平板和移动设备
🔧 技术栈
- Next.js 16：最新的React框架，支持App Router
- TypeScript：类型安全的开发体验
- Tailwind CSS v4：现代化的CSS框架，支持自定义主题
- Framer Motion：专业级动画库
- Heroicons：精美的图标系统
🚀 核心功能
Yggdrasil API支持
- 完整的Minecraft Yggdrasil认证系统
- 安全可靠的API接口
- 支持第三方启动器集成
皮肤管理
- 无限皮肤存储空间
- 3D皮肤预览功能
- 多角色管理系统
- 皮肤版本控制
社区功能
- 皮肤分享和发现
- 用户关注和互动
- 皮肤收藏和点赞
- 评论和评价系统
现代化体验
- 拖拽上传皮肤
- 实时预览效果
- 批量管理操作
- 智能搜索筛选
🎯 页面结构
主页 (/)
- 现代化英雄区域展示
- Yggdrasil特色功能介绍
- 统计数据展示
- 行动召唤区域
皮肤库 (/skins)
- 网格化皮肤展示
- 高级搜索和筛选
- 分类标签系统
- 排序和分页功能
个人中心 (/profile)
- 用户信息管理
- 角色和皮肤管理
- 账户设置
- API密钥管理
🛠️ 开发环境
安装依赖
npm install
启动开发服务器
npm run dev
构建生产版本
npm run build
🎨 设计亮点
视觉层次
- 使用不同深浅的橙色创建视觉层次
- 渐变背景增强深度感
- 阴影效果营造立体感
交互体验
- 鼠标跟随效果
- 滚动视差动画
- 悬停状态反馈
- 加载动画效果
现代化元素
- 圆角卡片设计
- 渐变按钮效果
- 玻璃态导航栏
- 响应式断点优化
🔮 未来规划
即将推出
- 3D皮肤编辑器
- 皮肤模板系统
- 高级统计分析
- 移动端APP
长期目标
- AI皮肤生成
- 皮肤交易市场
- 创作者激励计划
- 国际化支持
🤝 贡献指南
欢迎提交Issue和Pull Request来帮助我们改进项目！
📄 许可证
MIT License - 详见 LICENSE 文件
CarrotSkin - 让Minecraft皮肤管理变得简单而优雅 🥕