Bash
docker run -d -p 3000:3000 \
-e OPENAI_API_KEY=sk-xxxx \
-e CODE=your-password \
yidadaa/chatgpt-next-web
```
* 注：`CODE` 是网页访问密码，防止他人盗 **ChatGPT-Next-Web**（现已更名为 **NextChat**）是一款非常流行的开源、跨平台 ChatGPT 用户界面（UI），它最大的特点是允许用户使用自己的 API Key 部署私人聊天服务，具有响应快、功能全、部署简单等优点。以下是针对不同使用场景的使用介绍：---
## 1. 核心功能亮点
* ** 隐私安全：** 所有的对话数据都存储在用户的浏览器本地或私人服务器中。* ** 多模型支持：** 兼容 OpenAI、Anthropic (Claude)、Google (Gemini) 等多种主流模型 API。* ** 预设面具（Prompts）：** 内置了大量的角色面具（如：翻译专家、代码助手、心理辅导等），可以一键开启特定场景的对话。* ** 轻量化：** 部署后的体积非常小，支持 PWA（网页应用安装），可以像原生 App 一样在手机或桌面端使用。* **Markdown 支持：** 完美渲染代码块、LaTex 公式、Mermaid 流程图。---
## 2. 如何开始使用？
### 方式 A：直接使用现成的站点
如果你已经有了 API Key，可以直接访问项目维护者提供的 [演示站点](https://app.nextchat.dev/)。1. 点击左下角的 **“设置”**（Settings）。2. 在 **“模型服务”** 处选择对应的供应商（如 OpenAI）。3. 填入你的 **API Key**。4.（可选）如果是在国内直接访问，可能需要填写代理地址（Endpoint）。### 方式 B：自行部署（推荐）
这是该项目最火的使用方式，通常只需要几分钟：1. **Vercel 一键部署：** 在 GitHub 搜索 `ChatGPT-Next-Web`，点击 README 中的 "Deploy with Vercel" 按钮。登录 GitHub 账号后，填入你的 API Key 作为环境变量，Vercel 会自动为你生成一个在线访问域名。2. **Docker 部署：** 如果你有自己的服务器，运行以下指令即可：```bash
docker run -d -p 3000:3000 \
-e OPENAI_API_KEY=sk-xxxx \
-e CODE=your-password \
yidadaa/chatgpt-next-web
```
* 注：`CODE` 是网页访问密码，防止他人盗用你的额度。*
---
## 3. 进阶使用技巧
### ## 角色面具（Masks）
点击左侧 **ChatGPT-Next-Web**（现已更名为 **NextChat**）是一款非常流行的开源、跨平台 ChatGPT 用户界面（UI），它最大的特点是允许用户使用自己的 API Key 部署私人聊天服务，具有响应快、功能全、部署简单等优点。以下是针对不同使用场景的使用介绍：---
## 1. 核心功能亮点
* ** 隐私安全：** 所有的对话数据都存储在用户的浏览器本地或私人服务器中。* ** 多模型支持：** 兼容 OpenAI、Anthropic (Claude)、Google (Gemini) 等多种主流模型 API。* ** 预设面具（Prompts）：** 内置了大量的角色面具（如：翻译专家、代码助手、心理辅导等），可以一键开启特定场景的对话。* ** 轻量化：** 部署后的体积非常小，支持 PWA（网页应用安装），可以像原生 App 一样在手机或桌面端使用。* **Markdown 支持：** 完美渲染代码块、LaTex 公式、Mermaid 流程图。---
## 2. 如何开始使用？
### 方式 A：直接使用现成的站点
如果你已经有了 API Key，可以直接访问项目维护者提供的 [演示站点](https://app.nextchat.dev/)。1. 点击左下角的 **“设置”**（Settings）。2. 在 **“模型服务”** 处选择对应的供应商（如 OpenAI）。3. 填入你的 **API Key**。4.（可选）如果是在国内直接访问，可能需要填写代理地址（Endpoint）。### 方式 B：自行部署（推荐）
这是该项目最火的使用方式，通常只需要几分钟：1. **Vercel 一键部署：** 在 GitHub 搜索 `ChatGPT-Next-Web`，点击 README 中的 "Deploy with Vercel" 按钮。登录 GitHub 账号后，填入你的 API Key 作为环境变量，Vercel 会自动为你生成一个在线访问域名。2. **Docker 部署：** 如果你有自己的服务器，运行以下指令即可：```bash
docker run -d -p 3000:3000 \
-e OPENAI_API_KEY=sk-xxxx \
-e CODE=your-password \
yidadaa/chatgpt-next-web
```
* 注：`CODE` 是网页访问密码，防止他人盗用你的额度。*
---
## 3. 进阶使用技巧
### ## 角色面具（Masks）
点击左侧菜单栏的 **“面具”** 图标，你会看到预设的各种 AI 角色。你可以点击“直接使用”或者“查看详情”**ChatGPT-Next-Web**（现已更名为 **NextChat**）是一款非常流行的开源、跨平台 ChatGPT 用户界面（UI），它最大的特点是允许用户使用自己的 API Key 部署私人聊天服务，具有响应快、功能全、部署简单等优点。以下是针对不同使用场景的使用介绍：---
## 1. 核心功能亮点
* ** 隐私安全：** 所有的对话数据都存储在用户的浏览器本地或私人服务器中。* ** 多模型支持：** 兼容 OpenAI、Anthropic (Claude)、Google (Gemini) 等多种主流模型 API。* ** 预设面具（Prompts）：** 内置了大量的角色面具（如：翻译专家、代码助手、心理辅导等），可以一键开启特定场景的对话。* ** 轻量化：** 部署后的体积非常小，支持 PWA（网页应用安装），可以像原生 App 一样在手机或桌面端使用。* **Markdown 支持：** 完美渲染代码块、LaTex 公式、Mermaid 流程图。---
## 2. 如何开始使用？
### 方式 A：直接使用现成的站点
如果你已经有了 API Key，可以直接访问项目维护者提供的 [演示站点](https://app.nextchat.dev/)。1. 点击左下角的 **“设置”**（Settings）。2. 在 **“模型服务”** 处选择对应的供应商（如 OpenAI）。3. 填入你的 **API Key**。4.（可选）如果是在国内直接访问，可能需要填写代理地址（Endpoint）。### 方式 B：自行部署（推荐）
这是该项目最火的使用方式，通常只需要几分钟：1. **Vercel 一键部署：** 在 GitHub 搜索 `ChatGPT-Next-Web`，点击 README 中的 "Deploy with Vercel" 按钮。登录 GitHub 账号后，填入你的 API Key 作为环境变量，Vercel 会自动为你生成一个在线访问域名。2. **Docker 部署：** 如果你有自己的服务器，运行以下指令即可：```bash
docker run -d -p 3000:3000 \
-e OPENAI_API_KEY=sk-xxxx \
-e CODE=your-password \
yidadaa/chatgpt-next-web
```
* 注：`CODE` 是网页访问密码，防止他人盗用你的额度。*
---
## 3. 进阶使用技巧
### ## 角色面具（Masks）
点击左侧菜单栏的 **“面具”** 图标，你会看到预设的各种 AI 角色。你可以点击“直接使用”或者“查看详情”修改其系统提示词（System Prompt），定制专属于你的 AI 助理。### ## 导出与分享
你可以将整个对话导出为 ** 图片 **ChatGPT-Next-Web**（现已更名为 **NextChat**）是一款非常流行的开源、跨平台 ChatGPT 用户界面（UI），它最大的特点是允许用户使用自己的 API Key 部署私人聊天服务，具有响应快、功能全、部署简单等优点。以下是针对不同使用场景的使用介绍：---
## 1. 核心功能亮点
* ** 隐私安全：** 所有的对话数据都存储在用户的浏览器本地或私人服务器中。* ** 多模型支持：** 兼容 OpenAI、Anthropic (Claude)、Google (Gemini) 等多种主流模型 API。* ** 预设面具（Prompts）：** 内置了大量的角色面具（如：翻译专家、代码助手、心理辅导等），可以一键开启特定场景的对话。* ** 轻量化：** 部署后的体积非常小，支持 PWA（网页应用安装），可以像原生 App 一样在手机或桌面端使用。* **Markdown 支持：** 完美渲染代码块、LaTex 公式、Mermaid 流程图。---
## 2. 如何开始使用？
### 方式 A：直接使用现成的站点
如果你已经有了 API Key，可以直接访问项目维护者提供的 [演示站点](https://app.nextchat.dev/)。1. 点击左下角的 **“设置”**（Settings）。2. 在 **“模型服务”** 处选择对应的供应商（如 OpenAI）。3. 填入你的 **API Key**。4.（可选）如果是在国内直接访问，可能需要填写代理地址（Endpoint）。### 方式 B：自行部署（推荐）
这是该项目最火的使用方式，通常只需要几分钟：1. **Vercel 一键部署：** 在 GitHub 搜索 `ChatGPT-Next-Web`，点击 README 中的 "Deploy with Vercel" 按钮。登录 GitHub 账号后，填入你的 API Key 作为环境变量，Vercel 会自动为你生成一个在线访问域名。2. **Docker 部署：** 如果你有自己的服务器，运行以下指令即可：```bash
docker run -d -p 3000:3000 \
-e OPENAI_API_KEY=sk-xxxx \
-e CODE=your-password \
yidadaa/chatgpt-next-web
```
* 注：`CODE` 是网页访问密码，防止他人盗用你的额度。*
---
## 3. 进阶使用技巧
### ## 角色面具（Masks）
点击左侧菜单栏的 **“面具”** 图标，你会看到预设的各种 AI 角色。你可以点击“直接使用”或者“查看详情”修改其系统提示词（System Prompt），定制专属于你的 AI 助理。### ## 导出与分享
你可以将整个对话导出为 ** 图片 ** 或 **Markdown 文本 **，方便在其他地方引用或归档。### ## 余额查询
在设置界面中，如果配置的是 **ChatGPT-Next-Web**（现已更名为 **NextChat**）是一款非常流行的开源、跨平台 ChatGPT 用户界面（UI），它最大的特点是允许用户使用自己的 API Key 部署私人聊天服务，具有响应快、功能全、部署简单等优点。以下是针对不同使用场景的使用介绍：---
## 1. 核心功能亮点
* ** 隐私安全：** 所有的对话数据都存储在用户的浏览器本地或私人服务器中。* ** 多模型支持：** 兼容 OpenAI、Anthropic (Claude)、Google (Gemini) 等多种主流模型 API。* ** 预设面具（Prompts）：** 内置了大量的角色面具（如：翻译专家、代码助手、心理辅导等），可以一键开启特定场景的对话。* ** 轻量化：** 部署后的体积非常小，支持 PWA（网页应用安装），可以像原生 App 一样在手机或桌面端使用。* **Markdown 支持：** 完美渲染代码块、LaTex 公式、Mermaid 流程图。---
## 2. 如何开始使用？
### 方式 A：直接使用现成的站点
如果你已经有了 API Key，可以直接访问项目维护者提供的 [演示站点](https://app.nextchat.dev/)。1. 点击左下角的 **“设置”**（Settings）。2. 在 **“模型服务”** 处选择对应的供应商（如 OpenAI）。3. 填入你的 **API Key**。4.（可选）如果是在国内直接访问，可能需要填写代理地址（Endpoint）。### 方式 B：自行部署（推荐）
这是该项目最火的使用方式，通常只需要几分钟：1. **Vercel 一键部署：** 在 GitHub 搜索 `ChatGPT-Next-Web`，点击 README 中的 "Deploy with Vercel" 按钮。登录 GitHub 账号后，填入你的 API Key 作为环境变量，Vercel 会自动为你生成一个在线访问域名。2. **Docker 部署：** 如果你有自己的服务器，运行以下指令即可：```bash
docker run -d -p 3000:3000 \
-e OPENAI_API_KEY=sk-xxxx \
-e CODE=your-password \
yidadaa/chatgpt-next-web
```
* 注：`CODE` 是网页访问密码，防止他人盗用你的额度。*
---
## 3. 进阶使用技巧
### ## 角色面具（Masks）
点击左侧菜单栏的 **“面具”** 图标，你会看到预设的各种 AI 角色。你可以点击“直接使用”或者“查看详情”修改其系统提示词（System Prompt），定制专属于你的 AI 助理。### ## 导出与分享
你可以将整个对话导出为 ** 图片 ** 或 **Markdown 文本 **，方便在其他地方引用或归档。### ## 余额查询
在设置界面中，如果配置的是 OpenAI 原生 Key，它可以直接显示当前账户的余额使用情况（前提是 API 供应商支持查询接口）。---
## 4. 常见问题
**ChatGPT-Next-Web**（现已更名为 **NextChat**）是一款非常流行的开源、跨平台 ChatGPT 用户界面（UI），它最大的特点是允许用户使用自己的 API Key 部署私人聊天服务，具有响应快、功能全、部署简单等优点。以下是针对不同使用场景的使用介绍：---
## 1. 核心功能亮点
* ** 隐私安全：** 所有的对话数据都存储在用户的浏览器本地或私人服务器中。* ** 多模型支持：** 兼容 OpenAI、Anthropic (Claude)、Google (Gemini) 等多种主流模型 API。* ** 预设面具（Prompts）：** 内置了大量的角色面具（如：翻译专家、代码助手、心理辅导等），可以一键开启特定场景的对话。* ** 轻量化：** 部署后的体积非常小，支持 PWA（网页应用安装），可以像原生 App 一样在手机或桌面端使用。* **Markdown 支持：** 完美渲染代码块、LaTex 公式、Mermaid 流程图。---
## 2. 如何开始使用？
### 方式 A：直接使用现成的站点
如果你已经有了 API Key，可以直接访问项目维护者提供的 [演示站点](https://app.nextchat.dev/)。1. 点击左下角的 **“设置”**（Settings）。2. 在 **“模型服务”** 处选择对应的供应商（如 OpenAI）。3. 填入你的 **API Key**。4.（可选）如果是在国内直接访问，可能需要填写代理地址（Endpoint）。### 方式 B：自行部署（推荐）
这是该项目最火的使用方式，通常只需要几分钟：1. **Vercel 一键部署：** 在 GitHub 搜索 `ChatGPT-Next-Web`，点击 README 中的 "Deploy with Vercel" 按钮。登录 GitHub 账号后，填入你的 API Key 作为环境变量，Vercel 会自动为你生成一个在线访问域名。2. **Docker 部署：** 如果你有自己的服务器，运行以下指令即可：```bash
docker run -d -p 3000:3000 \
-e OPENAI_API_KEY=sk-xxxx \
-e CODE=your-password \
yidadaa/chatgpt-next-web
```
* 注：`CODE` 是网页访问密码，防止他人盗用你的额度。*
---
## 3. 进阶使用技巧
### ## 角色面具（Masks）
点击左侧菜单栏的 **“面具”** 图标，你会看到预设的各种 AI 角色。你可以点击“直接使用”或者“查看详情”修改其系统提示词（System Prompt），定制专属于你的 AI 助理。### ## 导出与分享
你可以将整个对话导出为 ** 图片 ** 或 **Markdown 文本 **，方便在其他地方引用或归档。### ## 余额查询
在设置界面中，如果配置的是 OpenAI 原生 Key，它可以直接显示当前账户的余额使用情况（前提是 API 供应商支持查询接口）。---
## 4. 常见问题
* ** 打不开网页或回复失败？**
通常是网络问题或 API Key 无效。如果是国内部署，建议配置代理或者使用中 **ChatGPT-Next-Web**（现已更名为 **NextChat**）是一款非常流行的开源、跨平台 ChatGPT 用户界面（UI），它最大的特点是允许用户使用自己的 API Key 部署私人聊天服务，具有响应快、功能全、部署简单等优点。以下是针对不同使用场景的使用介绍：---
## 1. 核心功能亮点
* ** 隐私安全：** 所有的对话数据都存储在用户的浏览器本地或私人服务器中。* ** 多模型支持：** 兼容 OpenAI、Anthropic (Claude)、Google (Gemini) 等多种主流模型 API。* ** 预设面具（Prompts）：** 内置了大量的角色面具（如：翻译专家、代码助手、心理辅导等），可以一键开启特定场景的对话。* ** 轻量化：** 部署后的体积非常小，支持 PWA（网页应用安装），可以像原生 App 一样在手机或桌面端使用。* **Markdown 支持：** 完美渲染代码块、LaTex 公式、Mermaid 流程图。---
## 2. 如何开始使用？
### 方式 A：直接使用现成的站点
如果你已经有了 API Key，可以直接访问项目维护者提供的 [演示站点](https://app.nextchat.dev/)。1. 点击左下角的 **“设置”**（Settings）。2. 在 **“模型服务”** 处选择对应的供应商（如 OpenAI）。3. 填入你的 **API Key**。4.（可选）如果是在国内直接访问，可能需要填写代理地址（Endpoint）。### 方式 B：自行部署（推荐）
这是该项目最火的使用方式，通常只需要几分钟：1. **Vercel 一键部署：** 在 GitHub 搜索 `ChatGPT-Next-Web`，点击 README 中的 "Deploy with Vercel" 按钮。登录 GitHub 账号后，填入你的 API Key 作为环境变量，Vercel 会自动为你生成一个在线访问域名。2. **Docker 部署：** 如果你有自己的服务器，运行以下指令即可：```bash
docker run -d -p 3000:3000 \
-e OPENAI_API_KEY=sk-xxxx \
-e CODE=your-password \
yidadaa/chatgpt-next-web
```
* 注：`CODE` 是网页访问密码，防止他人盗用你的额度。*
---
## 3. 进阶使用技巧
### ## 角色面具（Masks）
点击左侧菜单栏的 **“面具”** 图标，你会看到预设的各种 AI 角色。你可以点击“直接使用”或者“查看详情”修改其系统提示词（System Prompt），定制专属于你的 AI 助理。### ## 导出与分享
你可以将整个对话导出为 ** 图片 ** 或 **Markdown 文本 **，方便在其他地方引用或归档。### ## 余额查询
在设置界面中，如果配置的是 OpenAI 原生 Key，它可以直接显示当前账户的余额使用情况（前提是 API 供应商支持查询接口）。---
## 4. 常见问题
* ** 打不开网页或回复失败？**
通常是网络问题或 API Key 无效。如果是国内部署，建议配置代理或者使用中转 API 接口。* ** 数据会丢失吗？**
默认情况下数据存在浏览器缓存中。如果你清理了浏览器缓存，对话 **ChatGPT-Next-Web**（现已更名为 **NextChat**）是一款非常流行的开源、跨平台 ChatGPT 用户界面（UI），它最大的特点是允许用户使用自己的 API Key 部署私人聊天服务，具有响应快、功能全、部署简单等优点。以下是针对不同使用场景的使用介绍：---
## 1. 核心功能亮点
* ** 隐私安全：** 所有的对话数据都存储在用户的浏览器本地或私人服务器中。* ** 多模型支持：** 兼容 OpenAI、Anthropic (Claude)、Google (Gemini) 等多种主流模型 API。* ** 预设面具（Prompts）：** 内置了大量的角色面具（如：翻译专家、代码助手、心理辅导等），可以一键开启特定场景的对话。* ** 轻量化：** 部署后的体积非常小，支持 PWA（网页应用安装），可以像原生 App 一样在手机或桌面端使用。* **Markdown 支持：** 完美渲染代码块、LaTex 公式、Mermaid 流程图。---
## 2. 如何开始使用？
### 方式 A：直接使用现成的站点
如果你已经有了 API Key，可以直接访问项目维护者提供的 [演示站点](https://app.nextchat.dev/)。1. 点击左下角的 **“设置”**（Settings）。2. 在 **“模型服务”** 处选择对应的供应商（如 OpenAI）。3. 填入你的 **API Key**。4.（可选）如果是在国内直接访问，可能需要填写代理地址（Endpoint）。### 方式 B：自行部署（推荐）
这是该项目最火的使用方式，通常只需要几分钟：1. **Vercel 一键部署：** 在 GitHub 搜索 `ChatGPT-Next-Web`，点击 README 中的 "Deploy with Vercel" 按钮。登录 GitHub 账号后，填入你的 API Key 作为环境变量，Vercel 会自动为你生成一个在线访问域名。2. **Docker 部署：** 如果你有自己的服务器，运行以下指令即可：```bash
docker run -d -p 3000:3000 \
-e OPENAI_API_KEY=sk-xxxx \
-e CODE=your-password \
yidadaa/chatgpt-next-web
```
* 注：`CODE` 是网页访问密码，防止他人盗用你的额度。*
---
## 3. 进阶使用技巧
### ## 角色面具（Masks）
点击左侧菜单栏的 **“面具”** 图标，你会看到预设的各种 AI 角色。你可以点击“直接使用”或者“查看详情”修改其系统提示词（System Prompt），定制专属于你的 AI 助理。### ## 导出与分享
你可以将整个对话导出为 ** 图片 ** 或 **Markdown 文本 **，方便在其他地方引用或归档。### ## 余额查询
在设置界面中，如果配置的是 OpenAI 原生 Key，它可以直接显示当前账户的余额使用情况（前提是 API 供应商支持查询接口）。---
## 4. 常见问题
* ** 打不开网页或回复失败？**
通常是网络问题或 API Key 无效。如果是国内部署，建议配置代理或者使用中转 API 接口。* ** 数据会丢失吗？**
默认情况下数据存在浏览器缓存中。如果你清理了浏览器缓存，对话记录会丢失。建议定期在设置中手动 ** 导出数据备份 **。如果你是开发者或运维人员，建议参考该项目的 [GitHub 主页](https://github.com/ChatGPTNextWeb/ChatGPT-Next-Web) 获取最新的环境变量配置指南。正文完