摆脱网络限制：用Vercel打造属于你的ChatGPT网站

# 摆脱网络限制：用Vercel打造属于你的ChatGPT网站 ## 前言上一篇分享了如何用自己的服务器搭建chatgpt服务器，但是需要你有一个服务器，还是有点成本的。今天我带来一个无需自备服务器的方式，让你也能搭建属于自己的chatgpt专属助手，并且可以不受网络限制，直接访问使用。非常适合自己搭建好，分享给不会使用网络的人去体验chatgpt的魔力。今天的主角就是Vercel了，Vercel是一个用于部署前端应用和Node服务的云平台，提供CDN加速，自带https，自带丰富的模板，支持根据模板创建项目和一键导入 github 的项目，非常方便。同类的平台有Netlify 和 Github Pages，相比之下，vercel 国内的访问速度更快，并且提供了多环境部署，支持持续集成，一次push或者一次PR会自动化构建发布，发布在development环境，生成不一样的链接可供预览。 ## 部署 ### fork项目打开[https://github.com/Yidadaa/ChatGPT-Next-Web](https://github.com/Yidadaa/ChatGPT-Next-Web)，点击右上角的fork按钮。 ![](https://upload-images.jianshu.io/upload_images/1377493-27dd6583cda11468.png) 点击下面的Create fork ![](https://upload-images.jianshu.io/upload_images/1377493-42568fea6ad0449c.png) ### 打开自动更新当你 fork 项目之后，由于 Github 的限制，需要手动去你 fork 后的项目的 Actions 页面启用 Workflows，并启用 Upstream Sync Action，启用之后即可开启每小时定时自动更新： ![](https://upload-images.jianshu.io/upload_images/1377493-97203f23853d5fb2.png) ![](https://upload-images.jianshu.io/upload_images/1377493-1d6d08f677f659ff.png) 如果需要手动更新，点击一下这里： ![](https://upload-images.jianshu.io/upload_images/1377493-eb4a2bca5a17a88c.png) ### 开始部署点击code返回首页，找到deploy按钮并点击： ![](https://upload-images.jianshu.io/upload_images/1377493-899a86a5adfd73ce.png) 使用你的github账号登录： ![](https://upload-images.jianshu.io/upload_images/1377493-8a98275b373f1018.png) 在弹出的页面中点击同意： ![](https://upload-images.jianshu.io/upload_images/1377493-2e12125631ebdc2d.png) 选择中国，输入你的手机号，点击继续，输入验证码，成功！ ![](https://upload-images.jianshu.io/upload_images/1377493-0d39fd1781988699.png) 点击左上角Logo返回首页，点击Add New，选择Project： ![](https://upload-images.jianshu.io/upload_images/1377493-e378848aac040fc4.png) 输入chatgpt-next-web，点击Import： ![](https://upload-images.jianshu.io/upload_images/1377493-d090860c823c9c5c.png) ![](https://upload-images.jianshu.io/upload_images/1377493-fbe414a1cbd75aef.png) 1. 在项目配置页，点开 Environmane Variables 开始配置环境变量； 2. 依次新增名为 OPENAI_API_KEY 和 CODE 的环境变量； 3. 填入环境变量对应的值； 4. 点击 Add 确认增加环境变量； 5. 请确保你添加了 OPENAI_API_KEY，否则无法使用； 6. 点击 Deploy，创建完成，耐心等待 5 分钟左右部署完成。看到这个页面就表示创建成功了,点击左侧就可以去访问了 ![](https://upload-images.jianshu.io/upload_images/1377493-08486a7b6ca740c0.png) ![](https://upload-images.jianshu.io/upload_images/1377493-7880428a57580c14.png) 1. 点击左下角设置 2. Language可以切换成中文 3. Access Code填入你之前在环境变量里面配置的密码 4. (可选)如果你不想让别人使用你的api key去请求，这里可以不用填密码，让使用者在API KEY这里输入自己的api key即可 ## 扩展按照上面的步骤就已经可以正常运行你的个人专属chatgpt了，下面是一些进阶用法。 ### 配置你自己的域名 vercel支持配置你自己的域名，这样访问就会更简单一些。首先进入Vercel首页，[https://vercel.com/](https://vercel.com/)，选择你刚才创建好的项目。 ![](https://upload-images.jianshu.io/upload_images/1377493-a0cfcbf722f987c4.png) 依次选择settings -> Domains，输入你的域名，然后点击Add ![](https://upload-images.jianshu.io/upload_images/1377493-a8669d5ae46f016b.png) 稍等一会，这里显示`Invalid Configuration`，表示无效的配置，别担心，根据下面的提示，我们需要去dns配置下我们的域名。我目前是使用dnspod管理我的域名的，所以这里我用dnspod做演示，当然也可以用cloudflare跟阿里云，步骤类似。 ![](https://upload-images.jianshu.io/upload_images/1377493-b4bd252bb9bba246.png) 首先进入dnspod控制台，https://console.dnspod.cn/，选择你的域名，点击： ![](https://upload-images.jianshu.io/upload_images/1377493-373441392f3eb34b.png) ![](https://upload-images.jianshu.io/upload_images/1377493-f851a61275849418.png) 1. 点击*添加记录* 2. 出入你要映射的二级域名 3. 记录类型选个CNAME 4. 记录值输入`cname.vercel-dns.com.` 5. 点击确认这个时候再返回Vercel，就能看到Domains这里自动刷新了，显示下面的就表示配置成功了 ![](https://upload-images.jianshu.io/upload_images/1377493-e0833f0ef8d7defa.png) 在浏览器输入你配置好的网址，就可以直接访问啦！ ![](https://upload-images.jianshu.io/upload_images/1377493-99d8e14e8985e87b.png) ### 如何更改环境变量访问vercel主页：[https://vercel.com/dashboard](https://vercel.com/dashboard) 点击你的项目： ![](https://upload-images.jianshu.io/upload_images/1377493-3dd61322a99dfdc6.png) ![](https://upload-images.jianshu.io/upload_images/1377493-6e2dcd450c9229e7.png) 1. 进去 Vercel 项目内部控制台，点击顶部的 Settings 按钮； 2. 点击左侧的 Environment Variables； 3. 点击已有条目的右侧按钮； 4. 选择 Edit 进行编辑，然后保存即可。 ⚠️️ 注意：每次修改完环境变量，你都需要重新部署项目来让改动生效！ ### 如何重新部署 ![](https://upload-images.jianshu.io/upload_images/1377493-d3715d753b8ae27b.png) 1. 进入 Vercel 项目内部控制台，点击顶部的 Deployments 按钮； 2. 选择列表最顶部一条的右侧按钮； 3. 点击 Redeploy 即可重新部署。本文由[mdnice](https://mdnice.com/?platform=6)多平台发布

