手把手教你搭建ChatGPT镜像站！

sockstack / 17 / 2023-11-08 22:02:13

<p><span style="color: red; font-size: 18px">ChatGPT 可用网址，仅供交流学习使用，如对您有所帮助，请收藏并推荐给需要的朋友。</span><br><a href="https://ckai.xyz/?sockstack&section=detail" target="__blank">https://ckai.xyz</a><br><br></p> <div class="Post-RichTextContainer"><div class="css-1yuhvjn"><div class="css-376mun"><div class="RichText ztext Post-RichText css-117anjg" options="[object Object]">
<h2 data-first-child=""><i>一、获取 API_KEY</i></h2>
<p class="ztext-empty-paragraph"><br></p>
<p data-pid="sY4b6q88">可以按照以下步骤来使用OpenAI官网的API:</p>
<ol><li data-pid="EkwskFTq">打开OpenAI官网（<a href="https://link.zhihu.com/?target=http%3A//openai.com/" class=" external" target="_blank" rel="nofollow noreferrer" data-za-detail-view-id="1043"><span class="invisible">http://</span><span class="visible">openai.com/</span><span class="invisible"></span></a>）。点击右上角的登录按钮，然后选择API选项。</li></ol>
<figure data-size="normal"><noscript><img src="https://pic2.zhimg.com/v2-9e6793280f9d602c31042290a05ce2b5_b.jpg" data-caption="" data-size="normal" data-rawwidth="1080" data-rawheight="555" class="origin_image zh-lightbox-thumb" width="1080" data-original="https://pic2.zhimg.com/v2-9e6793280f9d602c31042290a05ce2b5_r.jpg"></noscript>
<div><img src="https://pic2.zhimg.com/80/v2-9e6793280f9d602c31042290a05ce2b5_720w.webp" data-caption="" data-size="normal" data-rawwidth="1080" data-rawheight="555" class="origin_image zh-lightbox-thumb lazy" width="1080" data-original="https://pic2.zhimg.com/v2-9e6793280f9d602c31042290a05ce2b5_r.jpg" data-actualsrc="https://pic2.zhimg.com/v2-9e6793280f9d602c31042290a05ce2b5_b.jpg" data-original-token="v2-8d6fbae4f92bada91858374578e46a4a" height="555" data-lazy-status="ok"></div></figure><p data-pid="27HeTk3Q">2.在弹出的列表中，点击右上角的"View API Keys"，以查看个人信息。</p>
<figure data-size="normal"><noscript><img src="https://pic2.zhimg.com/v2-7cdb1d7913c2e383eb39fa64d06fa2b5_b.jpg" data-caption="" data-size="normal" data-rawwidth="431" data-rawheight="626" class="origin_image zh-lightbox-thumb" width="431" data-original="https://pic2.zhimg.com/v2-7cdb1d7913c2e383eb39fa64d06fa2b5_r.jpg"></noscript>
<div><img src="https://pic2.zhimg.com/80/v2-7cdb1d7913c2e383eb39fa64d06fa2b5_720w.webp" data-caption="" data-size="normal" data-rawwidth="431" data-rawheight="626" class="origin_image zh-lightbox-thumb lazy" width="431" data-original="https://pic2.zhimg.com/v2-7cdb1d7913c2e383eb39fa64d06fa2b5_r.jpg" data-actualsrc="https://pic2.zhimg.com/v2-7cdb1d7913c2e383eb39fa64d06fa2b5_b.jpg" data-original-token="v2-e353f457912cace3c78ca4363a2305f9" height="626" data-lazy-status="ok"></div></figure><p data-pid="fqg5KFNt">如果你还没有创建API_KEY，请点击"Create new secret key"选项。</p>
<figure data-size="normal"><noscript><img src="https://pic4.zhimg.com/v2-e8c6241e5b60d466519a077d4f26eefb_b.jpg" data-caption="" data-size="normal" data-rawwidth="941" data-rawheight="432" class="origin_image zh-lightbox-thumb" width="941" data-original="https://pic4.zhimg.com/v2-e8c6241e5b60d466519a077d4f26eefb_r.jpg"></noscript>
<div><img src="data:image/svg+xml;utf8,&lt;svg%20xmlns='http://www.w3.org/2000/svg'%20width='941'%20height='432'&gt;&lt;/svg&gt;" data-caption="" data-size="normal" data-rawwidth="941" data-rawheight="432" class="origin_image zh-lightbox-thumb lazy" width="941" data-original="https://pic4.zhimg.com/v2-e8c6241e5b60d466519a077d4f26eefb_r.jpg" data-actualsrc="https://pic4.zhimg.com/v2-e8c6241e5b60d466519a077d4f26eefb_b.jpg" data-original-token="v2-adb6efc0c6035f0064ebdc99407d7d4c"></div></figure><p data-pid="cQM81L7r">给API_KEY起一个名称，然后点击创建。创建完成后，复制你的API_KEY，这样你就可以开始使用了。每个账户都有5美元的免费额度。你可以点击右边的"Usage"选项来查看API使用情况。</p>
<figure data-size="normal"><noscript><img src="https://pic3.zhimg.com/v2-398fbdc2b0fde0072ad0b010b8b3fc12_b.jpg" data-caption="" data-size="normal" data-rawwidth="1080" data-rawheight="395" class="origin_image zh-lightbox-thumb" width="1080" data-original="https://pic3.zhimg.com/v2-398fbdc2b0fde0072ad0b010b8b3fc12_r.jpg"></noscript>
<div><img src="data:image/svg+xml;utf8,&lt;svg%20xmlns='http://www.w3.org/2000/svg'%20width='1080'%20height='395'&gt;&lt;/svg&gt;" data-caption="" data-size="normal" data-rawwidth="1080" data-rawheight="395" class="origin_image zh-lightbox-thumb lazy" width="1080" data-original="https://pic3.zhimg.com/v2-398fbdc2b0fde0072ad0b010b8b3fc12_r.jpg" data-actualsrc="https://pic3.zhimg.com/v2-398fbdc2b0fde0072ad0b010b8b3fc12_b.jpg" data-original-token="v2-5bce4d10295ea0ce6998043b787e618b"></div></figure><p class="ztext-empty-paragraph"><br></p>
<h2><i>二、选择喜欢的前端</i></h2>
<p class="ztext-empty-paragraph"><br></p>
<p data-pid="Jwo04n6g">在GitHub上，有很多出色的开源项目可供选择。根据个人的喜好，你可以选择其中一个项目。以下是一些建议：</p>
<p data-pid="Q23z4W-p">1.chatgpt-demo: ChatGPT 的最小 Web UI，非常简单的页面。<br>地址：<a href="https://link.zhihu.com/?target=http%3A//github.com/anse-app/ch" class=" external" target="_blank" rel="nofollow noreferrer"><span class="invisible">http://</span><span class="visible">github.com/anse-app/ch</span><span class="invisible"></span></a>…<br>效果图：</p>
<figure data-size="normal"><noscript><img src="https://pic2.zhimg.com/v2-82dc20be8e68f5e4b701aaab79fa4601_b.jpg" data-caption="" data-size="normal" data-rawwidth="1080" data-rawheight="742" class="origin_image zh-lightbox-thumb" width="1080" data-original="https://pic2.zhimg.com/v2-82dc20be8e68f5e4b701aaab79fa4601_r.jpg"></noscript>
<div><img src="data:image/svg+xml;utf8,&lt;svg%20xmlns='http://www.w3.org/2000/svg'%20width='1080'%20height='742'&gt;&lt;/svg&gt;" data-caption="" data-size="normal" data-rawwidth="1080" data-rawheight="742" class="origin_image zh-lightbox-thumb lazy" width="1080" data-original="https://pic2.zhimg.com/v2-82dc20be8e68f5e4b701aaab79fa4601_r.jpg" data-actualsrc="https://pic2.zhimg.com/v2-82dc20be8e68f5e4b701aaab79fa4601_b.jpg" data-original-token="v2-b3b3800c5f3d8bc00204120996ffe550"></div></figure><p data-pid="U5209pHp">2.free-chat: 基于 chatgpt-demo 修改的 Web UI。<br>地址：<a href="https://link.zhihu.com/?target=http%3A//github.com/CNSenioriou" class=" external" target="_blank" rel="nofollow noreferrer"><span class="invisible">http://</span><span class="visible">github.com/CNSenioriou</span><span class="invisible"></span></a>…<br>效果图：</p>
<figure data-size="normal"><noscript><img src="https://pic1.zhimg.com/v2-b8ea95cbabd8b41a2a727a6680b56280_b.jpg" data-caption="" data-size="normal" data-rawwidth="1080" data-rawheight="678" class="origin_image zh-lightbox-thumb" width="1080" data-original="https://pic1.zhimg.com/v2-b8ea95cbabd8b41a2a727a6680b56280_r.jpg"></noscript>
<div><img src="data:image/svg+xml;utf8,&lt;svg%20xmlns='http://www.w3.org/2000/svg'%20width='1080'%20height='678'&gt;&lt;/svg&gt;" data-caption="" data-size="normal" data-rawwidth="1080" data-rawheight="678" class="origin_image zh-lightbox-thumb lazy" width="1080" data-original="https://pic1.zhimg.com/v2-b8ea95cbabd8b41a2a727a6680b56280_r.jpg" data-actualsrc="https://pic1.zhimg.com/v2-b8ea95cbabd8b41a2a727a6680b56280_b.jpg" data-original-token="v2-03b542e6a3e0b88fd7e92db719bf06eb"></div></figure><p data-pid="xRXhe_2c">3.yzh990918/anse: 基于 anse修改的 ChatGPT 网页，简部署简单。<br>地址：<a href="https://link.zhihu.com/?target=http%3A//github.com/yzh990918/a" class=" external" target="_blank" rel="nofollow noreferrer"><span class="invisible">http://</span><span class="visible">github.com/yzh990918/a</span><span class="invisible"></span></a>…<br>效果图：</p>
<figure data-size="normal"><noscript><img src="https://pic3.zhimg.com/v2-2e3c3c5436ef4bb7b6834f6caca601a6_b.jpg" data-caption="" data-size="normal" data-rawwidth="1080" data-rawheight="748" class="origin_image zh-lightbox-thumb" width="1080" data-original="https://pic3.zhimg.com/v2-2e3c3c5436ef4bb7b6834f6caca601a6_r.jpg"></noscript>
<div><img src="data:image/svg+xml;utf8,&lt;svg%20xmlns='http://www.w3.org/2000/svg'%20width='1080'%20height='748'&gt;&lt;/svg&gt;" data-caption="" data-size="normal" data-rawwidth="1080" data-rawheight="748" class="origin_image zh-lightbox-thumb lazy" width="1080" data-original="https://pic3.zhimg.com/v2-2e3c3c5436ef4bb7b6834f6caca601a6_r.jpg" data-actualsrc="https://pic3.zhimg.com/v2-2e3c3c5436ef4bb7b6834f6caca601a6_b.jpg" data-original-token="v2-cad2a39691976ae2ff50c70caf98abd8"></div></figure><p data-pid="Uc1cT6vv">4.ChatGPT Web: 用 Express 和 Vue3 搭建的同时支持 OpenAI Key 和网页 accessToken 的 ChatGPT 网页。<br>地址：<a href="https://link.zhihu.com/?target=http%3A//github.com/Chanzhaoyu/" class=" external" target="_blank" rel="nofollow noreferrer"><span class="invisible">http://</span><span class="visible">github.com/Chanzhaoyu/</span><span class="invisible"></span></a>…<br>效果图：</p>
<figure data-size="normal"><noscript><img src="https://pic3.zhimg.com/v2-2711590f0be0be0c7c321d76310f5d86_b.jpg" data-caption="" data-size="normal" data-rawwidth="1080" data-rawheight="759" class="origin_image zh-lightbox-thumb" width="1080" data-original="https://pic3.zhimg.com/v2-2711590f0be0be0c7c321d76310f5d86_r.jpg"></noscript>
<div><img src="data:image/svg+xml;utf8,&lt;svg%20xmlns='http://www.w3.org/2000/svg'%20width='1080'%20height='759'&gt;&lt;/svg&gt;" data-caption="" data-size="normal" data-rawwidth="1080" data-rawheight="759" class="origin_image zh-lightbox-thumb lazy" width="1080" data-original="https://pic3.zhimg.com/v2-2711590f0be0be0c7c321d76310f5d86_r.jpg" data-actualsrc="https://pic3.zhimg.com/v2-2711590f0be0be0c7c321d76310f5d86_b.jpg" data-original-token="v2-08d52e702e22558ee7eb1eae0f8b998c"></div></figure><p class="ztext-empty-paragraph"><br></p>
<h2><i>三、部署</i></h2>
<p class="ztext-empty-paragraph"><br></p>
<p data-pid="Vsirqd0C">部署网页通常需要购买服务器，但现在有一些免费的部署服务网站可供选择。对于个人使用或者流量较小的网页服务，你可以选择免费部署在Vercel或Netlify上。</p>
<p data-pid="2ecasDo9">请注意，ChatGPT-Web只能通过Railway进行部署，免费使用时间为22天。相比之下，Vercel可以永久免费使用，因此推荐使用Vercel。</p>
<p data-pid="Mw_PTdHB">以下是将Free-ChatGPT部署在Vercel上的步骤：</p>
<ol><li data-pid="_jHFABbJ">打开<a href="https://link.zhihu.com/?target=http%3A//vercel.com/" class=" external" target="_blank" rel="nofollow noreferrer"><span class="invisible">http://</span><span class="visible">vercel.com/</span><span class="invisible"></span></a>，点击右上角的登录，选择GitHub账号登录（如果没有账号，请先在<a href="https://link.zhihu.com/?target=http%3A//github.com/" class=" external" target="_blank" rel="nofollow noreferrer"><span class="invisible">http://</span><span class="visible">github.com/</span><span class="invisible"></span></a>注册）。登录后，返回到第二步，将你喜欢的网页项目fork到你自己的仓库中。</li></ol>
<figure data-size="normal"><noscript><img src="https://pic4.zhimg.com/v2-6c18b3b7c78b768b8e698c7d41335ea7_b.jpg" data-caption="" data-size="normal" data-rawwidth="1080" data-rawheight="290" class="origin_image zh-lightbox-thumb" width="1080" data-original="https://pic4.zhimg.com/v2-6c18b3b7c78b768b8e698c7d41335ea7_r.jpg"></noscript>
<div><img src="data:image/svg+xml;utf8,&lt;svg%20xmlns='http://www.w3.org/2000/svg'%20width='1080'%20height='290'&gt;&lt;/svg&gt;" data-caption="" data-size="normal" data-rawwidth="1080" data-rawheight="290" class="origin_image zh-lightbox-thumb lazy" width="1080" data-original="https://pic4.zhimg.com/v2-6c18b3b7c78b768b8e698c7d41335ea7_r.jpg" data-actualsrc="https://pic4.zhimg.com/v2-6c18b3b7c78b768b8e698c7d41335ea7_b.jpg" data-original-token="v2-39eff8c412e24a709413f84bc916a141"></div></figure><figure data-size="normal"><noscript><img src="https://pic3.zhimg.com/v2-cad81d04dfe3d3d9cc2017621634ff6e_b.jpg" data-caption="" data-size="normal" data-rawwidth="906" data-rawheight="782" class="origin_image zh-lightbox-thumb" width="906" data-original="https://pic3.zhimg.com/v2-cad81d04dfe3d3d9cc2017621634ff6e_r.jpg"></noscript>
<div><img src="data:image/svg+xml;utf8,&lt;svg%20xmlns='http://www.w3.org/2000/svg'%20width='906'%20height='782'&gt;&lt;/svg&gt;" data-caption="" data-size="normal" data-rawwidth="906" data-rawheight="782" class="origin_image zh-lightbox-thumb lazy" width="906" data-original="https://pic3.zhimg.com/v2-cad81d04dfe3d3d9cc2017621634ff6e_r.jpg" data-actualsrc="https://pic3.zhimg.com/v2-cad81d04dfe3d3d9cc2017621634ff6e_b.jpg" data-original-token="v2-b89fb4c54a4d82cb168d9c596cad6f7e"></div></figure><p data-pid="ZTzpSFXy">2.完成fork后，回到<a href="https://link.zhihu.com/?target=http%3A//vercel.com" class=" external" target="_blank" rel="nofollow noreferrer"><span class="invisible">http://</span><span class="visible">vercel.com</span><span class="invisible"></span></a>，在页面上点击"创建一个应用"。然后选择你刚刚fork的应用，并点击"import"按钮。</p>
<figure data-size="normal"><noscript><img src="https://pic1.zhimg.com/v2-6df4e27a8a767950403fb4c1391c6cd8_b.jpg" data-caption="" data-size="normal" data-rawwidth="1019" data-rawheight="297" class="origin_image zh-lightbox-thumb" width="1019" data-original="https://pic1.zhimg.com/v2-6df4e27a8a767950403fb4c1391c6cd8_r.jpg"></noscript>
<div><img src="data:image/svg+xml;utf8,&lt;svg%20xmlns='http://www.w3.org/2000/svg'%20width='1019'%20height='297'&gt;&lt;/svg&gt;" data-caption="" data-size="normal" data-rawwidth="1019" data-rawheight="297" class="origin_image zh-lightbox-thumb lazy" width="1019" data-original="https://pic1.zhimg.com/v2-6df4e27a8a767950403fb4c1391c6cd8_r.jpg" data-actualsrc="https://pic1.zhimg.com/v2-6df4e27a8a767950403fb4c1391c6cd8_b.jpg" data-original-token="v2-53edef8227fe674ae995e93e2eb79dec"></div></figure><p data-pid="K3cZworn">接下来，填入环境变量APP_KEY，点击"Add"，然后点击"Deploy"按钮。</p>
<figure data-size="normal"><noscript><img src="https://pic3.zhimg.com/v2-b53ac36adc167104c6340adacddad1ba_b.jpg" data-caption="" data-size="normal" data-rawwidth="1080" data-rawheight="412" class="origin_image zh-lightbox-thumb" width="1080" data-original="https://pic3.zhimg.com/v2-b53ac36adc167104c6340adacddad1ba_r.jpg"></noscript>
<div><img src="data:image/svg+xml;utf8,&lt;svg%20xmlns='http://www.w3.org/2000/svg'%20width='1080'%20height='412'&gt;&lt;/svg&gt;" data-caption="" data-size="normal" data-rawwidth="1080" data-rawheight="412" class="origin_image zh-lightbox-thumb lazy" width="1080" data-original="https://pic3.zhimg.com/v2-b53ac36adc167104c6340adacddad1ba_r.jpg" data-actualsrc="https://pic3.zhimg.com/v2-b53ac36adc167104c6340adacddad1ba_b.jpg" data-original-token="v2-26d1dc50e14c4df5608f8a47a7a4afed"></div></figure><p data-pid="WKd0u3Pr">稍等几秒钟，项目部署完成后，你可以点击项目详情，就能够看到访问链接。</p>
<figure data-size="normal"><noscript><img src="https://pic3.zhimg.com/v2-81c2e980dfdac6378687564c23352cf6_b.jpg" data-caption="" data-size="normal" data-rawwidth="1080" data-rawheight="347" class="origin_image zh-lightbox-thumb" width="1080" data-original="https://pic3.zhimg.com/v2-81c2e980dfdac6378687564c23352cf6_r.jpg"></noscript>
<div><img src="data:image/svg+xml;utf8,&lt;svg%20xmlns='http://www.w3.org/2000/svg'%20width='1080'%20height='347'&gt;&lt;/svg&gt;" data-caption="" data-size="normal" data-rawwidth="1080" data-rawheight="347" class="origin_image zh-lightbox-thumb lazy" width="1080" data-original="https://pic3.zhimg.com/v2-81c2e980dfdac6378687564c23352cf6_r.jpg" data-actualsrc="https://pic3.zhimg.com/v2-81c2e980dfdac6378687564c23352cf6_b.jpg" data-original-token="v2-19b77f4ff7e73fef9e07893ecc131e3f"></div></figure><p data-pid="hmCM3G2y">恭喜！你已成功地部署了自己的ChatGPT镜像站。</p>
<p data-pid="I0HY44tQ"><br> </p>
</div></div></div></div><script>$(document).ready(function()\{$(\"img\").each(function()\{$(this).attr(\"src\",$(this).data(\"original\"))\})\});</script>

手把手教你搭建ChatGPT镜像站！

作者

sockstack

许可协议

CC BY 4.0

发布于

2023-11-08

修改于

2023-12-08

上一篇：【AI聊天丨 ChatGPT应用案例一】— 仅用30分钟，ChatGPT帮你完成专利交底书！下一篇：ChatGPT时代：ChatGPT全能应用一本通

尚未登录

文章分类

标签列表

springboot hyperf swoole webman php 多线程数据结构 docker k8s thinkphp mysql tailwindcss flowbite css 前端