Valaxy 与 Cloudflare 的邂逅——将 Valaxy 博客部署到 Cloudflare Pages

本文最后更新于 1 年前,文中所描述的信息可能已发生改变。本文最后更新于1 年前,文中所描述的信息可能已发生改变。

最近将博客从 Vercel 搬迁到了 Cloudflare Pages,页面加载速度感觉提升了一点。正好 Valaxy 对于使用 Cloudflare Pages 部署的文档还在编写,故以此为题作文一篇。

先决条件

首先,你需要准备这些东西:

  • 一个 Cloudflare 账号;
  • 一个 GitHub 账号;
  • 一个使用 Valaxy 框架搭建的博客;
  • 一个托管于 Cloudflare 的域名。

新建 Pages 项目

登录 Cloudflare 仪表盘,在左侧的侧边栏中找到“Pages”,点击进入。

点击“创建项目”,然后选择“连接到 Git”,按照 Cloudflare 的引导进行 GitHub 账户的添加与 GitHub App 的安装。安装完成后即可返回该页面选择仓库。

此处仓库使用我早期 Valaxy 功能性测试时创建的独立仓库演示,版本为极其远古的 Valaxy 0.12.3。

点击“开始配置”按钮,然后设置一个自己喜欢的项目名称、要部署的分支,“构建设置”请根据下图配置:

注意注意

下方的环境变量也需要配置,否则 Valaxy 的构建将会因为 Node.js 版本低于 v14 而失败!

配置完成后,点击“保存并部署”按钮,然后等待 Cloudflare Pages 的部署完成。

部署成功后的提示

添加自定义域名

然而 Cloudflare Pages 提供的 pages.dev 似乎已被屏蔽,因此我们需要绑定一个自定义域名。

点击“继续处理项目”,然后点击页面上的“设置自定义域”添加一个自定义域名。

等待一段时间之后,就可以通过这个域名访问你的博客了。

大功告成!

为了纯粹的快——来看看我对我的博客做了什么
Minecraft 国际版玩家对近期事件的回应