1、概述

Cloudflare 是一家全球化的云服务公司，提供网络安全、内容分发网络（CDN）、域名解析（DNS）、DDoS防护等基础设施服务。其核心目标是通过分布式网络优化网站性能并增强安全性。我们可以用来部署静态网站（有免费版，相当于白嫖，适合自己没有服务器的），Cloudflare使用的教程虽然不少，但是都是已经过时了的，不适合最新的界面，故而写此踩坑文章。

2、注册登录

Cloudflare可以使用谷歌账号，Apple账号和github账号一键登录，任选一个点击进入授权登录即可。开发人员就直接用Github 账号授权登录即可。

3、准备代码

事先要准备好我们的网站代码，可以是原生纯html代码，也可以是Vue等前端工程，把代码托管到github、gitlab等上面，当然也可以不用托管到时候直接上传源码文件，使用github等托管是为了提交代码就能够触发Cloudflare自动部署。

4、Cloudflare创建应用

在个人中心，点击计算和AI，

点击Workers和Pages

在Workers和Pages页面，需要注意，要点击顶部的添加按钮，不要点击右边的创建应用程序，这是个坑

点击添加后在展开的弹框中选择页面，如下图

这一步是要我们选代码的存储位置，或者直接上传代码文件，我们把代码托管到github或gitlab 的就选择 第一个 导入现有git存储库

选择我们项目（如果是第一次使用会要求你授权访问github，可以选择授权一个项目或者 所有项目，我这里是授权所有项目的界面）

选择后点击开始设置，就会进入到配置页面，如果是纯html 构建预设就直接是无，构建命令留空，如下图

如果是vue构建预设就选择vue，构建命令默认是npm run build
确认后点击保存并部署，进入到构建和部署页面

构建和部署都是全自动完成的，构建和部署完成后就可以进入应用了，

默认提供了一个pages.dev的域名可以访问，我们也可以自定义域名，点击切换到自定义域，在点击设置自定义域

输入自己的域名，如果是二级域名如www.example.com，可以直接用，如果是主域名如example.com，亲测需要将域名DNS迁移到Cloudflare（不是将域名迁移到Cloudflare，只是到你的域名管理将域名DNS修改成Cloudflare的DNS）

DNS在Cloudflare的话会自动完成配置，否则的话需要我们手动配置，点击我的DNS服务商的开始CNAME设置

去我们的域名服务商（如国内的阿里云、腾讯云、新网等）添加一条CNAME解析

域名解析完成后点击检查DNS记录

等几分钟，下面显示域已激活，您的DNS设置已完成。就可以了

我们就可以用自定义域名访问了，默认就有https，不需要手动配置