一键部署私人 ChatGPT 网页应用
开源项目
我试用了这两个 ChatGPT Web 端都可以一键发布到 Vercel,在 Cloudflare 上配置好域名,都不需要翻墙来使用,方便搭建分享给身边不方便上网的朋友们使用。
ChatGPT Next Web (9.4K star)
- 在 1 分钟内使用 Vercel 免费一键部署
- 精心设计的 UI,响应式设计,支持深色模式
- 极快的首屏加载速度(~85kb)
- 海量的内置 prompt 列表,来自中文和英文
- 自动压缩上下文聊天记录,在节省 Token 的同时支持超长对话
- 一键导出聊天记录,完整的 Markdown 支持
- 拥有自己的域名?好上加好,绑定后即可在任何地方无障碍快速访问

chatgpt-vercel (1.8K star)
- 基于 chatgpt-demo 开发
- 修改 .env 文件中的 api_key 即可;

Vercel应用绑定自己的域名
准备一个域名
首先购买自己的域名,您可以选择以下渠道进行购买:
另外您还可以选择从以下平台获取到免费的域名:
eu.org是欧盟组织的免费域名;需要英国的用户信息才能注册;
首推Namesilo
我早先在腾讯云购买的域名,但奈何无耻的价格套路,最后选择迁入Namesilo。
- 价格便宜稳定,无套路
Namesilo 域名本身价格就比较便宜,COM 域名 $8.99/年,除了一个一美元优惠码,基本没有其他大幅度促销活动,域名续费和首年购买价格一致。
套路指那些首年极其便宜,但次年续费很贵的。如 Godaddy,首年 $0.99,次年续费要 102 元人民币,而且隐私保护还需要额外再加 60 元。
Namesilo 价格表:Domain Pricing
💡填入我的优惠码 tangly1024 可以享受 1$的 优惠。
![]()
- 永久免费的隐私保护
Namesilo 提供永久免费的域名隐私保护,防止别人通过 WHOIS 查询获取域名所有者的个人注册信息。作为对比,Godaddy 的隐私保护是 60 元/年,Namecheap 是免费提供第一年。
- 安全性高
支持账户登陆二次验证和 Domain Defender,保护账户和域名安全。登陆、解锁域名等,都可以设置邮件或短信提醒。
- 支付方便
支持支付宝、Paypal、信用卡等多种方式付款。
Vercel控制台配置
- 在Vercel控制面板中找到Setting→Domains→Add,输入域名

- Add之后,如果看到下图中的提示(Invalid Configuration)👇,说明要是这个域名解析生效,需要在你的域名商管理后台配置对应的Cname解析。

配置CNAME域名解析(CloudFlare)
以下分多个平台举例,点击展开:
CloudFlare (首选推荐)CF具有Worker.js、全球无限CDN流量、网站防火墙、DDoS等特性,我个人比较喜欢将域名解析交给CloudFlare管理 。
这里主要用CF举例,打开CloudFlare打开域名控制台 https://dash.cloudflare.com
- 如果你的域名没有绑定过任何一条A记录,则添加一条域名A记录指向Vercel服务器地址76.76.21.21

- 根据需要添加你的一条CNAME记录,值指向Vercel的CNAME服务器:cname-china.vercel-dns.com ;(例如我这里用的是二级域名 hexo.tangly1024.com )


- 这里需要在ssl/tls配配置开启https加密

腾讯云托管域名https://console.dnspod.cn/dns/list 点击域名进行配置,添加一条CNAME 转发


阿里云托管域名打开控制台 https://dc.console.aliyun.com/#/domain-list/all 域名列表,点击域名,并添加一条cname转发

Freenom 购买的域名建议将域名的Nameservers 托管给 CloudFlare,然后在CloudFlare中设置

完成
如果域名服务配置正常,Vercel的卡片会变成如图的样子:
接下来就可以通过设置的域名(如 https://hexo.tangly1024.com )访问我们的网站了
关于根域名的配置
以上举例使用的是二级域名,如果你想像我一样使用 https://tangly1024.com 这样的根域名,配置参考如下:
Vercel后台
直接添加根域名后,vercel会提示需要添加一条@记录指向vercel的服务器 76.76.21.21

域名管理后台
直接将根域名 解析到 vercel的服务器地址即可 : 76.76.21.21

完成效果

Vercel域名在国内被墙
vercel.app因为被大量使用,自然而然被墙掉了,不过好在 Vercel 官方提供了单独的 IP 和 CNAME 地址给大家,对于国内的用户来说,配置一下单独的解析,依然可以享受 Vercel 提供的服务。
将上述步骤中用到的 ip和 cname地址替换成以下内容即可:
- A记录地址:76.223.126.88 或 76.76.21.98 等
- CNAME 记录地址:cname-china.vercel-dns.com
扩展阅读 A记录和CNAME的区别
A记录就是把一个域名解析到一个IP地址(Address,特指数字IP地址);
CNAME记录就是把域名解析到另外一个域名。
其功能差不多,CNAME将几个主机名指向一个别名,其实跟指向IP地址是一样的,因为这个别名也要做一个A记录的。