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

sockstack / 290 / 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 referrerpolicy="no-referrer"  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 referrerpolicy="no-referrer"  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 referrerpolicy="no-referrer"  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 referrerpolicy="no-referrer"  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 referrerpolicy="no-referrer"  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 referrerpolicy="no-referrer"  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 referrerpolicy="no-referrer"  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 referrerpolicy="no-referrer"  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 referrerpolicy="no-referrer"  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 referrerpolicy="no-referrer"  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 referrerpolicy="no-referrer"  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 referrerpolicy="no-referrer"  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 referrerpolicy="no-referrer"  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 referrerpolicy="no-referrer"  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 referrerpolicy="no-referrer"  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 referrerpolicy="no-referrer"  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 referrerpolicy="no-referrer"  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 referrerpolicy="no-referrer"  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 referrerpolicy="no-referrer"  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 referrerpolicy="no-referrer"  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 referrerpolicy="no-referrer"  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 referrerpolicy="no-referrer"  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 referrerpolicy="no-referrer"  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 referrerpolicy="no-referrer"  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 referrerpolicy="no-referrer"  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 referrerpolicy="no-referrer"  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

修改于

2024-12-22

上一篇：软件：常用 Linux 软件汇总，值得收藏下一篇：ChatGPT时代：ChatGPT全能应用一本通

尚未登录

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

文章分类

博客重构之路

Spring Boot简单入门

k8s 入门教程

MySQL 知识

NSQ 消息队列

ThinkPHP5 源码分析

使用 Docker 从零开始搭建私人代码仓库

日常开发汇总

标签列表

springboot

hyperf

swoole

webman

php

多线程

数据结构

docker

k8s

thinkphp

mysql

tailwindcss

flowbite

css

前端