如下图设置,只是用于发布,只给repo权限即可
生成token之后,记得拷贝
设置token,在gitpages库的设置中,选择secrets,点击new repository secret按钮。
在新打开的页面中设置创建的Token,名称设为ACCESS_TOKEN。
4.设置Actions,自动部署
在gitpages,选择Action菜单,点击set up a workflow yourself链接。
默认创建了一个main.yml文件,如下图
name: Deploy GitHub Pages # 触发条件:在 push 到 master 分支后 on: push: branches: - master # 任务 jobs: build-and-deploy: runs-on: ubuntu-latest steps: - name: Checkout uses: actions/checkout@master with: persist-credentials: false # - name: Build # run: npm install && npm run build - name: Deploy uses: JamesIves/github-pages-deploy-action@releases/v3 with: ACCESS_TOKEN: ${{ secrets.ACCESS_TOKEN }} BRANCH: gh-pages FOLDER: public BUILD_SCRIPT: npm install && npm run build # The build script the action should run prior to deploying.
5. 发布
首先clone设置好的repository
git clone https://github.com/FlyLolo/gitpages.git
将上文创建好的VuePress文件拷贝到clone的gitpages文件夹
git add . git commit -m "first" git push
将文件push到repository。
此时在Action菜单中可以看到发布的进度
点击箭头所示记录,在新页面中可以看到具体的发布进度。
如果发现发布失败,可以在此处查看错误信息。
6.一个错误
此时访问发布好的页面,可能会有以下错误,样式没有正常加载。
当发布到子目录会出现如下问题,在gitpages\docs.vuepress目录下创建config.js,并进行如下设置即可。
module.exports = { title: 'Hello VuePress', description: 'Just playing around', base:'/gitpages/' }