You've already forked Nano-Banana-AI-Image-Editor
修复 快捷键无效的问题;
修复 重复上传参考图的问题; 重新编写了README文档;
This commit is contained in:
20
README.md
20
README.md
@@ -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 模型进行对话式、区域感知的修改。采用现代网络技术构建,专为创作者和开发者设计。
|
||||
|
||||
[](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 制作**
|
||||
Reference in New Issue
Block a user