修复 快捷键无效的问题;

修复 重复上传参考图的问题;
重新编写了README文档;
This commit is contained in:
2025-09-16 22:51:50 +08:00
parent ca8f086c93
commit a4583eb1f0
5 changed files with 217 additions and 97 deletions

View File

@@ -1,5 +1,6 @@
# 🍌 Nano Banana AI 图像编辑器
发布版本: (v1.0)
发布版本: v1.0
### **⏬ 获取一键安装副本!**
加入 [Vibe Coding is Life Skool 社区](https://www.skool.com/vibe-coding-is-life/about?ref=456537abaf37491cbcc6976f3c26af41) 获取此应用的 **一键 ⚡Bolt.new 安装克隆**以及现场构建会话、独家项目下载、AI 提示、大师课程和网络上最好的氛围编码社区的访问权限!
@@ -10,10 +11,6 @@
一个生产就绪的 React + TypeScript 应用程序,用于愉快的图像生成和使用 Google Gemini 2.5 Flash Image 模型进行对话式、区域感知的修改。采用现代网络技术构建,专为创作者和开发者设计。
[![Nano Banana 图像编辑器](https://getsmartgpt.com/nano-banana-editor.jpg)](https://nanobananaeditor.dev)
🍌 [试用在线演示](https://nanobananaeditor.dev)
## ✨ 主要功能
### 🎨 **AI 驱动的创作**
@@ -41,7 +38,7 @@
- **资产管理** - 有序存储所有生成的内容
### 🔒 **企业功能**
- **SynthID 水印** - 内置 AI 来源追踪和隐形水印
- **图像上传和分享** - 上传生成的图像以轻松分享
- **离线缓存** - IndexedDB 存储以实现离线资产访问
- **类型安全** - 完整的 TypeScript 实现和严格类型检查
- **性能优化** - React Query 实现高效状态管理
@@ -51,6 +48,7 @@
### 先决条件
- Node.js 18+
- 一个 [Google AI Studio](https://aistudio.google.com/) API 密钥
- 可选:访问令牌用于图像上传功能
### 安装
@@ -65,6 +63,7 @@
```bash
cp .env.example .env
# 将您的 Gemini API 密钥添加到 VITE_GEMINI_API_KEY
# 可选:添加访问令牌到 VITE_ACCESS_TOKEN 以启用图像上传
```
3. **启动开发服务器**:
@@ -101,12 +100,14 @@
| 快捷键 | 操作 |
|----------|--------|
| `Cmd/Ctrl + Enter` | 生成/应用编辑 |
| `Enter` | 生成/应用编辑(在任何地方按下)|
| `Shift + R` | 重新生成变体 |
| `E` | 切换到编辑模式 |
| `G` | 切换到生成模式 |
| `M` | 切换到选择模式 |
| `H` | 切换历史面板 |
| `P` | 切换提示面板 |
| `Esc` | 中断生成 |
## 🏗️ 架构
@@ -130,6 +131,7 @@ src/
│ └── InfoModal.tsx # 关于模态框和链接
├── services/ # 外部服务集成
│ ├── geminiService.ts # Gemini API 客户端
│ ├── uploadService.ts # 图像上传服务
│ ├── cacheService.ts # IndexedDB 缓存层
│ └── imageProcessing.ts # 图像处理工具
├── store/ # Zustand 状态管理
@@ -149,11 +151,13 @@ src/
### 环境变量
```bash
VITE_GEMINI_API_KEY=your_gemini_api_key_here
VITE_ACCESS_TOKEN=your_access_token_here # 可选,用于图像上传
VITE_UPLOAD_ASSET_URL=your_asset_url # 可选用于图像上传的资产URL前缀
```
### 模型配置
- **模型**: `gemini-2.5-flash-image-preview`
- **输出格式**: 1024×1024 PNG 带 SynthID 水印
- **输出格式**: 1024×1024 PNG
- **输入格式**: PNG, JPEG, WebP
- **温度范围**: 0-1 (0 = 确定性, 1 = 创意)
@@ -223,4 +227,4 @@ npm run lint # 运行 ESLint
---
**由 [Mark Fulton](https://markfulton.com) 构建** | **由 Gemini 2.5 Flash Image 提供支持** | **使用 Bolt.new 制作**
**由 [Mark Fulton](https://markfulton.com) 构建** | **由 Gemini 2.5 Flash Image 提供支持** | **使用 Bolt.new 制作**