在vercel与cloudflare上部署网站
date
Apr 12, 2023
slug
在-vercel-与-cloudflare-上-部-署-网-站
status
Published
tags
Website
summary
type
Post
Text
一、vercel和cloudflare部署网站
1、将 ChatGPT-Next-Web 部署到 Vercel 并在 Cloudflare 上加速
①你需要将 ChatGPT-Next-Web 代码fork到你的 GitHub 存储库中。
接下来，在 Vercel 页面，点击“New Project”按钮并选择从 GitHub 部署。然后，选择您的 ChatGPT-Next-Web 存储库，Vercel 将为你建立您的项目并自动部署该项目。
当 Vercel 部署成功后，您可以访问您的 ChatGPT-Next-Web 应用程序，即
https://yourappname.vercel.app
。2、使用 Cloudflare Workers 或者 Pages 甚至不必购买自己的域名部署静态网站。（传统 HTML 或者 Hexo 等等都是可以的）
①Cloudflare Workers 方案
基本原理是本地构建然后再上传到 KV 存储，适合跳转比较多或者规则（比如限制某些UA访问或某些IP访问）比较多的情况；一般不能自动化（可以借助 Github Actions 自动构建和推送）；最大项目大小为 1GB （KV存储限制）。
如果使用 Cloudflare Workers 部署则需要：
- 已经注册好的 Cloudflare 账号；
- 在你的电脑上安装 nodejs （版本应该是不限，测试 node 12 以上版本均可），并安装 Wrangler （下面会讲到如何安装）；
- 已经渲染好的网站成品（如果是需要渲染（如 Hexo 等）的通常是在
public或dist文件夹下）；
②Cloudflare Pages 方案
也可以部署到 Cloudflare Pages ，相对来说会简单一些而且自动化方案会多一些，能够直接在 cloudflare 上进行构建。
原理很简单，把 blog 源码全部上传到 Github 或者 Gitlab 仓库（私有仓库也可以）中，然后在 Cloudflare 上进行设置并让 Cloudflare 构建和发布。
二、使用 Cloudflare Workers™ 制作镜像站
简单点说就是在 Cloudflare Workers 部署一个 Worker 时，它会在 30 秒之内部署到 Cloudflare 的整个边缘网络，全世界共 100 多个节点。每个请求都会由离用户最近地点的 Worker 来处理，可保证最快、最便捷的代码运行。
在 Worker 编辑页面粘贴代码，如下：
如图：
Worker 编辑页
到这里就全部完成了，至此你可以使用你的专属 Google 镜像访问地址了。
