简易版 ChatGPT
网站,拿来即用,适合小白,让你十分钟搭建属于自己的 ChatGPT
问答机器人!
本项目是我的ChatGPT-website
纯前端版本,可以使用gitee pages
或者 github pages
零成本快速部署!
-
本项目使用
GPT-3.5-turbo
,支持记录上下文实现连续对话! -
本项目支持流式响应,
markdown
实时转换为html
! -
由于
openai
的api
地区限制问题,本项目使用现成开源api代理。 -
使用现有开源
api
代理,则只需在config.js
文件中加入自己的openai
的api key
即可,然后使用gitee pages
或者github pages
部署就行! 当然,不能将apikey
暴露在仓库中,github
目前会识别,然后会给你发邮件,这个apikey
会失效,则需要重新生成。下面我会给出解决方案!
本人提供了一种方案,你在config.js
文件中加入自己的 openai
的api key
时需要加入的是Base64
编码后的apikey
,我在相应代码中会自动读取config.js
中的默认Base64
编码后的apikey
,然后解码使用!
Base64
编码以及解码:
Python
:
import base64
# 编码
data = 'hello world'
encoded_data = base64.b64encode(data.encode('utf-8')).decode('utf-8')
print(encoded_data) # 输出: aGVsbG8gd29ybGQ=
# 解码
decoded_data = base64.b64decode(encoded_data).decode('utf-8')
print(decoded_data) # 输出: hello world
javascript
:
// 编码
let data = 'hello world';
let encodedData = btoa(data);
console.log(encodedData); // 输出: aGVsbG8gd29ybGQ=
// 解码
let decodedData = atob(encodedData);
console.log(decodedData); // 输出: hello world
你也可以自定义加密解密规则,当然无论是否加密,我都不建议在custom.js
文件中填写apiKey
,有心之人防不住,容易泄露!这只是为了防止github
识别的方案,建议直接部署后在首页填入自己的apiKey
使用。如需对外提供服务,请使用项目后端版本或者找其他支持环境变量的托管平台。总之纯前端版本流式响应效果不好,需要速度快点的建议使用后端版本!
- 可选多种页面主题。
- 可在本地保存自己的
api key
使用。 - 可在本地保存历史对话记录,即页面刷新不会消失,默认关闭,可在页面设置中开启。
- 可选择是否开启上下文连续对话,默认开启,可在页面设置中关闭。
- 添加删除按钮,可自己清空页面对话。
- 添加截图保存按钮,可点击将对话数据保存为图片。
- 加入语法高亮功能,同时markdown代码块实时转html标签。
- 代码块添加一键复制功能。
- 上下文对话状态下为节约
tokens
,当对话超过4轮后,则选取最新3轮作为上下文发送。为避免有人不点击删除按钮而导致页面积累大量对话,跟New Bing
一样,当上下文对话超过20轮,则无法继续发送,会提示点击删除按钮清空页面数据! - 美化页面,优化页面布局使得不同设备更好的自适应。
- 开发不易,拒绝白嫖,如果此小项目帮助到了您,希望能得到您的
star
! - 页面可任各位修改,希望留下项目地址,为此项目吸引更多的
star
! - 项目使用开源代理:https://github.com/geekr-dev/openai-proxy ,点个
star
支持作者 - 此项目适合小白,主打简洁,可不断完善!
- 对于项目如有疑问,可加下面
QQ
群交流! - 体验地址:我用的是
github pages
-> : https://aniuyyds.github.io/ChatGPT-website/ - 部署教程:https://blog.csdn.net/qq_57421630/article/details/130040548
- 项目后端版本:https://gitee.com/aniu-666/chat-gpt-website/tree/master/
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |