正在加载…

Post cover image

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

2023年2月23日 • [ "一些小技巧" ]

552 字-

本文最后更新于 超过 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 似乎已被屏蔽,因此我们需要绑定一个自定义域名。

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

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

大功告成!

Valaxy 与 Cloudflare 的邂逅——将 Valaxy 博客部署到 Cloudflare Pages
在转载或引用本文时,请务必遵守许可协议并注明来源

喜欢这篇文章?能不能考虑一下投喂我(x

Big_Cake's Avatar

Big_Cake

也许我们会分别,但我们将永远不会忘记彼此

云存储提供商
友情链接
正在加载...