【技术探索一】

🐳 hexo + github action + git 配置个人博客网站 🐳

1、Workflow

完整配置参考视频，以及该视频对应的笔记。

2、Hexo 主题设置

Hexo 全部主题，up 使用的 matery 主题中文文档。如下图所示。

3、本地测试

打开 git bash 命令行界面操作，相关代码如下。

npm install hexo-cli -g
hexo init blog
cd blog
npm install
hexo server

4、远端部署

4.1 根目录 “_config.yml” 文件配置

deploy:
    type: git
    repo: https://github.com/daojuhecheng/daojuhecheng.github.io
    # repo: git@github.com:daojuhecheng/daojuhecheng.github.io.git
    branch: master

4.2 可能出现的 error

• 执行 “hexo d” 后，出现 “error deployer not found: github”。

  npm install hexo-deployer-git --save
  # 安装 hexo 对于 git 的部署工具
  

• Git 报错： “OpenSSL SSL_connect: SSL_ERROR_SYSCALL in connection to github.com:443”。

  git config --global --add remote.origin.proxy ""
  

• 继续报上一步的错，参考 443 error，修改 “_config.yml” 中的 “repo” 行（https 改为 ssh）。

5、自定义模板相关

看板设置，需要修改 “_config.yml” 文件。

npm install --save hexo-helper-live2d
# 安装 live2d
# 不同的看板人物需要额外的 install

6、Github Actions

Github Actions 可以实现自动化部署，即提交代码后自动发布。参考 视频对应的笔记 可以实现这一过程，即切换分支 “myblog” 后执行 “git add .”、”git commit -m ‘log’” 和 “git push origin myblog” 操作。

另外，需注意 Git 的一些相关操作如 切换分支操作、撤销 “commit” 和 “add” 以及 “git pull” 同步远程与本地（merge）等。