[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"project-8722":3},{"id":4,"name":5,"fullName":6,"owner":7,"repo":5,"description":8,"homepage":9,"htmlUrl":10,"language":11,"languages":10,"totalLinesOfCode":10,"stars":12,"forks":13,"watchers":14,"openIssues":15,"contributorsCount":16,"subscribersCount":16,"size":16,"stars1d":16,"stars7d":15,"stars30d":17,"stars90d":16,"forks30d":16,"starsTrendScore":18,"compositeScore":19,"rankGlobal":10,"rankLanguage":10,"license":10,"archived":20,"fork":20,"defaultBranch":21,"hasWiki":22,"hasPages":20,"topics":23,"createdAt":10,"pushedAt":10,"updatedAt":27,"readmeContent":28,"aiSummary":29,"trendingCount":16,"starSnapshotCount":16,"syncStatus":30,"lastSyncTime":31,"discoverSource":32},8722,"what-to-eat","liu-ziting\u002Fwhat-to-eat","liu-ziting","一饭封神：一个基于 AI 的智能菜谱生成平台，支持中华八大菜系 + 国际料理，提供营养分析、酒水推荐、菜谱效果图生成等全方位烹饪指导。","http:\u002F\u002Feat.lz-t.top",null,"Vue",3483,525,10,19,0,86,9,75.26,false,"master",true,[24,25,26],"ai","gpt","vibe-coding","2026-06-12 04:00:41","# 🍳 一饭封神\n\n> 🚀 **Vibe Coding**  \n> 通过 Kiro 编辑器，实现了从需求分析、架构设计到代码实现的全流程开发。\n> [English](.\u002FREADME_EN.md) | 中文\n\n基于 AI 的智能菜谱生成平台，支持中华八大菜系 + 国际料理，提供营养分析、酒水推荐、菜谱效果图生成等功能。\n\n[![Live Demo](https:\u002F\u002Fimg.shields.io\u002Fbadge\u002F🌐_Live_Demo-一饭封神-yellow?style=for-the-badge)](https:\u002F\u002Feat.lz-t.top\u002F)\n[![Vercel](https:\u002F\u002Fimg.shields.io\u002Fbadge\u002F🚀_Vercel-yffs.vercel.app-black?style=for-the-badge&logo=vercel)](https:\u002F\u002Fyffs.vercel.app\u002F)\n[![Netlify](https:\u002F\u002Fimg.shields.io\u002Fbadge\u002F🌐_Netlify-whattoeatai.netlify.app-00C7B7?style=for-the-badge&logo=netlify)](https:\u002F\u002Fwhattoeatai.netlify.app\u002F)\n[![GitHub](https:\u002F\u002Fimg.shields.io\u002Fbadge\u002FGitHub-liu--ziting\u002Fwhat--to--eat-black?style=for-the-badge&logo=github)](https:\u002F\u002Fgithub.com\u002Fliu-ziting\u002Fwhat-to-eat)\n[![Config System](https:\u002F\u002Fimg.shields.io\u002Fbadge\u002F⚙️_Dynamic_Config-Real--time_AI_Settings-blue?style=for-the-badge)](https:\u002F\u002Fgithub.com\u002Fliu-ziting\u002Fwhat-to-eat#%EF%B8%8F-动态配置系统)\n\n## 🚀 核心功能\n\n-   **智能菜谱生成** - 基于食材和菜系偏好生成专业菜谱\n-   **营养分析** - 详细营养成分分析和健康评分\n-   **AI 效果图** - 一键生成精美菜品图片\n-   **酒水搭配** - 专业侍酒师推荐\n-   **酱汁设计** - 定制化调料配方\n-   **收藏管理** - 保存和管理喜爱的菜谱\n-   **料理占卜** - 趣味性饮食运势\n-   **配置管理** - 动态配置 AI 模型参数，支持多服务商切换\n\n## 🛠️ 技术栈\n\n-   **前端框架：** Vue 3.4 + TypeScript 5.3+\n-   **样式方案：** Tailwind CSS 3.4+\n-   **构建工具：** Vite 5.0+\n-   **AI 服务：** OpenAI 标准\n-   **部署平台：** Vercel + Netlify\n\n## 🚀 快速开始\n\n### 环境要求\n\n-   Node.js 18+\n\n### 本地开发\n\n```bash\n# 克隆项目\ngit clone https:\u002F\u002Fgithub.com\u002Fliu-ziting\u002Fwhat-to-eat.git\ncd what-to-eat\n\n# 安装依赖\nnpm install\n\n# 配置环境变量\ncp .env.example .env\n# 编辑 .env 文件，添加你的 AI API 密钥\n\n# 启动开发服务器\nnpm run dev\n\n# 🎯 首次启动后，点击导航栏的 ⚙️ 图标可以动态配置AI模型参数\n```\n\n### 构建部署\n\n```bash\n# 类型检查 + 构建\nnpm run build\n\n# Netlify 构建\nnpm run build:netlify\n\n# 预览构建结果\nnpm run preview\n```\n\n## 🚀 一键部署\n\n### Vercel 部署\n\n[![Deploy with Vercel](https:\u002F\u002Fvercel.com\u002Fbutton)](https:\u002F\u002Fvercel.com\u002Fnew\u002Fclone?repository-url=https:\u002F\u002Fgithub.com\u002Fliu-ziting\u002Fwhat-to-eat&env=VITE_TEXT_GENERATION_BASE_URL,VITE_TEXT_GENERATION_API_KEY,VITE_TEXT_GENERATION_MODEL,VITE_IMAGE_GENERATION_BASE_URL,VITE_IMAGE_GENERATION_API_KEY,VITE_IMAGE_GENERATION_MODEL&envDescription=AI%20API%20配置&envLink=https:\u002F\u002Fgithub.com\u002Fliu-ziting\u002Fwhat-to-eat%23环境变量配置)\n\n### Netlify 部署\n\n[![Deploy to Netlify](https:\u002F\u002Fwww.netlify.com\u002Fimg\u002Fdeploy\u002Fbutton.svg)](https:\u002F\u002Fapp.netlify.com\u002Fstart\u002Fdeploy?repository=https:\u002F\u002Fgithub.com\u002Fliu-ziting\u002Fwhat-to-eat)\n\n> 📖 详细部署指南请参考：[DEPLOYMENT.md](.\u002FDEPLOYMENT.md)\n\n### 环境变量配置\n\n#### 你可以切换任何符合 OpenAI 标准的请求地址和模型\n\n> **🌟 模型推荐**: 建议使用高质量 AI 大模型获得更好的菜谱生成效果！不同模型的创意风格和专业程度差异显著。\n\n```env\n# 菜谱生成模型配置（文本生成）\nVITE_TEXT_GENERATION_BASE_URL=https:\u002F\u002F********\u002Fv1\u002F\nVITE_TEXT_GENERATION_API_KEY=************\nVITE_TEXT_GENERATION_MODEL=******\nVITE_TEXT_GENERATION_TEMPERATURE=0.7\nVITE_TEXT_GENERATION_TIMEOUT=300000\n\n# 图片生成模型配置\nVITE_IMAGE_GENERATION_BASE_URL=https:\u002F\u002Fopen.bigmodel.cn\u002Fapi\u002Fpaas\u002Fv4\u002Fimages\u002Fgenerations\nVITE_IMAGE_GENERATION_API_KEY=******************\nVITE_IMAGE_GENERATION_MODEL=cogview-3-flash\n\n```\n\n### ⚙️ 动态配置系统\n\n应用内置了强大的配置管理系统，支持运行时动态修改 AI 模型配置：\n\n#### 🎯 功能特性\n\n-   **实时配置** - 无需重启应用，配置修改立即生效\n-   **持久化存储** - 用户配置自动保存到本地\n-   **分离管理** - 菜谱生成和图片生成模型独立配置\n-   **配置验证** - 内置 API 连接测试功能\n-   **一键恢复** - 支持恢复环境变量默认配置\n\n#### 🚀 使用方法\n\n1. 点击导航栏右侧的 ⚙️ 设置按钮\n2. 在弹窗中修改 API 地址、密钥、模型等参数\n3. 点击\"保存设置\"立即应用配置\n4. 使用\"测试配置\"验证设置是否正确\n\n#### 🎯 模型效果说明\n\n> **💡 重要提示**: 不同 AI 模型生成的菜谱质量和风格差异很大！\n>\n> -   **推荐使用高质量大模型** - 如 GPT、Claude、DeepSeek 等\n> -   **菜谱专业度** - 优质模型能生成更专业、详细的制作步骤\n> -   **创意程度** - 不同模型的创意风格和口味搭配各有特色\n> -   **营养分析** - 高端模型提供更准确的营养成分分析\n>\n> 🔄 **建议**: 尝试切换不同的 AI 模型接口，体验各种风格的菜谱生成效果！\n\n#### 📋 支持的配置项\n\n-   **API 地址** - 支持任何 OpenAI 兼容的 API 服务\n-   **API 密钥** - 安全的密码形式输入\n-   **模型名称** - 自定义使用的 AI 模型\n-   **温度参数** - 控制生成内容的创造性(0-1)\n-   **超时设置** - 自定义 API 请求超时时间\n\n## 📁 项目结构\n\n```\nsrc\u002F\n├── components\u002F          # 通用组件\n│   ├── ConfirmModal.vue      # 确认对话框\n│   ├── CookingLoader.vue     # 烹饪加载动画\n│   ├── FavoriteButton.vue    # 收藏按钮\n│   ├── GlobalNavigation.vue  # 全局导航\n│   ├── RecipeCard.vue        # 菜谱卡片\n│   ├── NutritionAnalysis.vue # 营养分析\n│   ├── SettingsModal.vue     # 设置弹窗\n│   ├── SettingsButton.vue    # 设置按钮\n│   ├── ConfigTest.vue        # 配置测试\n│   └── ...\n├── config\u002F              # 配置文件\n│   ├── ai.ts                 # AI 模型配置\n│   ├── cuisines.ts           # 菜系配置\n│   ├── ingredients.ts        # 食材配置\n│   └── ...\n├── services\u002F            # 服务层\n│   ├── aiService.ts          # AI 接口服务\n│   ├── favoriteService.ts    # 收藏服务\n│   ├── imageService.ts       # 图片服务\n│   └── ...\n├── stores\u002F              # 状态管理\n│   └── settings.js           # 配置状态管理\n├── utils\u002F               # 工具函数\n│   ├── apiConfig.js          # API配置工具\n│   └── ...\n├── views\u002F               # 页面组件\n│   ├── Home.vue              # 首页\n│   ├── Favorites.vue         # 收藏页\n│   ├── SauceDesign.vue       # 酱汁设计\n│   ├── SettingsDemo.vue      # 配置演示页\n│   └── ...\n├── types\u002F               # TypeScript 类型定义\n└── router\u002F              # 路由配置\n```\n\n### AI 服务集成\n\n-   **文本生成**：`src\u002Fservices\u002FaiService.ts` - 支持动态配置切换\n-   **图片生成**：`src\u002Fservices\u002FimageService.ts` - 多服务商支持\n-   **配置管理**：`src\u002Fstores\u002Fsettings.js` - 实时配置管理\n-   **API 工具**：`src\u002Futils\u002FapiConfig.js` - 统一配置接口\n\n## 📈 Star History\n\n[![Star History Chart](https:\u002F\u002Fapi.star-history.com\u002Fsvg?repos=liu-ziting\u002Fwhat-to-eat&type=Date)](https:\u002F\u002Fwww.star-history.com\u002F#liu-ziting\u002Fwhat-to-eat&Date)\n\n## 🙏 致谢\n\n-   [智谱 AI](https:\u002F\u002Fopen.bigmodel.cn\u002F) - 图片生成 API\n-   [Vue.js](https:\u002F\u002Fvuejs.org\u002F) - 渐进式 JavaScript 框架\n-   [Tailwind CSS](https:\u002F\u002Ftailwindcss.com\u002F) - 实用优先的 CSS 框架\n","一饭封神是一个基于AI的智能菜谱生成平台，支持中华八大菜系及国际料理，提供营养分析、酒水推荐、菜谱效果图生成等全方位烹饪指导。项目核心功能包括根据用户食材和菜系偏好智能生成专业菜谱，进行详细的营养成分分析与健康评分，并能一键生成精美的菜品图片。此外，还具备收藏管理、趣味性饮食运势预测等功能，以及动态配置AI模型参数的能力，以适应不同服务商的需求。该项目适合家庭厨师、餐饮业者以及对美食有追求的个人使用，旨在通过科技手段提升烹饪体验。前端采用Vue 3.4 + TypeScript构建，样式方案为Tailwind CSS，使用Vite作为构建工具，并集成OpenAI标准的AI服务。",2,"2026-06-11 03:19:28","top_language"]