vitepress与pnpm. GitHub 页面集成

532 阅读1分钟

vitepress与pnpm. GitHub 页面集成

vitepress官方用的npm管理工具为Yarn1.x而我本人常用的npm管理工具为pnpm

个人文档网站已初步构建(不时更新)可用于参考AkunPress

这里参考

pnpm在 GitHub Actions 上,您可以像这样使用 pnpm 安装和缓存您的依赖项

{
name: pnpm Example Workflow\
on:\
push:\
jobs:\
build:\
runs-on: ubuntu-20.04\
strategy:\
matrix:\
node-version: [15]\
steps:\
- uses: actions/checkout@v2\
- uses: pnpm/action-setup@v2.2.2\
with:\
version: 7\
- name: Use Node.js ${{ matrix.node-version }}\
uses: actions/setup-node@v2\
with:\
node-version: ${{ matrix.node-version }}\
cache: 'pnpm'\
- name: Install dependencies\
run: pnpm install
}

对比vitepress官方yarn

```
name: Deploy

on:
  push:
    branches:
      - main

jobs:
  deploy:
    runs-on: ubuntu-latest
    steps:
      - uses: actions/checkout@v2
      - uses: actions/setup-node@v3
        with:
          node-version: 16
          cache: yarn
      - run: yarn install --frozen-lockfile

      - name: Build
        run: yarn docs:build

      - name: Deploy
        uses: peaceiris/actions-gh-pages@v3
        with:
          github_token: ${{ secrets.GITHUB_TOKEN }}
          publish_dir: docs/.vitepress/dist

```

我所修改后的

```
name: Deploy 
# 触发方式:每次代码push到master分支时触发
on:
  push:
    branches:
      - master 
jobs:
  deploy:
    strategy:
      matrix:
        node-version: [16]
    runs-on: ubuntu-latest
    steps:
    - uses: actions/checkout@v3
    - uses: pnpm/action-setup@v2.2.2
      with:
        version: 7
    - name: Use Node.js ${{ matrix.node-version }}
      uses: actions/setup-node@v3
      with:
        node-version: ${{ matrix.node-version }}
        cache: 'pnpm'
    - name: Install dependencies
      run: pnpm install
    - name: Build
      run: pnpm build
    - name: Deploy
      uses: peaceiris/actions-gh-pages@v3
      with:
        github_token: ${{ secrets.GITHUB_TOKEN }}
        # publish_dir:这里填写打包后的路径地址
        publish_dir: ./docs/.vitepress/dist  //这里是打包文件的路径

```

个人文档网站已初步构建(不时更新)可用于参考AkunPress