目的：通过 Cloudflare + Github 的形式部署设计好的落地页，实现极快的访问速度，增强用户访问体验。同时，也方便我们随时修改优化落地页内容。
步骤如下：
1.准备一个域名
注册 Cloudflare 账号，很简单，不细说了。
买一个域名，这个域名是你用来投放落地页的主域名。
用 Cloudflare DNS 解析，安装 Cloudflare 的 SSL 免费证书，方便后期重定向自定义域名。
建议直接在 Cloudflare 买域名，解析和 SSL 证书会自动安装好。
本教程使用以 https://example.com 为例。
2.提前规划好投放链接
比如，我准备投放一款 Nike 的跑鞋，我设计的投放链接最终格式：
https://example.com/best-running-shoes
提示：Cloudflare 默认使用的是“漂亮链接”，也就是使用文件夹格式结尾的方式，上面链接中的“/”，代表文件夹，指请求这个链接时到“best-running-shoes”这个文件夹寻找 index.html 文件。
不建议使用https://example.com/best-running-shoes.html格式的链接，以“.html”结尾的链接仍然会被重定向，可能会产生意想不到的错误。
3.设计好要投放的落地页
设计落地页的工具很多，这里不做推荐。
我们把设计好的所有文件放在一个文件夹里面，也就是上文所说的“best-running-shoes”文件夹，里面包括 index.html,img 文件夹（存放图片），js 文件夹（存放 js）,css 文件夹（存放 css），等等。
另外一个需要注意的地方，在 index.html 引用图片或者 js 或者 css 图片时，建议使用相对路径地址，也就是<img src=”img/nike.png” />，类似这种地址。
方便后期如果需要换域名投放，index.html 不需要再改代码。
设计好的落地页文件夹及结构如下图：
4.在 github 新建 1 个仓库
注册 github 免费账号，用国内国外邮箱都可以，建议使用国外邮箱， 很简单，不细说。
解释一下仓库：仓库用大白话解释就是存放代码的地方，一个仓库可以专门存一类代码。比如，我们可以用一个仓库，存放刚才设计好的落地页代码。
登录 Github 后，点击右上角的加号，“+”，新建一个仓库。
填写仓库名字，在“1”处填写“example”。
在“2”处勾选”Private”，表示私有仓库，不对外公开，只有自己可以访问修改。
在“3”处，也打上勾吧。
其他默认就行，点击右下角，“Create repository”
example 仓库创建好了，如下图:
5.上传设计好的落地页代码
首先，创建 best-running-shoes 文件夹点击“Add file”，再点击 Create new files:
输入我们要创建的 best-running-shoes 文件夹名字，随便写个 readme文件，再点击右侧的“commit changes”即可。文件夹就创建好了。
上传文件到该文件夹下,点击“Add file”，再点击“Upload files”:
点击，”choose your files”,选择本地电脑上 best-running-shoes 文件夹内的 index.html，然后点击“提交更改”。
重复此步骤，依次创建 img、js、css 文件夹并上传文件。上传完后，资料目录如下：
到此，落地页的文件和代码就存放在 github 上了。
6.将 Cloudflare 和 Github 关联起来
登录 cloudflare 主页，点击左侧的“Workers 和 Pages”
然后，点击“创建”：
点击“Pages”，“连接到 Git”：
这里会要求授权访问 github 的仓库，按照操作，输入账号密码即可，我这里已经授权了，不再演示。
授权后会进入部署流程选择刚刚在 github 创建好的仓库–“example”
不需要修改，直接点击“保存并部署”:
稍等几十秒钟，Cloudflare 会在后台进行部署。出现以下提示，说明已经部署好了。
这 里 系 统 自 动 生 成 了 一 个 连 接 ， 我 们 在 这 个 连 接 后 面 加 上“/best-running-shoes/”，访问一下看是否运行正常。
如下图，说明部署成功了。
7.使用自定义域名
这是最后一步，在上一步骤，系统生成的连接https://example-xxx.pages.dev/best-running-shoes/已经可以访问，但我想把它换成自己的域名，即改成https://example.com/best-running-shoes/ ,
点击“继续处理项目”:
点击“设置自定义域”：
输入你的域名，点击“继续”：
点击“激活域”：
稍等几分钟，等待 DNS 更新，就好了。
可以使用 https://example.com/best-running-shoes/
测试能否访问。
然后就可以拿这个落地页连接在谷歌投放了。
8.其他
关于部署：以上方法是纯使用网页操作进行部署，也可以使用 github的桌面客户端或者纯命令代码部署。
关于重定向：Cloudflare Pages 功能里还有一个很重要的重定向功能。
关于更新：后期如果落地页需要修改，可以使用 github 的在线编辑器。
有时间和精力的朋友可以进一步研究。
原创文章，作者：扎巴克，如若转载，请注明出处：https://buckmoment.com/120.html
