Hexo博客怎么上线CloudFlare

Hexo上线CloudFlare

安装Git

首先是安装Git，如果你是Win则安装Bash即可，之后所有的git命令都可以在这个bash里面完成，其他的不是git的命令可以使用CMD进行执行，我这边使用的是OpenCloudOS9，也就是腾讯云服务器的一个系统，Centos系统可以按照我这套直接跟着做。首先安装一下Git

1
yum install git

看到Complete!则是成功了

可以使用查看版本看看有没有版本输出

1
git --version

然后就开始配置姓名和邮箱，后续我们上传文件都是用的这个身份

1
2
3
4
5
6
7
# 配置用户名
git config --global user.name "Your Name"
# 配置邮箱
git config --global user.email "your.email@example.com"
#可以通过这个命令来检查是否成功 
git config -l

配置git公钥

然后配置公钥，这个是我们链接Github使用的，这个输入进去之后全部使用默认即可，也就是一直回车，直到提示成功了，如果你是Win的话应该默认是在C盘，如果你是跟我一样，我是OpenCloudOS9（也就是腾讯云的系统），那你可以使用第二个命令来直接查看密钥

1
2
3
4
5
#生成密钥
 ssh-keygen -t ed25519 -C "你的邮箱@qq.com"
#查看密钥
cat ~/.ssh/id_ed25519.pub

然后登录你的Github（没有就先创建一个），点击右上角的头像，右侧导航栏选择Setting，然后设置界面的左边导航栏选择SSH and GPG keys 在右侧新界面中选择New SSH key，这里面名字随便填，然后下面的key一栏填上我们刚刚的公钥，保存即可



配置完毕之后就可以回来测试了,

1
ssh -T git@github.com

如果弹出一个问你是否要继续链接，输入yes即可，等到弹出以下提示则是已经成功，我们已经完成了环境配置Github的过程了，接下来就是着手上传事宜

1
Hi xxxx! You've successfully authenticated, but GitHub does not provide shell access.

Github创建一个仓库

Github创建仓库用来存储我们的博客文件，可以作为版本管理或者是帮我们更新文章之类的
名称的话随意，下面的visibility 我选择的是Public，即是公开，这里选择是Private也是可以的

创建完毕之后点开该仓库，中间就有仓库地址，我们需要把他复制一下，等会要用

创建博客模板

这里可以详细看一下我的另外一篇文章，有更详细的介绍 或者参考一下https://docs.anheyu.com/initall.html

将静态博客挂载到 GitHub Pages

要将静态博客挂载到 GitHub Pages，需要安装 hexo-deployer-git

1
npm install hexo-deployer-git --save

安装好了之后，在博客的根目录下的_config.yml，就是整个Hexo框架的配置文件了。可以在里面修改大部分的配置。详细可参考官方的配置，然后我们需要修改的是最后一行的将repository修改为你自己的github项目地址即可，还有分支要改为main代表主分支（注意缩进），这里最好是使用SSH格式 即是 repository: git@github.com:你的git名称/博客名称.git ， 否则可能会报错

1
2
3
4
deploy:
  type: git
  repository: git@github.com:Li-2002/yuumian-blog.git
  branch: main

ok配置完成之后我们就开始deploy一下，在终端中输入让hexo执行打包部署

1
hexo clean && hexo generate && hexo deploy

出现 INFO Deploy done: git 则是说明我们已经部署成功了

部署到CloudFlare


在 Workers 和 Pages 中选择创建一个新的项目，选择下面的一行蓝色小字Looking to deploy Pages? Get started，然后选择Github图标的connect github
之后就是授权了，我这边是，授权所有项目，然后重新点开connect With github，就可以选择你的项目了。

配置构建设置

配置项 填写内容
Project name 你的项目名（如 yuumian-blog）
Production branch source ← 我这边是source
Framework preset None
Build command npm install && npx hexo generate
Build output directory public 如果你是整个源码部署上去 那就应该是填这个public

置 Node.js 版本

在同一页面往下拉，找到 Environment variables，添加：

Variable name Value
NODE_VERSION 20

然后点击 Save and Deploy。
直接下一步即可，等到控制栏输出✨ Success! Build completed.
下面倒数第三栏会有一个链接，这个链接就是全球可以访问的你的项目的链接！恭喜你部署成功！



如果你跟我一样有自己的域名的话，那你可以在worker&pages页面，点进去你的项目，在点到上面的Domains，可以Add Domain添加自己的域名解析
![](https://yuumii.top/article/DeployWithGitHubAndCLoudFlare/
%E6%B7%BB%E5%8A%A0%E5%9F%9F%E5%90%8D%E8%A7%A3%E6%9E%90.png)

以后更新博客

以后写文章只需要推送源码，Cloudflare 会自动构建发布：

新建文章

hexo new post “文章标题” 之后开始编辑就可以，编辑完成之后使用下面的命令进行推送（因为我是source分支，所以我推送到source 如果你是别的分支xxx 最后一行命令应该是git push origin main:xxx）

1
2
3
4
git add .
git commit -m "add new post"
git push origin main:source

完成！Cloudflare 会自动构建并发布

最后

愿君安康，平安喜乐~