chore: fix github actions missing pnpm

.github/workflows/vuepress-deploy.yml

@@ -1,13 +1,41 @@
 name: Build and Deploy
 on: [push]
+
 jobs:
-  install:
+  cache-and-install:
     runs-on: ubuntu-latest
 
     steps:
-      - uses: pnpm/action-setup@v2.2.2
+      - name: Checkout
+        uses: actions/checkout@v3
+
+      - name: Install Node.js
+        uses: actions/setup-node@v3
+        with:
+          node-version: 16
+
+      - uses: pnpm/action-setup@v2.0.1
+        name: Install pnpm
+        id: pnpm-install
         with:
-          version: 6.0.2
+          version: 7
+          run_install: false
+
+      - name: Get pnpm store directory
+        id: pnpm-cache
+        run: |
+          echo "::set-output name=pnpm_cache_dir::$(pnpm store path)"
+
+      - uses: actions/cache@v3
+        name: Setup pnpm cache
+        with:
+          path: ${{ steps.pnpm-cache.outputs.pnpm_cache_dir }}
+          key: ${{ runner.os }}-pnpm-store-${{ hashFiles('**/pnpm-lock.yaml') }}
+          restore-keys: |
+            ${{ runner.os }}-pnpm-store-
+
+      - name: Install dependencies
+        run: pnpm install
 
   build-and-deploy:
     runs-on: ubuntu-latest
@@ -21,6 +49,6 @@ jobs:
         ACCESS_TOKEN: ${{ secrets.ACCESS_TOKEN }}
         TARGET_REPO: DIYgod/DPlayer
         TARGET_BRANCH: gh-pages
-        BUILD_SCRIPT: pnpm i && pnpm docs:build
+        BUILD_SCRIPT: npm run docs:build
         BUILD_DIR: docs/.vuepress/dist
         CNAME: dplayer.js.org