前言
首先看一下我们的战果，即成品：chat.bujj.org，欢迎使用！！

基于 OpenAI 和 ChatGPT 开发的项目有很多，比如chatgpt-web，它是用 Express 和 Vue3 搭建的同时支持 openAI Key 和 网页 accessToken 的 ChatGPT 演示网页，相对其他项目来说，更贴近ChatGPT，其页面风格如下图

 

总体页面布局与 ChatGPT 大致相同，有种小清新的感觉。

不过刚看到一款我个人比较喜欢的风格，走的是简约风，有种爽朗的感觉，长这个样子

介绍一下这个项目，项目地址：chatgpt-demo

这是一个基于 OpenAI API (gpt-3.5-turbo) 的小项目，看名字还含有 demo，作者可能只是想用来练手吧！但这种简约风我真的挺喜欢的

 

部署教程
方式一：一键部署
一键部署到 Vercel：点击这里

用 GitHub 账号登录，然后授权创建一个仓库名，其他不动

下一步就是配置 API 了

API 的创建地址：https://platform.openai.com/account/api-keys，当然，前提你要有 OpenAI 账号，注册的教程前面文章提过，不再赘述

点 Deploy 后会自动构建，完成后管理面板里就能看到了，鼠标放到你创建的项目上，这块区域右上角会有一个外部链接小角标，点开就能看到页面了！来看一下成品

 

方式二：本地运行
首先，您需要安装Node.js (v18+)，以前写过教程，博客搜一下就有，不再啰嗦了

设置和安装依赖项

npm i
制作一个副本.env.example，然后将其重命名为.env

将您的OpenAI API 密钥添加到.env

OPENAI_API_KEY=sk-xxx…
运行应用

npm run dev
【来源：https://www.bujj.org/index.php/2023/03/03/495/，转载请注明】