如何一键部署自己的ChatGPT个人网站?

目录

一、前言

二、账号和项目准备 

三、网站的部署

四、附上本次搭建网站的地址


一、前言

对于部署ChatGPT个人网站,其实网上有很多开源的项目可以拿来一键部署,我也在B站一些视频up主的教学下成功部署了自己ChatGPT网站。自己实践了部署了网站让我学习到了关于计算机网络方面的知识。基于这些,我想写几篇文章,来说清楚这俩天如何部署ChatGPT网站全部过程吧!

首先还是先来说说看,什么是ChatGPT?

那什么是ChatGPT呢?这个我们让ChatGPT自己来回答?

那为什么要构建一个自己的个人ChatGPT网站呢?还是看看GPT是如何回答的吧!

二、账号和项目准备 

---- 一个vercel账号  ,一个 github账号 ,一个 openai的api-key

基于以上两点,也秉承着打发周末无聊的时间,因此我去网上找了一个比较火的GIthub项目进行了网站部署(项目链接:Yidadaa/ChatGPT-Next-Web: One-Click to deploy well-designed ChatGPT web UI on Vercel. 一键拥有你自己的 ChatGPT 网页服务。 (github.com)

项目架构如上,当然,在部署之前,你首先得拥有俩个账号,一个是自己的GIthub账号,另一个是vercel账号(这个账号的网站可以直接用GIthub账号登录)。GIthub这个应该不用我多说了吧!那我先来介绍一下vercel是什么?

        Vercel是一个全球领先的现代化Web应用程序部署平台,它提供了一个简单易用的界面来部署和托管Web应用程序、API和静态网站等。Vercel支持多种编程语言和框架,如React、Next.js、Vue、Angular、Gatsby等,可以轻松地将您的应用程序部署到全球各地的服务器上。

        Vercel提供了许多功能和工具,如自动化构建、部署、预渲染、缓存等,帮助您快速、高效地发布和管理您的应用程序。它还提供了全球CDN、SSL证书、自定义域名等功能,使您的应用程序在全球范围内都可以快速、可靠地访问。

        除了部署和托管Web应用程序外,Vercel还提供了许多其他功能,如API路由、服务器端渲染、自动缩放等,使您的应用程序更加强大和灵活。此外,Vercel还提供了免费的开发者计划,使您可以轻松地开始构建和部署您的应用程序。

关于Vercel介绍大概如上。

三、网站的部署

好,接下来就是如何在Vercel部署这个GIthub项目了。

1.先打开你的GitHub将整个项目克隆到你的仓库

2.然后打开 vercel.com ,注册号vercel账号后(这里使用GItHub账号登录),找到新增项目部署

 

3. 进入项目设置,给项目添加环境变量

 找到Environment Variables这一个选项,在里面新增CODE(可选),OPENAI_API_KEY(必选)

两个变量。CODE是给自己建立之后的网站增加网站密码,OPENAI_API_KEY则是填入自己的openai的密钥(好吧,如果没密钥也是白搭,怎么生成余额呢?你首先得有一个openai的账号,里面还有token余额,一般新账号都有5美金的api,然后生成自己的密钥,这里大家自行百度一下。)

 ok输入完成之后,点击Deploy等待数十秒即可完成部署了。

 

 点击即可访问一个自己的网站了(这个网站域名Vercel服务平台会自动分配,后续教程再教如何获取一个属于自己的域名和如何进行DNS解析,让自己的网站在国内也可以访问。由于,国内没有权限访问,openai官网,因此呢?我们得科学上网才能够访问。

 这里是因为 ,我们没有填入自己设置的CODE 值。我的密码是123,因此我填入123

 同时,这个项目写的比较好的是,有着不同聊天角色。如何设置,有兴趣的部署成功之后,自行摸索,挺好玩的一个网站。

四、附上本次搭建网站的地址

ChatGPT Next Web (chat-gpt-next-web-ojqw.vercel.app)   -- 国外模式

 www.itrsitegpt.eu.org   -- 国内模式(密码后台私信)

后续在发文章如何获取一个属于自己域名以及白嫖DNS解析服务。

猜你喜欢

转载自blog.csdn.net/qq_62238325/article/details/130793070