人面猴
序言：七十年代末，一起剥皮案震惊了整个滨河市，随后出现的几起案子，更是在滨河造成了极大的恐慌，老刑警刘岩，带你破解...
沈念sama阅读 219,366评论 6赞 508
死咒
序言：滨河连续发生了三起死亡事件，死亡现场离奇诡异，居然都是意外死亡，警方通过查阅死者的电脑和手机，发现死者居然都...
沈念sama阅读 93,521评论 3赞 395
救了他两次的神仙让他今天三更去死
文/潘晓璐我一进店门，熙熙楼的掌柜王于贵愁眉苦脸地迎上来，“玉大人，你说我怎么就摊上这事。” “怎么了？”我有些...
开封第一讲书人阅读 165,689评论 0赞 356
道士缉凶录：失踪的卖姜人
文/不坏的土叔我叫张陵，是天一观的道长。经常有香客问我，道长，这世上最难降的妖魔是什么？我笑而不...
开封第一讲书人阅读 58,925评论 1赞 295
港岛之恋（遗憾婚礼）
正文为了忘掉前任，我火速办了婚礼，结果婚礼上，老公的妹妹穿的比我还像新娘。我一直安慰自己，他们只是感情好，可当我...
茶点故事阅读 67,942评论 6赞 392
恶毒庶女顶嫁案：这布局不是一般人想出来的
文/花漫我一把揭开白布。她就那样静静地躺着，像睡着了一般。火红的嫁衣衬着肌肤如雪。梳的纹丝不乱的头发上，一...
开封第一讲书人阅读 51,727评论 1赞 305
城市分裂传说
那天，我揣着相机与录音，去河边找鬼。笑死，一个胖子当着我的面吹牛，可吹牛的内容都是我干的。我是一名探鬼主播，决...
沈念sama阅读 40,447评论 3赞 420
双鸳鸯连环套：你想象不到人心有多黑
文/苍兰香墨我猛地睁开眼，长吁一口气：“原来是场噩梦啊……” “哼！你这毒妇竟也来了？” 一声冷哼从身侧响起，我...
开封第一讲书人阅读 39,349评论 0赞 276
万荣杀人案实录
序言：老挝万荣一对情侣失踪，失踪者是张志新（化名）和其女友刘颖，没想到半个月后，有当地人在树林里发现了一具尸体，经...
沈念sama阅读 45,820评论 1赞 317
护林员之死
正文独居荒郊野岭守林人离奇死亡，尸身上长有42处带血的脓包…… 初始之章·张勋以下内容为张勋视角年9月15日...
茶点故事阅读 37,990评论 3赞 337
白月光启示录
正文我和宋清朗相恋三年，在试婚纱的时候发现自己被绿了。大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
茶点故事阅读 40,127评论 1赞 351
活死人
序言：一个原本活蹦乱跳的男人离奇死亡，死状恐怖，灵堂内的尸体忽然破棺而出，到底是诈尸还是另有隐情，我是刑警宁泽，带...
沈念sama阅读 35,812评论 5赞 346
日本核电站爆炸内幕
正文年R本政府宣布，位于F岛的核电站，受9级特大地震影响，放射性物质发生泄漏。R本人自食恶果不足惜，却给世界环境...
茶点故事阅读 41,471评论 3赞 331
男人毒药：我在死后第九天来索命
文/蒙蒙一、第九天我趴在偏房一处隐蔽的房顶上张望。院中可真热闹，春花似锦、人声如沸。这庄子的主人今日做“春日...
开封第一讲书人阅读 32,017评论 0赞 22
一桩弑父案，背后竟有这般阴谋
文/苍兰香墨我抬头看了看天上的太阳。三九已至，却和暖如春，着一层夹袄步出监牢的瞬间，已是汗流浃背。一阵脚步声响...
开封第一讲书人阅读 33,142评论 1赞 272
情欲美人皮
我被黑心中介骗来泰国打工，没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留，地道东北人。一个月前我还...
沈念sama阅读 48,388评论 3赞 373
代替公主和亲
正文我出身青楼，却偏偏与公主长得像，于是被迫代替她去往敌国和亲。传闻我的和亲对象是个残疾皇子，可洞房花烛夜当晚...
茶点故事阅读 45,066评论 2赞 355

摆脱网络限制：用Vercel打造属于你的ChatGPT网站

推荐阅读更多精彩内容