神速！10分钟安排自己的ChatGPT网站..
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><strong style="color: blue;"><span style="color: black;"><strong style="color: blue;"><span style="color: black;"><strong style="color: blue;"><img src="https://mmbiz.qpic.cn/mmbiz_gif/ibsfLhQMgy09JhlUaCQZm4kXHBSlPxPOOpOcfiaNmJRjoem28z1x3CbXNG2eQNK8Tic1Yyf1WqKZ3VibvSicNtwcguQ/640?wx_fmt=gif&wxfrom=5&wx_lazy=1&tp=webp" style="width: 50%; margin-bottom: 20px;"></strong></span></strong><strong style="color: blue;"><span style="color: black;">关注</span></strong>公众号，<span style="color: black;">回复“自学</span></span></strong><strong style="color: blue;">”获取</strong><strong style="color: blue;">学习资源！</strong></p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><strong style="color: blue;"><span style="color: black;">转载自公众号Java极客技术</span></strong></p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">大众</span>好，我是鸟哥。</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">ChatGPT <span style="color: black;">已然</span>火遍<span style="color: black;">全世界</span>好几个月了，了不起前面<span style="color: black;">亦</span>给<span style="color: black;">大众</span>分享过好多种 ChatGPT 的玩法，<span style="color: black;">倘若</span>到<span style="color: black;">此刻</span>你还<span style="color: black;">无</span>玩过的话，只能说太落后了。</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">了不起<span style="color: black;">近期</span>在逛 Github 的时候<span style="color: black;">发掘</span>了一个很不错的开源<span style="color: black;">制品</span> ChatGPT-Next-Web，<span style="color: black;">日前</span> Star 和 Fork 的数量都非常高，可见这款<span style="color: black;">制品</span>是很受人<span style="color: black;">爱好</span>的。完整的项目<span style="color: black;">位置</span>我放在下面了，感兴趣的小伙伴待会记得去看一看。</p><img src="https://mmbiz.qpic.cn/mmbiz_png/AfMHuxaVPMibWsiaxqDSBs60PPSpWUPiblHzf04ibRloQic0ZQJBhpJLxXLJd4mE1vwVDt6BkIqReKjaZ1croibiaPdyw/640?wx_fmt=png&wxfrom=5&wx_lazy=1&wx_co=1&tp=webp" style="width: 50%; margin-bottom: 20px;">
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">经过</span>官方<span style="color: black;">运用</span>文档，<span style="color: black;">咱们</span><span style="color: black;">能够</span>看到这个<span style="color: black;">制品</span>有如下特点</p>在 1 分钟内<span style="color: black;">运用</span> Vercel <strong style="color: blue;">免费一键<span style="color: black;">安排</span></strong>完整的 Markdown 支持：LaTex 公式、Mermaid 流程图、代码高亮等等精心设计的 UI，响应式设计，支持深色模式，支持 PWA<span style="color: black;">极大</span>的首屏加载速度（~100kb），支持流式响应隐私安全，所有数据<span style="color: black;">保留</span>在用户浏览器本地预制角色功能（面具），方便地创建、分享和调试你的个性化对话海量的内置 prompt 列表，来自中文和英文自动压缩上下文聊天记录，在节省 Token 的<span style="color: black;">同期</span>支持超长对话多国语言支持：English, 简体中文, 繁体中文, 日本語, Español, Italiano, Türkçe, Deutsch, Tiếng Việt, Русский, Čeština<span style="color: black;">持有</span>自己的域名？好上加好，绑定后<span style="color: black;">就可</span>在任何<span style="color: black;">地区</span><strong style="color: blue;">无<span style="color: black;">阻碍</span></strong>快速<span style="color: black;">拜访</span>
<h2 style="color: black; text-align: left; margin-bottom: 10px;"><span style="color: black;"><span style="color: black;">安排</span></span></h2>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">这个<span style="color: black;">制品</span>的<span style="color: black;">安排</span>有<span style="color: black;">非常多</span>中方式，最简单的一种<span style="color: black;">便是</span>直接 Fork 项目，<span style="color: black;">而后</span><span style="color: black;">经过</span>Vercel 一键<span style="color: black;">安排</span>，在<span style="color: black;">安排</span>的时候<span style="color: black;">咱们</span>设置好自己的 API KEY 和一个授权<span style="color: black;">秘码</span><span style="color: black;">就可</span>。API KEY 是用来<span style="color: black;">拜访</span> OpenAI 服务的，授权<span style="color: black;">秘码</span>是为了防止账号被别人<span style="color: black;">乱用</span>，<span style="color: black;">因此</span><span style="color: black;">经过</span><span style="color: black;">秘码</span>来拦截一下，<span style="color: black;">仅有</span>有授权<span style="color: black;">秘码</span>的人<span style="color: black;">才可</span><span style="color: black;">运用</span>。</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">首要</span><span style="color: black;">咱们</span>要先 Fork 项目的代码到自己的 Github 账号下，Fork 后的仓库名<span style="color: black;">叫作</span><span style="color: black;">能够</span>修改<span style="color: black;">亦</span><span style="color: black;">能够</span>保持一致；</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">而后</span><span style="color: black;">咱们</span><span style="color: black;">经过</span>点击 Readme 里面的 depoy 按钮，会自动<span style="color: black;">转</span>到 Vercel 中；</p><img src="https://mmbiz.qpic.cn/mmbiz_png/AfMHuxaVPMibWsiaxqDSBs60PPSpWUPiblHKIrSruW9EbRsoltGqYYqg1dtryPH1nrMCatIrOM095wWvpzaT16nZA/640?wx_fmt=png&wxfrom=5&wx_lazy=1&wx_co=1&tp=webp" style="width: 50%; margin-bottom: 20px;"><span style="color: black;">这儿</span><span style="color: black;">选取</span><span style="color: black;">咱们</span><span style="color: black;">刚才</span>克隆的资源库<img src="https://mmbiz.qpic.cn/mmbiz_png/AfMHuxaVPMibWsiaxqDSBs60PPSpWUPiblHOnibhWiberOibeiaicUKckXah3LvetLg4yWZPUiajWpNOQLGA0upC0jNI6xQ/640?wx_fmt=png&wxfrom=5&wx_lazy=1&wx_co=1&tp=webp" style="width: 50%; margin-bottom: 20px;">
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">而后</span>在环境变量中设置好下面的环境变量，<span style="color: black;">制品</span>本身还<span style="color: black;">供给</span>了BASE_URL 、OPENAI_ORG_ID 、HIDE_USER_API_KEY 和DISABLE_GPT4 环境变量。</p><img src="https://mmbiz.qpic.cn/mmbiz_png/AfMHuxaVPMibWsiaxqDSBs60PPSpWUPiblHV9C6arvoBFXOFVwYqM3Y25nAQB9WH1CVUb4s4wxo6PGTW6wlmOJ2bg/640?wx_fmt=png&wxfrom=5&wx_lazy=1&wx_co=1&tp=webp" style="width: 50%; margin-bottom: 20px;">
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">BASE_URL: 这个是用来进行代理转发了，<span style="color: black;">由于</span>国内的服务器是<span style="color: black;">没法</span><span style="color: black;">拜访</span> OpenAI 接口服务的；当把服务<span style="color: black;">安排</span>在国内的时候就需要设置，<span style="color: black;">否则</span>会被封号，<span style="color: black;">倘若</span>是用国外的服务器就<span style="color: black;">能够</span><span style="color: black;">不消</span>设置；</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">HIDE_USER_API_KEY：这个环境变量是用来<span style="color: black;">掌控</span><span style="color: black;">是不是</span>运行用户在<span style="color: black;">制品</span>里面<span style="color: black;">运用</span>自己的 API KEY，用户<span style="color: black;">倘若</span><span style="color: black;">运用</span>了自己的 API KEY 就不会<span style="color: black;">运用</span>上面服务<span style="color: black;">安排</span>时候设置的 API KEY 了，<span style="color: black;">然则</span>有时候并不<span style="color: black;">期盼</span>自己<span style="color: black;">安排</span>的服务被别人绕过<span style="color: black;">拜访</span><span style="color: black;">秘码</span>进行<span style="color: black;">运用</span>，这个时候就<span style="color: black;">能够</span>设置这个环境变量；</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">DISABLE_GPT4：这个环境变量是用来禁止<span style="color: black;">运用</span> GPT4 模型的，<span style="color: black;">由于</span> GPT4 模型的<span style="color: black;">花费</span>较高，避免被<span style="color: black;">乱用</span>；</p>
<h2 style="color: black; text-align: left; margin-bottom: 10px;"><span style="color: black;"><span style="color: black;">运用</span></span></h2>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">说了这么多，先<span style="color: black;">瞧瞧</span>这个<span style="color: black;">制品</span>长什么样子，了不起<span style="color: black;">安排</span>了一个给大伙<span style="color: black;">瞧瞧</span>，聊天界面如下所示，设置了自己的 API KEY <span style="color: black;">或</span><span style="color: black;">拜访</span><span style="color: black;">秘码</span>后就<span style="color: black;">能够</span>进行正常的聊天了。回答的响应<span style="color: black;">亦</span>是支持打字机模式的。</p><img src="https://mmbiz.qpic.cn/mmbiz_png/AfMHuxaVPMibWsiaxqDSBs60PPSpWUPiblH61NIAJwHcg8QqVHyqRy51e3NXjqAG0pnJdeFmh1icGib2My4BxDvxEBA/640?wx_fmt=png&wxfrom=5&wx_lazy=1&wx_co=1&tp=webp" style="width: 50%; margin-bottom: 20px;">
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">点击左下角设置按钮后，<span style="color: black;">能够</span>配置<span style="color: black;">拜访</span><span style="color: black;">秘码</span>和<span style="color: black;">有些</span>个性化设置，<span style="color: black;">这儿</span>的设置是全局的设置。</p><img src="https://mmbiz.qpic.cn/mmbiz_png/AfMHuxaVPMibWsiaxqDSBs60PPSpWUPiblHOia3jy7RALgk5tNHl1WqGx4lyowx5u8IBVYyBoT88amOzjfllbg0jHQ/640?wx_fmt=png&wxfrom=5&wx_lazy=1&wx_co=1&tp=webp" style="width: 50%; margin-bottom: 20px;">
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">经过</span>面具功能<span style="color: black;">咱们</span><span style="color: black;">能够</span><span style="color: black;">运用</span>内置的<span style="color: black;">非常多</span>角色场景，<span style="color: black;">能够</span>定义自己的面具，<span style="color: black;">按照</span>自己的<span style="color: black;">状况</span>进行设置。</p><img src="https://mmbiz.qpic.cn/mmbiz_png/AfMHuxaVPMibWsiaxqDSBs60PPSpWUPiblHoclUD1Ftx4VpHKtDQdwW7VwKk5NQ2HESRPKicS9VMUGAY0U7oZiaTic4A/640?wx_fmt=png&wxfrom=5&wx_lazy=1&wx_co=1&tp=webp" style="width: 50%; margin-bottom: 20px;">
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">有兴趣的小伙伴<span style="color: black;">亦</span><span style="color: black;">能够</span>进行<span style="color: black;">有些</span>二次<span style="color: black;">研发</span>，<span style="color: black;">例如</span>了不起这边就基于主干分支又拉取了新分支，<span style="color: black;">而后</span>接入了 DALL-E AI 绘画功能，<span style="color: black;">能够</span>看到效果还是可以的。</p><img src="https://mmbiz.qpic.cn/mmbiz_png/AfMHuxaVPMibWsiaxqDSBs60PPSpWUPiblHAGQWqZzdBMbW3Z5GqN29jG2DOf8RicJMjGKU5iavNl1yA3LpoNrg1kzg/640?wx_fmt=png&wxfrom=5&wx_lazy=1&wx_co=1&tp=webp" style="width: 50%; margin-bottom: 20px;">
<h2 style="color: black; text-align: left; margin-bottom: 10px;"><span style="color: black;">写在最后</span></h2>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">可能看到<span style="color: black;">这儿</span>有<span style="color: black;">非常多</span>小伙伴会说，<span style="color: black;">此刻</span>官方都出 APP 了，直接下载就能<span style="color: black;">运用</span>，<span style="color: black;">为何</span>还要自己搞这个。</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">其实<span style="color: black;">重点</span>看怎么看待这个问题吧，官方 APP 固然很好，<span style="color: black;">然则</span><span style="color: black;">运用</span>的时候总得需要魔法和<span style="color: black;">处理</span>账号，<span style="color: black;">况且</span>上班<span style="color: black;">亦</span><span style="color: black;">不可</span><span style="color: black;">始终</span>用手机和挂梯子，<span style="color: black;">因此</span>有了这个还是很方便的。</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">另一</span>这个项目<span style="color: black;">日前</span>还在接入其他家的模型，后期的能力会<span style="color: black;">更加多</span>，不单单只支持 OpenAI；当然更<span style="color: black;">重点</span>的还是<span style="color: black;">咱们</span><span style="color: black;">经过</span>对开源项目的<span style="color: black;">科研</span>和学习来<span style="color: black;">提高</span><span style="color: black;">自己</span>的技能，毕竟好的项目是值得学习的。</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">最后这个<span style="color: black;">尤其</span>适合<span style="color: black;">有些</span><span style="color: black;">机构</span>内部搭建一下，<span style="color: black;">而后</span>让员工<span style="color: black;">运用</span>，<span style="color: black;">亦</span>适合搭建一个分享给<span style="color: black;">伴侣</span>小圈子里面<span style="color: black;">运用</span>。</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">最后，奉上项目的源码、<span style="color: black;">安排</span>教程。老规矩了，安全起见放在隔壁小号了，点击下面的小卡片，关注后，回复【115】，就<span style="color: black;">能够</span>获取了。</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;"><span style="color: black;">点击 楼主的文章深得我心，表示由衷的感谢！ 你的话语真是温暖如春，让我心生感激。 楼主发的这篇帖子，我觉得非常有道理。
页:
[1]