手把手教你搭建ChatGPT镜像站

sockstack / 103 / 2023-11-04 14:17:42

ChatGPT 可用网址，仅供交流学习使用，如对您有所帮助，请收藏并推荐给需要的朋友。 <a href="https://ckai.xyz/?sockstack&section=detail" target="__blank">https://ckai.xyz</a> <div id="article-root" itemprop="articleBody" class="article-viewer markdown-body cache result" data-v-125fc212=""><style>.markdown-body{word-break:break-word;line-height:1.75;font-weight:400;font-size:16px;overflow-x:hidden;color:#252933}.markdown-body h1,.markdown-body h2,.markdown-body h3,.markdown-body h4,.markdown-body h5,.markdown-body h6{line-height:1.5;margin-top:35px;margin-bottom:10px;padding-bottom:5px}.markdown-body h1{font-size:24px;line-height:38px;margin-bottom:5px}.markdown-body h2{font-size:22px;line-height:34px;padding-bottom:12px;border-bottom:1px solid #ececec}.markdown-body h3{font-size:20px;line-height:28px}.markdown-body h4{font-size:18px;line-height:26px}.markdown-body h5{font-size:17px;line-height:24px}.markdown-body h6{font-size:16px;line-height:24px}.markdown-body p{line-height:inherit;margin-top:22px;margin-bottom:22px}.markdown-body img{max-width:100%}.markdown-body hr{border:none;border-top:1px solid #ddd;margin-top:32px;margin-bottom:32px}.markdown-body code{word-break:break-word;border-radius:2px;overflow-x:auto;background-color:#fff5f5;color:#ff502c;font-size:.87em;padding:.065em .4em}.markdown-body code,.markdown-body pre{font-family:Menlo,Monaco,Consolas,Courier New,monospace}.markdown-body pre{overflow:auto;position:relative;line-height:1.75}.markdown-body pre>code{font-size:12px;padding:15px 12px;margin:0;word-break:normal;display:block;overflow-x:auto;color:#333;background:#f8f8f8}.markdown-body a{text-decoration:none;color:#0269c8;border-bottom:1px solid #d1e9ff}.markdown-body a:active,.markdown-body a:hover{color:#275b8c}.markdown-body table{display:inline-block!important;font-size:12px;width:auto;max-width:100%;overflow:auto;border:1px solid #f6f6f6}.markdown-body thead{background:#f6f6f6;color:#000;text-align:left}.markdown-body tr:nth-child(2n){background-color:#fcfcfc}.markdown-body td,.markdown-body th{padding:12px 7px;line-height:24px}.markdown-body td{min-width:120px}.markdown-body blockquote{color:#666;padding:1px 23px;margin:22px 0;border-left:4px solid #cbcbcb;background-color:#f8f8f8}.markdown-body blockquote:after{display:block;content:""}.markdown-body blockquote>p{margin:10px 0}.markdown-body ol,.markdown-body ul{padding-left:28px}.markdown-body ol li,.markdown-body ul li{margin-bottom:0;list-style:inherit}.markdown-body ol li .task-list-item,.markdown-body ul li .task-list-item{list-style:none}.markdown-body ol li .task-list-item ol,.markdown-body ol li .task-list-item ul,.markdown-body ul li .task-list-item ol,.markdown-body ul li .task-list-item ul{margin-top:0}.markdown-body ol ol,.markdown-body ol ul,.markdown-body ul ol,.markdown-body ul ul{margin-top:3px}.markdown-body ol li{padding-left:6px}.markdown-body .contains-task-list{padding-left:0}.markdown-body .task-list-item{list-style:none}@media (max-width:720px){.markdown-body h1{font-size:24px}.markdown-body h2{font-size:20px}.markdown-body h3{font-size:18px}}</style><style data-highlight="" data-highlight-key="juejin">.markdown-body pre,.markdown-body pre>code.hljs{color:#333;background:#f8f8f8}.hljs-comment,.hljs-quote{color:#998;font-style:italic}.hljs-keyword,.hljs-selector-tag,.hljs-subst{color:#333;font-weight:700}.hljs-literal,.hljs-number,.hljs-tag .hljs-attr,.hljs-template-variable,.hljs-variable{color:teal}.hljs-doctag,.hljs-string{color:#d14}.hljs-section,.hljs-selector-id,.hljs-title{color:#900;font-weight:700}.hljs-subst{font-weight:400}.hljs-class .hljs-title,.hljs-type{color:#458;font-weight:700}.hljs-attribute,.hljs-name,.hljs-tag{color:navy;font-weight:400}.hljs-link,.hljs-regexp{color:#009926}.hljs-bullet,.hljs-symbol{color:#990073}.hljs-built_in,.hljs-builtin-name{color:#0086b3}.hljs-meta{color:#999;font-weight:700}.hljs-deletion{background:#fdd}.hljs-addition{background:#dfd}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}</style><h2 data-id="heading-0">一、获取 API_KEY</h2>
打开 OpenAI 官网（<a href="https://link.juejin.cn?target=https%3A%2F%2Fopenai.com%2F" target="_blank" title="https://openai.com/" ref="nofollow noopener noreferrer">openai.com/</a>），点击右上角的登录按钮，选择 API。
![](/upload/img/20231104/6545df9cd649.webp)
在弹出的列表中，点击右上角的"View API Keys"，查看个人信息。
![](/upload/img/20231104/6545dfb5c7d2.webp)
如果您还没有创建 API_KEY，请点击"Create new secret key"。
![](/upload/img/20231104/6545dfcb7446.webp)
随便起个名字，然后点击创建。创建完成后，复制您的 API_KEY，这样就可以开始使用了。每个账户都有5美元的免费额度。点击右边的"Usage"选项，可以查看使用情况。
![](/upload/img/20231104/6545e02cbee9.webp)
<h2 data-id="heading-1">二、选择喜欢的前端</h2>
GitHub 上已经有很多优秀的开源项目可供选择，根据个人喜好，选择一个项目。这里推荐几个：
<ol>
<li>
chatgpt-demo: ChatGPT 的最小 Web UI，非常简单的页面。 
地址：<a href="https://link.juejin.cn?target=https%3A%2F%2Fgithub.com%2Fanse-app%2Fchatgpt-demo" target="_blank" title="https://github.com/anse-app/chatgpt-demo" ref="nofollow noopener noreferrer">github.com/anse-app/ch…</a> 
效果图：
![](/upload/img/20231104/6545e043d8c3.webp)
</li>
<li>
free-chat: 基于 chatgpt-demo 修改的 Web UI。 
地址：<a href="https://link.juejin.cn?target=https%3A%2F%2Fgithub.com%2FCNSeniorious000%2Ffree-chat" target="_blank" title="https://github.com/CNSeniorious000/free-chat" ref="nofollow noopener noreferrer">github.com/CNSenioriou…</a> 
效果图：
</li>
</ol>
![](/upload/img/20231104/6545e14c3124.webp)
<ol start="3">
<li>yzh990918/anse: 基于 anse修改的 ChatGPT 网页，简部署简单。 
地址：<a href="https://link.juejin.cn?target=https%3A%2F%2Fgithub.com%2Fyzh990918%2Fanse" target="_blank" title="https://github.com/yzh990918/anse" ref="nofollow noopener noreferrer">github.com/yzh990918/a…</a> 
效果图：
<img referrerpolicy="no-referrer" src="https://p9-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/19ee803f09b8469c83f2147b9ceb6a34~tplv-k3u1fbpfcp-zoom-in-crop-mark:1512:0:0:0.awebp?" alt="1689168491644.jpg" loading="lazy" class="medium-zoom-image"></li>
<li>ChatGPT Web: 用 Express 和 Vue3 搭建的同时支持 OpenAI Key 和网页 accessToken 的 ChatGPT 网页。 
地址：<a href="https://link.juejin.cn?target=https%3A%2F%2Fgithub.com%2FChanzhaoyu%2Fchatgpt-web" target="_blank" title="https://github.com/Chanzhaoyu/chatgpt-web" ref="nofollow noopener noreferrer">github.com/Chanzhaoyu/…</a> 
效果图：</li>
</ol>
![](/upload/img/20231104/6545e1612a35.webp)
<h2 data-id="heading-2">三、部署</h2>
部署网页需要购买服务器吗？正常情况下是需要的，但是现在有免费的部署服务网站，对于自用或流量较小的网页服务，可以选择免费部署在 Vercel 或 Netlify 上。
注意，ChatGPT-Web只能通过 Railway 部署，免费使用只能22天， Vercel可以永久免费使用，所以推荐使用 Vercel.
以下是将 Free-ChatGPT 部署在 Vercel 上的步骤：
<ol>
<li>打开 <a href="https://link.juejin.cn?target=https%3A%2F%2Fvercel.com%2F" target="_blank" title="https://vercel.com/" ref="nofollow noopener noreferrer">vercel.com/</a>，点击右上角的登录，选择 GitHub 账号登录（如果没有账号，请先在 <a href="https://link.juejin.cn?target=http%3A%2F%2Fgithub.com%2F" target="_blank" title="http://github.com/" ref="nofollow noopener noreferrer">github.com/</a> 注册），然后回到第二步，将您喜欢的网页项目 fork 到您自己的仓库里。
![](/upload/img/20231104/6545e186d790.webp)</li>
</ol>
<img referrerpolicy="no-referrer" src="https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/f94cf2495e264d2eabcaae2bc224134d~tplv-k3u1fbpfcp-zoom-in-crop-mark:1512:0:0:0.awebp" alt="" loading="lazy" class="medium-zoom-image">
<ol start="2">
<li>
完成 fork 后，回到 vercel.com，点击"创建一个应用"，选择您刚刚 fork 的应用，点击"import"按钮。
![](/upload/img/20231104/6545e199d43b.webp)
</li>
<li>
填入环境变量 APP_KEY，点击"Add"，然后点击"Deploy"。
![](/upload/img/20231104/6545e1aa1230.webp)
</li>
<li>
等待几秒钟，项目部署完成后，点击项目详情，就可以看到访问链接。
</li>
</ol>
![](/upload/img/20231104/6545e1bbdfdb.webp)
恭喜！您已成功部署自己的 ChatGPT 镜像站。
如果无法申请 APP_KEY, 可以使用我的进行测试(用完为止)：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
欢迎体验我镜像站： 
禅空AI: <a href="https://ai.sockstack.cn" target="_blank" title="https://ai.sockstack.cn" ref="nofollow noopener noreferrer">https://ai.sockstack.cn</a> 

如果本文对您有帮助，请点赞并留言支持，非常感激。</div>

手把手教你搭建ChatGPT镜像站

作者

sockstack

许可协议

CC BY 4.0

发布于

2023-11-04

修改于

2024-07-23

上一篇：软件：常用 Linux 软件汇总，值得收藏下一篇：3步就可以搭建ChatGPT网站，体验UCloud优刻得轻量应用云主机

尚未登录

手把手教你搭建ChatGPT镜像站

文章分类

博客重构之路

Spring Boot简单入门

k8s 入门教程

MySQL 知识

NSQ 消息队列

ThinkPHP5 源码分析

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

日常开发汇总

标签列表

springboot

hyperf

swoole

webman

php

多线程

数据结构

docker

k8s

thinkphp

mysql

tailwindcss

flowbite

css

前端