无需云服务器，一键部署你的ChatGPT Web网站｜完全免费
推广
| 推荐 | 链接 | 教程 |
|---|---|---|
| 火麒麟翻墙VPN | 注册链接 | IEPL内网级专线机场推荐、无视墙敏感时期、解锁ChatGPT、奈飞流媒体 |
| 云狐不限时VPN | 注册链接 | 不限时翻墙机场推荐，众多不限时套餐｜大流量套餐｜免费试用｜畅享4K |
| 长桥证券开户 | 文字教程 | 【视频教程】-长桥证券新加坡版开户入金教程：港美股永久免佣+0门槛开户 |
| 富途牛牛开户 | 文字教程 | 【视频教程】【富途牛牛】开户入金教程，投资美股必备券商 ｜领2100港币新手福利 |
| Fomecard虚拟卡 | 注册链接 | 美国虚拟信用卡，轻松搞定ChatGPT4 Plus会员订阅 |
| Pokepay虚拟卡 | 注册链接 | Pokepay虚拟卡开卡使用教程，附大额开卡抵扣券，支持USDT，有实体卡 |
背景
我之前做了怎么注册ChatGPT，以及把ChatGPT接入到微信公众号、电报telegram等平台的教程，今天我来教大家如何一键部署ChatGPT web网站。
这个部署完全免费也不需要云服务器，非常简单。
我们为什么要部署自己的ChatGPT Web网站呢？
主要有两个目的：
- 可以绕过某些区域无法访问ChatGPT的问题
- 可以轻松分享给自己的朋友一起使用，当然你也可以添加密码防止被其他人恶意滥用。
想要搭建自己的ChatGPT Web网站，我们只需要两个账号：
其实Vercel账号可以使用Github账号直接登录：
所以我们只需要注册一个Github账号即可。
开始
1. Github
我们首先先在Github上访问这个地址：ChatGPT-Next-Web
然后点击右上角的Fork也就是克隆，然后点击Create Fork把这个仓库克隆到你的账号下
这个时候就会把这个github 仓库克隆到你的个人账号下面。
Vercel
克隆之后我们去到Vercel平台。Vercel 使用刚才的Github账号登录并授权。
我们直接点击Add New->Project，然后找到我们的ChatGPT-next-web这个Github仓库，点击Import导入
这个project name我们可以随便选，使用默认的即可。
我们唯一要注意的就是这个环境变量，我们需要把ChatGPT的API Key添加进来，然后部署。
这个API Key是为了验证你的身份，需要你有OpenAI账号。
API key
如果你不知道上面的API Key怎么获得，这个非常简单，我们打开openai的平台地址：https://platform.openai.com/
登录之后点击右上角的头像，点击Manage Account->API Keys->Create New Secret Key, 然后复制下来保存备用。
部署
然后回到刚才的部署界面，在刚才的环境变量在Name里面输入 OEPNAI_API_KEY，然后Value就输入我们刚才复制的API Key
点击Add添加，然后我们点击Deploy部署。
当然如果你需要你的ChatGPT支持密码访问，可以添加一个新的环境变量，
Name: CODE
Value: 你想要设置的密码
这个时候，我们的网站就会需要密码访问。
我们点击Deploy，可以看到它就开始部署了 我们稍等一会就可以看到我们的网站就能部署成功了。
使用
我们可以点击就可以进入到我们的ChatGPT 个人网站了。
此时Vercel 给我们自动分配了域名，当然这个域名由于某些原因，在国内可能无法访问，你可能需要使用自己的域名。
我们在刚才的部署成功的页面点击右边的Add Domain添加域名，
然后输入我们的域名，点击添加。 我们选择默认的选项， 然后点击添加
添加之后Vercel会提示我们需要添加两条记录，一条是A记录，一条是CNAME记录。
我们进入到我们的域名解析商，这里我使用cloudflare来解析我的域名。
我们在这里点击添加记录：
- 首先我们添加A记录，记录类型是
A，名称是@，然后ipv4地址就是刚才的ip地址 - 然后我们再添加一条 CNAME 记录，记录类型是
CNAME，名称是www，值是刚才的值
现在我们这两条记录，就已经添加成功了
我们再回到我们的 Vercel 托管平台，可以看到，我们的DNS记录已经设置成功了
我们添加成功之后直接点击跳转，用我们自己的域名就可以访问ChatGPT Web网站了。
那我们可以开始在这里和ChatGPT进行聊天了。
角色扮演
我们也可以让ChatGPT来扮演各种角色，此时ChatGPT的回答会更具有专业性。
我们可以看到这里有非常多的角色，我们来让他帮我们扮演一个职业顾问，点击左下角新的聊天，找到职业顾问点击跳转新的聊天。
然后我们问他问题：作为一个程序员，我以后的职业生涯应该怎么规划？
点击发送，可以看到作为一个职业顾问，他给我们详细列明了我们有很多职业道路可以选择，然后还给我们的职业生活也做了一些规划。
如果不让它扮演职业顾问，它给的回答是怎么样的呢？
可以看到，同样的问题，当我们不让他扮演任何角色的时候，他给我们的答案就相对专业性就没有那么强。
所以角色扮演在专业的问题上，ChatGPT能给到更好的回答，我们可以使用这个来获得更优秀的答案。
密码访问
同时这个ChatGPT网站也是支持密码访问的，想要支持密码访问非常简单，上面已经告诉你如何添加环境变量。
如果你之前没有添加，这里教你如何再次添加。
点击你的当前项目，找到settings设置项，然后找到左边的Environment Variables也就是环境变量。
密码的环境变量的key是CODE，这个值你可以填写你的密码，比如说我填写techxiaofei，然后点击保存
现在我们环境已经添加成功了，添加成功之后我们重新编译一下，我们点击redeploy就是重编译。
重新访问我们的ChatGPT网站，可以看到上面提示：现在是未授权状态，请点击左下角设置按钮输入访问密码。
我们点击左下角的设置，然后找到访问密码，输入我们的访问密码，就可以正常和ChatGPT对话了。
后记
这个ChatGPT Web网站可以解决在国内无法正常访问ChatGPT的问题
而且它也不需要云服务器，不需要你购买任何东西，完全免费，任何人都可以轻松一键部署，所以赶紧尝试一下吧。
视频教程
本篇博客的视频教程首发于 Youtube：科技小飞哥，加入 电报粉丝群 获得最新视频更新和问题解答。