diff --git a/.github/workflows/pages.yml b/.github/workflows/pages.yml
new file mode 100644
index 00000000..78803c10
--- /dev/null
+++ b/.github/workflows/pages.yml
@@ -0,0 +1,49 @@
+name: pages
+
+on:
+  push:
+    branches: [master]
+  workflow_dispatch:
+
+jobs:
+  pages:
+    runs-on: ubuntu-latest
+
+    steps:
+      - uses: actions/checkout@v2
+        with:
+          fetch-depth: 0
+
+      - name: Install pnpm
+        uses: pnpm/action-setup@v2
+
+      - name: Set node version to 16
+        uses: actions/setup-node@v2
+        with:
+          node-version: 16
+          cache: 'pnpm'
+
+      - run: pnpm bootstrap
+
+      - name: Build VuePress site
+        run: npm run build:docs
+
+      - name: Build Playground site
+        run: npm run build:playground
+
+      - name: clean dist
+        run: rm -rf dist
+
+      - name: mkdir dist
+        run: mkdir dist && mkdir dist/docs && mkdir dist/playground
+
+      - name: move to dist
+        run: mv docs/dist/* dist/docs && mv playground/dist/* dist/playground
+
+      - name: Deploy to GitHub Pages
+        uses: crazy-max/ghaction-github-pages@v2
+        with:
+          target_branch: gh-pages
+          build_dir: dist
+        env:
+          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
diff --git a/docs/package.json b/docs/package.json
index c5b83ca9..f8e5dcc8 100644
--- a/docs/package.json
+++ b/docs/package.json
@@ -3,8 +3,9 @@
   "private": true,
   "version": "0.0.0",
   "scripts": {
+    "clean:top": "rimraf dist",
     "dev": "vuepress dev src",
-    "build": "vuepress build src -d dist"
+    "build": "npm run clean:top && vuepress build src -d dist"
   },
   "dependencies": {
     "@element-plus/icons": "0.0.11",
diff --git a/package.json b/package.json
index 2f865101..e187ab6b 100644
--- a/package.json
+++ b/package.json
@@ -2,6 +2,7 @@
   "version": "1.0.0-rc.7",
   "name": "tmagic",
   "private": true,
+  "packageManager": "pnpm@7.1.9",
   "scripts": {
     "bootstrap": "pnpm i && pnpm prepare && cd runtime/vue2 && npm i",
     "clean:top": "rimraf */**/dist */dist coverage dwt*",
diff --git a/playground/package.json b/playground/package.json
index 9aa6419b..40bfcfef 100644
--- a/playground/package.json
+++ b/playground/package.json
@@ -3,10 +3,11 @@
   "version": "1.0.0-rc.6",
   "private": true,
   "scripts": {
+    "clean:top": "rimraf dist",
     "dev": "vite --mode vue3",
     "dev:vue2": "vite --mode vue2",
     "dev:react": "vite --mode react",
-    "build": "node --max_old_space_size=8192 node_modules/vite/bin/vite.js build --mode vue3",
+    "build": "npm run clean:top && node --max_old_space_size=8192 node_modules/vite/bin/vite.js build --mode vue3",
     "serve": "vite preview"
   },
   "dependencies": {