【博客搭建】vuepress+GitHub Actions自动构建并发布

个人博客

概述

当我们使用vuepress搭建好属于自己风格的博客，我们需要重新打包并放在GitHub或者自己的私服上，但是当我们一旦更新博客，我们便需要重新打包上传，这般繁琐并不适合常态化的更新博客，于是便有了将打包，上传，部署进行自动化的需求

GitHub Actions

GitHub Actions 是 GitHub 的持续集成服务，于2018年10月推出。官方还推出了相关插件库市场，可以直接使用他人写好的插件，如果你想详细了解GitHub Actions 请参考阮一峰老师的博客GitHub Actions入门。

使用Github Actions我们可以实现：

1. 监听git push 自动打包
2. 分离博客源码和打包后代码
3. 自动部署发布

简单来说，它的作用便是，当我们将新博客push到仓库中，后续的打包发布都不需要我们去管，其次，为了更方便对博客文章进行管理，我将博客源码（私有）和部署博客（公开）分别放在两个仓库中。接下来便是实现方式。

GitHub Actions配置

在博客源码仓库中，选择Actions,点击Set up this workflow

配置Actions

name: Automatic blog update # 该Action的名字

# on:何时触发该事件. 
on: