Skip to content

Latest commit

 

History

History
128 lines (94 loc) · 4.7 KB

README.md

File metadata and controls

128 lines (94 loc) · 4.7 KB
Raw

ChatGPT

1.0 版本使用 astro 框架，2.0 开始改用 next 框架。如之前已使用部署 astro 版本，需在管理页面将框架从 astro 切换成 next，并使用默认的 build 命令

Deploy with Vercel Deploy with Netlify

Astro 分支和主分支代码同步，只是框架不同。Astro 服务端渲染不能完整支持 Emotion，所以使用的是客户端渲染，而 Next 分支使用服务端渲染。Next 与 Unocss 配合开发体验不好，所以现在都是在 Astro 分支上开发。

可自行选择部署的分支：

功能

  • 页面样式移动端优先
  • 对话使用 OpenAI 官方 API /v1/chat/completions
  • 支持图片生成 /v1/images/generations
  • 支持设置 System Prompt，提供大量模版供选择
  • 支持 Prompt 收藏、导入、导出（浏览器本地缓存）
  • 支持多会话
  • 支持连续对话
  • 消息显示 token 使用数量
  • 支持配置模型
  • 支持夜间模式
  • 支持对话内容复制
  • 支持代码复制
  • 输入 / 搜索 Prompt
  • 支持 i18n
  • 支持 ASR 和 TTS，可用但不完善，需申请 key

Dark

Light

使用介绍

  • 页面中保存的 OPENAI KEY 会明文保存在 localstorage
  • 消息列表以 json 形式保存在 localstorage
  • 页面中保存的 API KEY 会明文传输进行请求
  • 输入框为空时，按上箭头将填充上一条消息内容

System Prompt

  • 如果 prompt 最后一句带有问句，个人建议将该问句从 prompt 删除，将其填入消息内容框内，不然每次对话的时候，该问句都会跟随 system prompt 一起发送
  • 配置 System Prompt 后页面底部的设置按钮会高亮
  • 消息和回复底部会显示PROMPT的标签，点击会复制并显示该 prompt
  • 击消息底部的重试按钮，会恢复对应的 System Prompt 并更新 localStorage 的值
  • 有 prompt 时未填写消息内容，可点击发送按钮。因内容为空，为便于查看，列表中内容区域会显示为 System Prompt

连续对话

  1. 开启后底部按钮高亮，消息会带有 conversionId
  2. 每次对话都会从页面消息列表查找对应 conversionId 的消息
  3. 发送的消息和回复会带有图标，用来辨别该内容是否为连续对话
  4. 连续对话会根据 conversionId 从列表中寻找历史会话消息
  5. 点击消息底部的重试按钮，会继续使用对应的 conversionId 延续对话。即使这条消息和历史对话消息中间穿插着对话其他消息
  6. 连续对话会添加 token 限制，会保留最低 1000 个 token 给回复使用
  7. 取最新的消息，超出 token 限制的历史消息会被舍弃
  8. 已添加 gpt-4 token 数判断

环境变量

以下是支持的环境变量，非 PUBLIC_ 开头的环境变量只在 /pages/api/ 调用

  • OPENAI_API_KEY
  • OPENAI_API_HOST
  • OPENAI_API_MODEL

设置访问密码：

  • ACCESS_CODE

ASR、TTS：

  • NEXT_PUBLIC_UNISOUND_AI_KEY
  • UNISOUND_AI_SECRET

问题

启动时 Unocss 样式错误

  • 解决方案一：next.config.js 中设置 cache = false，但影响热更新 
    webpack: (config, context) => {
  config.cache = false;
};
  • 解决方案二：package.json 中添加命令启动时删除 .next 缓存，会导致应用启动时较慢 
    {
  "scripts": {
    "start": "rm -rf .next && next dev"
  }
}

感谢

项目创建参考

prompt 模版来自：

依赖库

  • nextjs
  • react
  • chakra-ui
  • tabler icon
  • nanostores
  • unocss
  • markdown-it
  • github-markdown-css
  • ahooks
  • gpt3-tokenizer