xChar
·2 years ago

30 分钟,让你拥有自己的可随时随地访问的 ChatGPT。

极快的网页加载速度、精美的 UI、内置提示词模板、支持超长对话、支持导入导出聊天记录、丰富的设置选项、支持自定义模型参数、压缩历史对话消息(节省 token 消耗)、预设提示词(设置模型角色)、设置访问码、自定义域名、无需翻墙访问......

更新于:2023年12月26日,15:50

微信截图_20231226124215

微信截图_20231226124124

Fork 项目仓库

登录自己的 Github 账号,打开🔗ChatGPT-Next-Web 的项目主页,将代码仓库 Fork 到自己的账号:

微信截图_20231226123840

微信截图_20231226123917

显示这样就代表 Fork 成功✔️:

微信截图_20231226123949

开启 Action 权限

开启此权限是为了让你的 Fork 仓库可以和上游仓库同步更新,每天自动同步一次,且会自动部署更新网站,完全自动化~

也可以更改你 Fork 仓库 .github/workflows/sync.yml 文件的第8行,设置自己想要的同步时间,我设置的每小时一次。
微信截图_20231226125211

打开你的Fork仓库,点击 Actions,点击 I understand my workflows, go ahead and enable them 按钮:

微信截图_20231226125541

微信截图_20231226125747

点击左侧的 Upstream Sync,点击 Enable workflow 按钮:

微信截图_20231226125927

微信截图_20231226125945

显示这样就代表成功开启 Action 权限✔️:

微信截图_20231226130109

部署到 Vercel

如果没有账号,先去🔗注册Vercel,用 Github 连接授权即可:

微信截图_20231226130351

微信截图_20231226130406

然后点击左上角进入账号主页,创建一个新项目:

微信截图_20231226130657

微信截图_20231226130736

点击 Install

微信截图_20231226131037

微信截图_20231226131056

此时已经识别到了你刚刚Fork的代码库,点击 Import 以导入:

微信截图_20231226131306

添加 Environment Variables(环境变量):

微信截图_20231226131819

  • 参数 1:必填,这是你的 OpenAI API Key,没有的需要去🔗创建一个,前提是你已经注册了 ChatGPT 的账号,并且账号内有赠送的🔗试用额度,一般是 5$,用完了就换新号。或者绑定银行卡(外币单标卡)按量付费,也会更快更稳定。
    Key: OPENAI_API_KEY
    Value: sk-ohtbdhgw……

  • 参数 2:建议填入,用户访问码,多个访问码需用英文逗号,隔开,不能有空格。
    Key: CODE
    Value: code1,code2,code3,code4 (只是举例,按照你的需求更改)

更多部署参数看🔗这里

点击 Deploy 开始部署:

微信截图_20231226135738

正在部署......稍等 2-3 分钟:

微信截图_20231226135955

Congratulations!
撒花,部署成功✔️:

微信截图_20231226140225

点击 Continue to Dashboard

微信截图_20231226140335

点击 Visit,就可以访问啦~(由于现在还没自定义域名,还需要翻墙才能访问):

微信截图_20231226140356

网页加载成功✔️:

微信截图_20231226140542

配置自定义域名

购买域名

不一定非要在这个平台买,我选择这里,是因为纯数字 .xyz 后缀的域名挺便宜。

🔗注册Name.com 并登录,如果页面是英文的话,在页面最底部可以更改语言:

微信截图_20231226141256

🔗搜索你想要的域名,最好是纯数字xyz后缀的,比较便宜,例如:875479.xyz,一般是7-8元,如果搜的比较贵的话,可以试试其他数字。另外,需要注意下续订价格,如果和初次购买价格差不多,那就可以接受,续费也不贵:

微信截图_20231226141526

然后点击 加入购物车 -> 继续前往购物车 -> Continue to cart

微信截图_20231226141913

把附加商品删除掉,点击 下一步:付款(可能会有1-2元的税,是正常的):

微信截图_20231226142259

选择支付宝,勾选两个协议,点击 完成订单

微信截图_20231226142526

第一次下单可能会弹出一个糟糕或者Error的弹窗,别慌~点击 确定 按钮,又回到刚刚要付款的页面,再来一次就行(别忘了再检查附加商品有没有删除掉):

微信截图_20231226142736

再来一次就会出现REDIRECTING TO ALIPAY的弹窗,点击 确定 按钮就会跳转到支付页面,扫码支付就行了,支付完成后,等待页面跳转:

