利用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并上传文件
ssh-keygen -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
-
在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
Git bash中操作 1. 进入到hexo项目保存地址 2. 输入 hexo cl && hexo g && hexo d 命令 VScode中操作 1. 在终端中输入 hexo cl; hexo g; hexo d 命令
-
5.CloudFlare中的操作
- 登录
CloudFlare
- 点击
Workers 和 Pages
按钮,并点击右上角创建按钮,选择pages进入创建流程 - 点击连接到Git,再点击
连接到Github
。连接到Github选择对应的GitHub库(其它默认就可以),点击创建 - 添加已经绑定到cloud flare的域名,之后就可以通过自己域名访问。