使用 Github Actions 部署 VuePress 博客

随着我 VuePress 博客中的东西越来越多，每次我打包好项目然后上传到 Github 上需要好一会儿时间，之前在一些文章中知道 Github Actions 可以帮我自动部署项目，正好今天尝试尝试。

在使用 Github Actions 以前，部署过程是这样的：

• 写文章
• 生成静态文件
• 将静态文件部署到 Github Page 上

使用了 Github Actions 后，过程变为了：

• 写文章
• 提交文章到 Github 上

配置文件

接着我们介绍如何使用这一利器。首先你需要在你的项目下新建 .github/workflows/ 文件夹，接着在 workflows 文件夹下新增 xxx.yml 文件，这个文件名随意，但是必须是 YAML 文件，比如我新增文件名为 deploy.yml，给出我的配置内容(去掉了一些个性化的配置)

name: Build and Deploy
on:
  push:
    branches:
      - master
jobs:
  build-and-deploy:
    runs-on: ubuntu-latest
    steps:
      - name: Checkout 🛎️
        uses: actions/checkout@v2.3.1

      - name: Install and Build 🔧 
        run: |
          npm install
          npm run build

      - name: Deploy 🚀