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

  1. 在Github新建博客仓库,用于存放提交的源码。
  2. 设置仓库的公钥和私钥
    生成命令

    ssh-keygen -t rsa -C  [email protected]

    Vuepress搭建的博客使用GithubAction自动部署到gh-pages_第1张图片

  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/[email protected]
      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/

你可能感兴趣的:(vuepress,博客,github,github-actions,github-pages)