Vuepress搭建的博客使用GithubAction自動部署到gh-pages

1. 在Github新建博客倉庫，用於存放提交的源碼。

2. 設置倉庫的公鑰和私鑰
   生成命令

   ssh-keygen -t rsa -C  youremail@example.com

   
   

3. 在github建立actions，配置代碼以下

name: blog deploy

on: 
  push:
    branches: 
      - master

jobs:
  build-deploy:
    runs-on: ubuntu-latest
    
    steps:
    - uses: actions/checkout@v1
    - run: npm ci
    - run: npm install vuepress
    - run: npm run build
    - run: cp CNAME docs/.vuepress/dist/
    
    - name: Deploy
      uses: peaceiris/actions-gh-pages@v2.5.0
      env:
        ACTIONS_DEPLOY_KEY: ${{secrets.key}}
        PUBLISH_BRANCH: gh-pages
        PUBLISH_DIR: docs/.vuepress/dist

• cp CNAME docs/.vuepress/dist/ 是配置解析域名的，能夠去掉。
• key是你的倉庫私鑰名

當你在本地更新完博客，直接提交併推送到Github項目，Actions就會在雲端自動打包並部署到gh-pages分支，就能夠直接用 github用戶名.github.io/項目名 的方式訪問了。

個人博客項目地址： https://github.com/shanghaobo/qinyu-blog
個人博客地址： https://qinyushop.com/