# chrome_plugin_notebook

**Repository Path**: kygeng/chrome_plugin_notebook

## Basic Information

- **Project Name**: chrome_plugin_notebook
- **Description**: 笔记管理插件
- **Primary Language**: JavaScript
- **License**: Apache-2.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2025-07-06
- **Last Updated**: 2025-07-10

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# Chrome 笔记插件

一个 Chrome 浏览器插件，用于快速记录笔记并保存到 MySQL 数据库。

## 功能特点

- 📝 快速记录笔记（标题、类型、关键词、内容、思考）
- 🗄️ 数据保存到 MySQL 数据库
- 🎨 简洁美观的界面
- ⚡ 实时保存反馈

## 快速安装（推荐）

### Windows 用户
1. 双击运行 `installer.bat`
2. 按照提示完成安装
3. 桌面会自动创建快捷方式

### 手动安装

#### 1. 安装依赖

```bash
npm install
```

#### 2. 配置 API Key

在开始使用前，您需要配置 Gemini API Key：

**方式一：使用设置脚本（推荐）**
```bash
node setup-config.js
```

**方式二：手动创建 .env 文件**
1. 在项目根目录创建 `.env` 文件
2. 添加以下内容：
```
GEMINI_API_KEY=您的实际API密钥
```

**获取 API Key：**
1. 访问 [Google AI Studio](https://makersuite.google.com/app/apikey)
2. 登录您的 Google 账户
3. 创建新的 API Key
4. 复制并粘贴到 `.env` 文件中

#### 3. 配置数据库

1. 确保 MySQL 服务正在运行
2. 创建数据库和表：

```sql
CREATE DATABASE chromenodebook CHARACTER SET utf8mb4 COLLATE utf8mb4_general_ci;

USE chromenodebook;

CREATE TABLE `node_book` (
  `id` int NOT NULL AUTO_INCREMENT COMMENT '主键',
  `title` varchar(200) COLLATE utf8mb4_general_ci DEFAULT NULL COMMENT '标题',
  `type` varchar(50) COLLATE utf8mb4_general_ci DEFAULT NULL COMMENT '类型',
  `key_list` varchar(200) COLLATE utf8mb4_general_ci DEFAULT NULL COMMENT '关键词',
  `content` text COLLATE utf8mb4_general_ci COMMENT '内容',
  `think` text COLLATE utf8mb4_general_ci COMMENT '思考',
  PRIMARY KEY (`id`)
) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_general_ci;
```

#### 3. 启动服务

**方式一：使用启动脚本**
```bash
# Windows
start.bat

# Linux/Mac
chmod +x start.sh
./start.sh
```

**方式二：直接启动**
```bash
npm start
```

**方式三：桌面应用（自动启动服务）**
```bash
npm run desktop
```

#### 4. 安装 Chrome 插件

1. 打开 Chrome 浏览器
2. 访问 `chrome://extensions/`
3. 开启"开发者模式"
4. 点击"加载已解压的扩展程序"
5. 选择项目文件夹（包含 manifest.json 的文件夹）

## 使用方法

1. 点击浏览器右上角的插件图标
2. 填写笔记信息：
   - **标题**：笔记标题（必填）
   - **类型**：选择笔记类型（读书笔记、反思、知识点）
   - **关键词**：用逗号分隔多个关键词
   - **内容**：笔记主要内容
   - **思考**：个人思考和感悟
3. 点击"保存笔记"按钮
4. 数据将自动保存到 MySQL 数据库

## API 接口

### 保存笔记
- **POST** `/api/notes`
- **请求体**：
```json
{
  "title": "笔记标题",
  "type": "读书笔记",
  "keywords": "关键词1,关键词2",
  "content": "笔记内容",
  "thoughts": "思考内容"
}
```

### 获取所有笔记
- **GET** `/api/notes`
- **返回**：所有笔记列表

## 文件结构

```
├── manifest.json          # Chrome 插件配置文件
├── popup.html            # 插件弹窗界面
├── server.js             # 后端 API 服务器
├── desktop-app.js        # Electron 桌面应用
├── package.json          # 项目依赖配置
├── start.bat             # Windows 启动脚本
├── start.sh              # Linux/Mac 启动脚本
├── installer.bat         # Windows 一键安装程序
├── README.md             # 项目说明文档
└── icon*.png             # 插件图标文件
```

## 注意事项

1. **重要：** 请确保您的 API Key 已正确配置在 `.env` 文件中
2. 确保 MySQL 服务正在运行
3. 确保后端服务（127.0.0.1:3000）正在运行
4. 如果遇到跨域问题，请检查 CORS 配置
5. 建议在生产环境中使用环境变量来配置数据库连接信息
6. **安全提醒：** 不要将包含真实 API Key 的 `.env` 文件提交到 Git 仓库

## 故障排除

### 无法连接到数据库
- 检查 MySQL 服务是否启动
- 验证数据库连接配置是否正确
- 确认数据库和表是否已创建

### 插件无法保存数据
- 确保后端服务正在运行（http://127.0.0.1:3000）
- 检查浏览器控制台是否有错误信息
- 验证 API 接口是否正常响应

## 许可证

MIT License 

## 修改预设的prompt

promptTemplate review.js