LOADING

加载过慢请开启缓存 浏览器默认开启

Github Action自动化部署Hexo静态博客

2025/7/6 技术

一 为什么要用自动化部署

之前上传文章使用hexo d(deploy)命令只是把本地生成的静态文件上传到了远程仓库中,但是自己写的博客文章、博客主题源码的修改都保留在本地

如果你需要通过远程仓库查看自己写的文章,并且 希望在不同设备(例如平板、手机)上编辑文章并推送到远程仓库,那么就必须避免对电脑环境的依赖

在电脑环境中,必须先进入博客文件夹的终端,输入以下命令:

hexo clean && hexo g && hexo deploy  *# 部署静态文件* 

git add . && git commit -m "更新" && git push  *# 手动同步源码*

非常麻烦,输入多个命令,且离开电脑环境就不能上传文章(hexo命令都没有)

二 Github Action最终实现了什么

只需在每次写完文章后推送到远程仓库即可,或用命令git add . / git commit -m "" / git push origin main
不需要每次输入命令hexo clean hexo g hexo d,
也不需要产生对环境的依赖,例如安装nodejs,hexo主题依赖等,在不同电脑上也能轻松编辑发布文章
一般发布流程:vscode编辑文章,一键推送,自动部署
如果没下载vscode,也能配合GitHub dev 在线编辑器,代替命令行,实现“浏览器写文章->一键推送->自动部署”的流程,
这对于临时在他人电脑上更新博客的场景临时移动端编辑发布文章的场景非常有用

总的来说,Github Action让发布文章的流程变得简单和灵活!

三 认识Github Action

概念:Github Action是一个自动化流程工具
原理:当代码仓库发生特定事件(如 git push、创建 Issue 等)时,自动在云端启动一台临时虚拟机,执行你预定义的一系列命令(如安装依赖、编译代码、部署网站)。

四 现在发布一个文章需要做什么动作?

两种方式

第一种:网页或者app登录你的Github,直接在对应的源码的位置修改(/source/_posts),然后提交

第二种:电脑端,找到关联远程仓库的本地仓库,在本地的/source/_posts处修改发布文章,然后提交,此时会把改动提交到私有的源码仓库,然后git action感受到提交后会自动把对文章的改动同步到公开的另一个仓库中去

五 参考和感谢文章

链接:【Hexo】博客自动部署

完毕!