diff --git a/ci.yml b/ci.yml
new file mode 100644
index 0000000..bca0308
--- /dev/null
+++ b/ci.yml
@@ -0,0 +1,27 @@
+name: Build and Deploy
+on: # 监听 main 分支上的 push 事件
+  push:
+    branches:
+      - main
+jobs:
+  build-and-deploy:
+    runs-on: ubuntu-latest # 构建环境使用 ubuntu
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v2.3.1  
+        with:
+          persist-credentials: false
+
+      - name: Install and Build # 下载依赖 打包项目
+        run: |
+          yarn
+          yarn build
+
+      - name: Deploy # 将打包内容发布到 github page
+        uses: JamesIves/github-pages-deploy-action@3.5.9 # 使用别人写好的 actions
+        with:  # 自定义环境变量
+          ACCESS_TOKEN: ${{ secrets.VUE3_TOKEN }} # VUE_ADMIN_TEMPLATE 是我的 secret 名称，需要替换成你的
+          BRANCH: main
+          FOLDER: dist
+          REPOSITORY_NAME: talktao.github.io/vue3-vite-vant-ts-h5 # 这是我的 github page 仓库
+          TARGET_FOLDER: github-actions-demo # 打包的文件将放到静态服务器 github-actions-demo 目录下