使用Github/Gitlab和Cloudflare搭建个人Blog(hexo)
使用Gitlab与Cloudflare Pages来搭建个人Blog
免责声明
本教程仅供教学,作者不对内容可用性以及读者个人操作造成的一切后果负责,本文内容可能已经过时,读者在操作时应该自行判断是否正确。
注册Github/Gitlab+创建私人项目
这一步不再赘述,请自行配制好gitlab,并git clone
你的项目。
安装hexo
进入你git clone
得到的文件夹,你有两种选择:
- 全新安装一个hexo
- 迁移现有的hexo
全新安装
进入文件夹后,将其中的.git
文件夹剪切到其他位置备用,删除其中其他所有文件,随后你就可以按照你的想法来安装hexo,配置主题,这里不赘述,当你完成hexo into
后,你就可以将.git
文件夹移回来了。
迁移
迁移只需要把所有文件复制到git clone
得到的文件夹即可。
同步到Gitlab
在以上操作完成后,你需要执行:
1 | git add . |
如果一切正确,那么这时你打开Github/Gitlab应该可以看到文件已经被添加进去了。
配置Cloudflare Pages
打开Cloudflare dash的侧边栏,找到Workers 和Pages
,点击进入,再点击Pages
分页面,选择连接到Git
,这里你可以登录你的Github或Gitlab账户,这里我选择的是Gitlab(其实都可以),登录绑定你的账号后,选择你之前存放hexo所有源码的仓库,按照以下内容填写:
1 | 构建命令:npm install hexo-cli -g && test -e package.json && npm install && hexo generate |
这样,部署你的Pages,如果一切正确,那么基本就完成了(当然你可以接着看下去,还有点别的)
绑定自定义域名
如果想使用自己的域名,点开你的Pages项目,选择自定义域
,添加你已经绑定在Cloudflare上的域名,就可以通过它来访问你的Blog啦。
后续修改
在部署好他们之后,你只需要登录Github/Gitlab,在网页上即可修改你的源码,他们会被Cloudflare自动部署,不需要你手动操作(因此你每一次更改都需要更加小心),这大大方便了在手机上的操作,以及多设备编辑的可用性。
当然,不排除Cloudflare偶尔出现自动部署失败的情况,需要你手动操作(你猜我是怎么知道的)
还有…
由于Cloudflare有策略配置等工具,你可以自己尝试去配置谁能够访问你的Blog(可能需要使用Zero Trust功能)
使用Github/Gitlab和Cloudflare搭建个人Blog(hexo)