微信截图_20231226143018

域名购买成功之后,点击顶部右上角🔗我的域,就会看到刚刚购买的域名,可以取消勾选自动续费:

微信截图_20231226143506

配置 Cloudflare

先去🔗注册cloudflare,上角可以选简体中文:

微信截图_20231226143646

注册完成并登录之后,点击 添加站点

微信截图_20231226143854

输入你刚刚买的域名,例如 875479.xyz,点击 继续 按钮:

微信截图_20231226144021

页面下拉到底部,选择 Free 免费计划,继续

微信截图_20231226144150

添加 DNS 记录,Vercel 官方提供了专门的 IP 和 CNAME 地址给国内用户

  • A 类型地址:76.223.126.8876.76.21.98
  • CNAME 类型地址:cname-china.vercel-dns.com

添加的时候要把代理状态改为 关闭 状态,CNAME类型同理:
微信截图_20231226145821

点击 继续 按钮:

微信截图_20231226145620

然后下拉页面,把这两个 名称服务器 地址复制下来(此页面先不要关闭):

微信截图_20231226150200

再次回到🔗Name.com我的域 页面,选择刚刚买好的域名,点击 管理域名服务器

微信截图_20231226150451

把默认的 4 个地址都删除掉,换成刚刚在 Cloudflare 复制的两个新的 名称服务器 地址即可:

微信截图_20231226150814

替换完成后,再回到刚刚没让你关闭的 Cloudflare 页面,点击 完成,检查名称服务器,等待更新即可(大约需要10分-20分钟):

微信截图_20231226150959

这个不需要,跳过即可:

微信截图_20231226151116

可以隔一会就手动检查一下状态:

微信截图_20231226151231

回到主页面,耐心等待,等这里的状态变为 ✔️有效 即可:

微信截图_20231226151406

将域名添加至 Vercel

回到Vercel控制台,点击刚刚部署的项目,点击 Domains

微信截图_20231226151555

微信截图_20231226151623

先点击 Edit,点击 Remove 删掉默认域名:

微信截图_20231226151811

微信截图_20231226151823

在文本框内输入你刚刚买的域名,点击 Add

微信截图_20231226152057

选择默认的即可,然后 Add

微信截图_20231226152143

等待自动刷新一会,就会看到域名成功添加:

微信截图_20231226152508

此时就可以用新的域名访问啦~

网站设置

网站可以访问后,可以根据个人喜好进行一些简单的设置,例如:

微信截图_20231226152842

微信截图_20231226153128

其它

注:在增加或删除访问码、更换API Key后都需要重新部署

增加或删除访问码?

进入部署的项目,点击 Settings,选择 Environment Variables ,对 CODE 进行 Edit,然后保存:

更换 API key?

同上,对 OPENAI_API_KEY 的值进行 Edit,并保存:

重新部署?

选择 Deployments,对最新的部署记录进行 Redeploy

勾选 Use existing Build Cache,点击 Redeploy

触发 Prompt 模板

在文本框键入 / 就可以触发内置的提示词模板:

微信截图_20240113144159

手动同步仓库?

进入你Fork的仓库,点击 Sync fork,如果出现 Update branch 按钮,就可以更新,如果没有这个按钮,就代表你的仓库已经与上游仓库保持一致了,无需手动更新:

微信截图_20231226154033

项目跟踪

可以持续🔗关注项目,以保持对新功能应用的及时性。

学会给AI写提示词

推荐阅读:
1、提示工程指南
2、Learn Prompting
3、Prompt engineering

提示工程(Prompt Engineering)是一门较新的学科,关注提示词开发和优化,帮助用户将大语言模型(Large Language Model, LLM)用于各场景和研究领域。 掌握了提示工程相关技能将有助于用户更好地了解大型语言模型的能力和局限性。

研究人员可利用提示工程来提升大语言模型处理复杂任务场景的能力,如问答和算术推理能力。开发人员可通过提示工程设计、研发强大的工程技术,实现和大语言模型或其他生态工具的高效接轨。

提示工程不仅仅是关于设计和研发提示词。它包含了与大语言模型交互和研发的各种技能和技术。提示工程在实现和大语言模型交互、对接,以及理解大语言模型能力方面都起着重要作用。用户可以通过提示工程来提高大语言模型的安全性,也可以赋能大语言模型,比如借助专业领域知识和外部工具来增强大语言模型能力。

Loading comments...