hexo个人博客利用github自动化actions实现手机发说说


小波前面分享了hexo个人博客非插件实现增加说说页面,但是因为思路始终是基于markdown的文章渲染,而非走数据库模式,那就面临个问题岂不是写说说(碎碎念)也得跟写其他需要更多精力的文章一样,本地hexo s把项目启动,然后写了文章执行hexo cleanhexo ghexo d三连操作才行。

搜索相关资料后,发现github的actions(自动化)[1]可以完美替博主自动执行三连操作,而作为博主的我们只需要在github的源码仓库中创建个.md文件,编辑好说说直接commit一下即可完成在线自动生成部署。


😍廿壴(ganxb2)博客说说成品效果

廿壴(ganxb2)博客说说成品效果


🙂版本环境

hexo版本:"^6.3.0"

hexo-theme-fluid版本:"^1.9.0"


🧐第一步:github新建源码仓库

我们需要两个仓库,一个存hexo g后生成的Public文件夹的内容(这个我们应该早就建好了),另一个存我们的源码。

点击主页的new按钮新建,然后配置仓库点击Create repository保存

注意:

源码仓库改成private(私有)

github创建新仓库

创建源码仓库


🤔第二步:生成秘钥

2.1 执行命令生成秘钥

1
ssh-keygen -t rsa -C "你的邮箱地址"

执行命令后会在C:\Users\your name\.ssh文件夹中生成两个文件

id_rsa 私钥

id_rsa.pub 公钥

2.2 源码仓库配置自动化私钥

github的私有源码仓库,依次点击 settings –> secrets –> actions –> New repository secret

name名字填入HEXO_DEPLOY_PRI(第三步添加action配置中会使用此字段)

secret文本框复制贴入上面2.1命令生成的私钥文件id_rsa中的内容

源码仓库配置自动化私钥
私钥文件内容

2.3 github的settings配置公钥

依次点击 settings –> SSH and GPG keys –> New SSH key

title 名字随便写个

key 文本框复制贴入上面2.1命令生成的公钥文件id_rsa.pub中的内容

github的settings配置公钥
公钥文件内容

🤔第三步:添加actions配置

方法1:github网站源码仓库操作

依次点击 Actions –> new workflow –> set up a workflow yourself ->,如以下3图

github网站源码仓库添加actions配置
github网站源码仓库添加actions配置
github网站源码仓库添加actions配置

然后贴入下面代码

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
# workflow name
name: Hexo Blog CI

# 私有源码仓库分支,小波是main,你的如果是master注意更改
on:
push:
branches:
- main

jobs:
build:
runs-on: ubuntu-latest
# 定义node版本变量
strategy:
matrix:
node-version: [14.x]

steps:
# check it to your workflow can access it
# from: https://github.com/actions/checkout
# 注意@main改成自己的分支
- name: Checkout Repository main branch
uses: actions/checkout@main

# from: https://github.com/actions/setup-node
- name: Setup Node.js ${{ matrix.node-version }}
uses: actions/setup-node@main
with:
node-version: ${{ matrix.node-version }}

- name: Setup Hexo Dependencies
run: |
npm install hexo-cli -g
npm install

# 同github网站配置的私钥名字必须一致
- name: Setup Deploy Private Key
env:
HEXO_DEPLOY_PRI: ${{ secrets.HEXO_DEPLOY_PRI }}
run: |
mkdir -p ~/.ssh/
echo "$HEXO_DEPLOY_PRI" > ~/.ssh/id_rsa
chmod 600 ~/.ssh/id_rsa
ssh-keyscan github.com >> ~/.ssh/known_hosts

- name: Setup Git Infomation
run: |
git config --global user.name 'your name'
git config --global user.email 'your name@qq.com'

- name: Deploy Hexo
run: |
hexo clean
hexo generate
hexo deploy

注意:

branches(分支),HEXO_DEPLOY_PRI(github配置的私钥),your name(github昵称和邮箱名)根据自己的情况修改


方法2:vscode中源码文件夹中增加配置文件

源码文件夹中增加.github/workflows/main.yml,贴入上面的代码。

注意:

hexo deploy请确保博客文件夹根目录_config.yml已经修改了发布代码配置,如果没有,可参考小波的这篇文章 - hexo+github+leancloud纯前端全栈搭建免费个人博客2022(一)

1
2
3
4
5
6
# Deployment
## Docs: https://hexo.io/docs/one-command-deployment
deploy:
type: git
repo: https://token@github.com/your name/public仓库名
branch: master

😚第四步:github网站源码仓库中创建新.md文件

小波是直接把新建网址存到了手机的笔记本里打开,当然你也可以放到博客导航或者页脚,增加一个超链接入口。

github网站源码仓库中创建新.md文件
github网站源码仓库中创建新.md文件

🙂hexo个人博客配置github自动化actions相关链接

THE END
hexo个人博客利用github自动化actions实现手机发说说
https://blog.ganxb2.com/50772.html
作者
chopin gump chopin gump
许可协议
小尾巴
Stay Hungry, Stay Foolish「求知若饥, 虚心若愚」 — 廿壴(ganxb2)
微信

微信

支付宝

支付宝

🕐如果评论显示“刷新”无法加载,过一会再来康康~🕢 _(≧∇≦」∠)_ (填写常用邮箱即可快速收到回复通知~)