使用Github/Gitlab和Cloudflare搭建个人Blog(hexo)

使用Gitlab与Cloudflare Pages来搭建个人Blog

免责声明

本教程仅供教学,作者不对内容可用性以及读者个人操作造成的一切后果负责,本文内容可能已经过时,读者在操作时应该自行判断是否正确。

注册Github/Gitlab+创建私人项目

这一步不再赘述,请自行配制好gitlab,并git clone你的项目。

安装hexo

进入你git clone得到的文件夹,你有两种选择:

  1. 全新安装一个hexo
  2. 迁移现有的hexo

全新安装

进入文件夹后,将其中的.git文件夹剪切到其他位置备用,删除其中其他所有文件,随后你就可以按照你的想法来安装hexo,配置主题,这里不赘述,当你完成hexo into后,你就可以将.git文件夹移回来了。

迁移

迁移只需要把所有文件复制到git clone得到的文件夹即可。

同步到Gitlab

在以上操作完成后,你需要执行:

1
2
3
git add .
git commit -m "你的提交说明"
git push

如果一切正确,那么这时你打开Github/Gitlab应该可以看到文件已经被添加进去了。

配置Cloudflare Pages

打开Cloudflare dash的侧边栏,找到Workers 和Pages,点击进入,再点击Pages分页面,选择连接到Git,这里你可以登录你的Github或Gitlab账户,这里我选择的是Gitlab(其实都可以),登录绑定你的账号后,选择你之前存放hexo所有源码的仓库,按照以下内容填写:

1
2
3
构建命令:npm install hexo-cli -g && test -e package.json && npm install && hexo generate
构建输出目录:/public
根目录:/

这样,部署你的Pages,如果一切正确,那么基本就完成了(当然你可以接着看下去,还有点别的)

绑定自定义域名

如果想使用自己的域名,点开你的Pages项目,选择自定义域,添加你已经绑定在Cloudflare上的域名,就可以通过它来访问你的Blog啦。

后续修改

在部署好他们之后,你只需要登录Github/Gitlab,在网页上即可修改你的源码,他们会被Cloudflare自动部署,不需要你手动操作(因此你每一次更改都需要更加小心),这大大方便了在手机上的操作,以及多设备编辑的可用性。

当然,不排除Cloudflare偶尔出现自动部署失败的情况,需要你手动操作(你猜我是怎么知道的)

还有…

由于Cloudflare有策略配置等工具,你可以自己尝试去配置谁能够访问你的Blog(可能需要使用Zero Trust功能)

使用Github/Gitlab和Cloudflare搭建个人Blog(hexo)

https://blog.moe.rent/2024/02/20/gitlab-cf-hexo/

作者

Moecat

发布于

2024-02-20

更新于

2025-02-07

许可协议