使用梦爱吃鱼大佬的Home-Vue项目 通过 Cloudflare 0 成本部署个人主页

部署需要使用到一个 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 解析 等待证书签发完成就好了

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


本站由 夜轻 使用 Stellar 1.33.1 主题创建。
本博客所有文章除特别声明外,均采用 CC BY-NC-SA 4.0 许可协议,转载请注明出处。

共发表 48 篇Blog · 总计 54.7k 字