使用 HEXO 构建 github 博客

Posted on Edited on In Views: Word count in article: 815 Reading time ≈ 1 mins.

Init blog

1
2
3
4
5
npm install hexo-cli -g
hexo init blog
cd blog
npm install
hexo server

Themes

可以在 这里 查看自己喜欢的主题，我使用的是 keep, 这个主题(对移动端也进行适配了的)，如果喜欢的话可以根据 这个配置 配置成你想要的样式

Github Setting

使用 Github Actions 自动部署 Hexo 博客, 这个就是我参考的一个文档，其中需要说明的一些点有如下的地方：

ssh-keygen

使用 ssh-keygen 生成密钥对的时候不要输入密码

deploy

最后的 workflow 文件里面的 npm hexo deploy 是需要把项目根目录的 _config.yml 文件里面的 deploy type 修改成这样：

1
2
3
4
5
6
deploy:
  type: 'git'
  repo: "git@github.com:champly/champly.github.io.git"
  branch: main
  name: champly
  email: champly@outlook.com

同时还需要安装 hexo-deployer-git，要不然的话是不支持 git 类型，使用 npm install hexo-deployer-git 进行安装

themes config

_config.theme.yml 这里面是我的配置，在 workflow 里面是有一个替换配置和导入 images 的过程

1
2
cp _config.theme.yml themes/keep/_config.yml
cp images/* themes/keep/source/images/

这里的主要逻辑就是通过 github actions 自动构建，然后通过配置证书，让 npm deploy 的时候可以直接推送到 main 分支，所以就需要把默认分支配置成 source，展示的分支配置成 main.

其他的部分在上面的文档里面介绍的比较详细了，可以多看看.