使用 Vercel 一键部署自己的 ChatGPT

使用 Vercel + Cloudflare，只需 30 分钟，让你拥有自己的可随时随地访问的 ChatGPT。

极快的网页加载速度、精美的 UI、海量的 prompt 模板、支持超长对话、支持导出聊天记录、丰富的设置选项、自定义模型参数、压缩历史消息（节省 token 消耗）、前置上下文（对话角色设置）、设定用户访问码、自定义域名、无需翻墙......

1、Fork 项目仓库

注：关于为什么要先 Fork 代码仓库，请看🔗官方描述。

登录自己的 Github 账号（没有账号的先去🔗注册），打开🔗ChatGPT-Next-Web 的项目主页，将代码仓库 Fork 到自己的账号：

显示这样就代表 Fork 成功✔️：

2、开启 Action 权限

开启此权限是为了让你的 Fork 仓库可以与上游代码库同步更新，每 1 小时自动同步一次。并且 Vercel 会自动部署，可以说是完全自动化了~

切换到 Actions，点击I understand my workflows, go ahead and enable them按钮：

切换到 Upstream Sync，点击 Enable workflow：

显示这样就代表成功开启 Action 权限✔️：

3、部署在 Vercel

首先你要先去🔗注册Vercel，用 Github 连接，并绑定手机号即可：

进入🔗Vercel控制台，创建一个新项目：

此时已经识别到了你的 Github 账号，和教程第一步时 Fork 的代码仓库（ChatGPT-Next-Web），点击 Import：

添加 Environment Variables（环境变量）：

变量 1：必填，这是你的 API Key，没有的需要去🔗创建一个，前提是你已经注册了 ChatGPT 的账号，并且账号内有🔗试用额度，一般是 5$，用完了就换新号

后续更换 OPENAI_API_KEY 的操作请看 7.2

Name: OPENAI_API_KEY

Value: sk-ohtbdhgw……

变量 2：建议填入，用户访问码，想要给多个用户分配访问码时需用英文逗号,隔开，不能有空格

后续更换 CODE 的操作请看 7.1

Name: CODE

Value: code1,code2,code3,code4 （只是举例，按照你的喜好更改）

添加完两个变量之后，点击 Deploy 部署：

正在部署，稍等 3-4 分钟：

撒花，部署成功✔️：

点击 Continue to Dashboard：

点击 Visit，就可以访问啦~（但是现在还没配置自定义域名，还需要翻墙才能进去）：

网页加载成功✔️：

4、配置自定义域名

4.1 购买域名

不一定非要在这个平台买，我选择这里，因为纯数字域名挺便宜。

🔗注册Name.com并登录，🔗搜索你想要的域名，最好是纯数字+xyz后缀的，比较便宜，例如：875479.xyz，一般是 1 美金左右，如果搜的比较贵的话，可以试试其他数字，然后点击 加入购物车，点击 结账，：

附加商品都不用选，页面拉到底部，点击 CONTINUE TO CHECKOUT

此时进入购物车结账页面，它还是给你添加了一个附加商品，不要慌，把它删掉就行，删掉之后再点击 下一步：付款：

选择支付宝，勾选两个协议，点击 完成订单：

第一次下单可能会弹出一个糟糕或者Error页面，别慌~它的意思是：你选的域名发生了些许价格变化，购物车的状态已更新，从新回去下单即可。

刷新购物车后，再次点击 完成订单，就会有一个跳转到支付页面的弹窗，点击 确定 即可：

付款之后，等待页面跳转。域名购买成功之后，在🔗我的域名列表就会看到刚刚购买的域名，可以取消勾选自动续费：

点击这里进入域名详情页，进入域名详情页后，先暂时安放这个页面备用~

4.2 配置 Cloudflare

先去🔗注册cloudflare，右上角可以选简体中文。

登录进去之后，点击 添加站点：

输入你刚刚买的域名，例如 875479.xyz：

页面下滑到底部，选择 Free 免费计划，继续：

添加两条 DNS 记录，Vercel 官方提供了单独的 IP 和 CNAME 地址给国内用户（这是现在不用翻墙的核心原因）：

A 记录地址：76.223.126.88 或 76.76.21.98

CNAME 记录地址：cname-china.vercel-dns.com

把代理状态关闭，仅 DNS。

添加完成后，下拉页面，把这两个 名称服务器 地址复制下来：

进入🔗Name.com 的域名详情页，点击 管理域名服务器：

把默认的 4 个都删除掉，换成刚刚在 Cloudflare 复制的两个新的即可：

替换完成后，再回到 Cloudflare，点击 检查名称服务器，等待更新：

等这里的状态变为 ✔️有效，大约需要 5-10 分钟，耐心等待：

状态更新后，域名服务器已从 Name.com 转到 Cloudflare，DNS 也指向了 Vercel 的服务器✔️

5、将域名添加至 Vercel

打开🔗Vercel控制台，点击部署的项目，点击 Settings，侧边栏点击 Domains，把域名输入进去，点击 Add：

选择 Add xxxxx.xyz and redirect www.xxxxx.xyz to it，然后 Add：

因为在上一步中，DNS 已经修改并应用成功，等待刷新一会（或者手动刷新），就会看到域名成功添加，也可以点击 Edit，将默认的域名删掉：

此时就可以用新的域名访问啦~

如果访问时页面显示协议不受支持，请移步🔗这里。

6、ChatGPT 设置

网站可以访问后，需要进行一些简单的设置，如果你部署的时候加了访问码（CODE），填进去就可以了，其它的可以根据自己喜好设置：

OpenAI API Key 可以不再填入，因为部署的时候在 Vercel 后台填过了

7、其它

7.1 和 7.2 保存完都需要重新部署（看 7.3）。

7.1 如何增加/删除访问码？

进入🔗vercel控制台，点击部署的项目，点击 Settings，选择 Environment Variables 环境变量，对 CODE 的值进行 Edit，然后保存：

7.2 如何更换 OpenAI API key?

同上，对 OPENAIAPIKEY 的值进行 Edit，并保存：

7.3 如何重新部署？

选择 Deployments，对最新的部署记录进行 Redeploy：

勾选 Use existing Build Cache（勾选的意思是用代码缓存部署，不更新代码，只更新配置，部署更快），点击 Redeploy：

7.4 触发 Prompt 模板

在发送框键入 / 就可以触发内置的 200 多条 Prompt 模板

7.5 项目跟踪

可以持续🔗关注项目，看 issue 或者提 pr，以保持对新功能应用的及时性。