使用Cloudflare Pages 0成本部署一个个人主页

前言

本次用到的项目 是梦爱吃鱼大佬的Home-Vue
部署需要使用到一个Github账号 一个Cloudflare账号和一个域名

教程部分

Fork仓库

浏览器访问https://github.com/JLinMr/Home-Vue

修改配置

需要修改的地方并不多 所以以最简单的网页编辑为演示

点击右上角的铅笔图标 即可进入编辑模式

需要修改以下几处

• .env文件
  打开.env文件
  按注释进行修改即可
• index.html文件
  index.html有一处Umami统计代码 需要替换为自己的统计代码
  如果你没有 不需要统计 可以直接删掉

部署到Cloudflare Pages

访问Cloudflare Pages页面

点击创建

选择Pages 点击导入现有Git存储库

选着刚刚Fork的仓库

框架预测选择Vue

点击保存并部署 等待一会 就完成部署了
Cloudflare会默认分配一个域名 但这个域名是被墙的 我们需要绑定一个自己的域名 来进行访问

进入自定义域页面 点击设置自定义域 然后输入你的域名 按提示添加cname解析 等待证书签发完成就好了

如果你需要优选 可以额外添加解析 只要海外方向的解析不修改 就不影响证书签发 例如你可以这样