利用cloudflare搭建Hexo博客

1. 本地环境搭建

需要的软件

git
node
vscode（任意代码编辑器，win自带文本编辑器也不是不行😏）
以上注意事项，node、git版本用最新即可，vscode随意。操作方式一直点下一步即可😉

2. Git相关操作

打开 git bash进行以下操作

• 添加本地账户

git config --global user.name "你的用户名"
git config --global user.email "你的邮箱"
   
#" "也要删除 user.name、user.email要保留

• 生成ssh密钥，用于连接github并上传文件

-t rsa -C "你的邮箱"

   
记住生成的公钥(.pub)和密钥（在GitHub步骤中要使用到），公钥和密钥默认储存在C:\Users\你的电脑用户名\.ssh 文件夹中

• 在本地创建用于储存hexo的文件夹

# 下载hexo
npm install -g hexo-cli && hexo -v
   
# 安装相关依赖（初始化 Hexo 项目安装相关依赖。）
hexo init blog-demo
cd blog-demo
npm i
   
# 本地运行项目，查看项目是否正常
hexo cl && hexo s

• 安装 hexo-deployer-git (将内容上传的插件)

npm install hexo-deployer-git --save

• 在blog-demo找到 _config.yml文件在最后一项中改为如下

# Deployment
## Docs: https://hexo.io/docs/one-command-deployment
deploy:
  type: git
  repository: git@github.com:Github用户名/Github用户名.github.io.git
  branch: main

3. Github相关操作

• Github添加ssh公钥

在Github里

点击头像

点击setting

点击SSH AND GPG KEY

点击右上角new SSH key

title 随意填写，key处填写Git相关操作中创建的 .pub 文件中的内容

点击add SSH key

至此完成添加ssh公钥操作

• 创建静态博客库

在https://github.com/dashboard页面中点击左上角New按钮进入创建页面

Repository name 处填写 Github用户名+.github.io(可以直接库名访问)

Description (optional) 处随意填写

选择Private(别人看不到库内容)或Public（别人看得到库内容）

点击Create repository完成创建

上传博客网站内容到GitHub

• 进入到hexo项目保存地址
• 输入 hexo cl && hexo g && hexo d命令

VScode中操作

• 在终端中输入 hexo cl; hexo g; hexo d命令

4. CloudFlare中的操作

1. 登录CloudFlare
2. 点击Workers 和 Pages按钮，并点击右上角创建按钮，选择pages进入创建流程
3. 点击连接到Git，再点击连接到Github。连接到Github选择对应的GitHub库（其它默认就可以），点击创建
4. 添加已经绑定到cloud flare的域名，之后就可以通过自己域名访问

   cloudflare会自动获取github中的内容

创建文章，标签之类的就去 hexo 官网看吧