# 更新部署 ♺
久不更新,忘了本地编译模板的指令,更忘了怎么推送的,记录一下,方便之后写博客
参考: https://vuepress.vuejs.org/zh/guide/getting-started.html (opens new window)
# Step 1. 在本地启动服务器
yarn docs:dev # npm run docs:dev
1
然后访问:http://localhost:8080 (opens new window)
# Step 2. github hook
.github/workflows/vuepress-deploy.yml
1
配置了两个任务
- 自动
checkout
出 master - 自动
deploy
vuepress
jobs:
build-and-deploy:
runs-on: ubuntu-latest
steps:
- name: Checkout
uses: actions/checkout@master
- name: vuepress-deploy
uses: jenkey2011/vuepress-deploy@master
env:
TARGET_BRANCH: gh_pages
BUILD_SCRIPT: yarn && yarn docs:build
1
2
3
4
5
6
7
8
9
10
11
12
2
3
4
5
6
7
8
9
10
11
12
# Step 3. git push origin master & check action status
确认一下任务运行的状态,是否部署成功
- push 到 main 分支就行了
- 生成的 assets、html、js、css 都在 gh_pages 分支上,静态内容,挂在pages服务上
# Step 4. comments
评论系统 https://vssue.js.org/zh/guide/
在需要评论的页面添加<Vssue :title="$title" />
标签,即可。
# 历史错误
# Error: error:0308010C:digital envelope routines::unsupported
Solution: export NODE_OPTIONS=--openssl-legacy-provider