deploy: add build workflow

Change-Id: I39576454e550f360a1d05c21ae9241e38b60e418

Author: elonz

.github/workflows/deploy.yml

@@ -0,0 +1,24 @@
+name: GitHub Pages deploy
+on:
+  push:
+    branches:
+      - master
+jobs:
+  checkout-and-deploy:
+    runs-on: ubuntu-latest
+    steps:
+    - name: Checkout  # Checkout项目
+      uses: actions/checkout@master
+    - name: Set up Node.js  # Nodejs版本
+      uses: actions/setup-node@master
+      with:
+        node-version: 12.13.0
+    - name: Install and Build
+      run: |
+        npm install
+        npm run docs:build
+    - name: Deploy to GitHub Pages
+      uses: JamesIves/[email protected]
+      with:
+        branch: gh-pages
+        folder: docs/.vuepress/dist

deploy.sh

@@ -0,0 +1,25 @@
+#!/usr/bin/env sh
+
+# 确保脚本抛出遇到的错误
+set -e
+
+# 生成静态文件
+npm run docs:build
+
+# 进入生成的文件夹
+cd docs/.vuepress/dist
+
+# 如果是发布到自定义域名
+# echo 'www.example.com' > CNAME
+
+git init
+git add -A
+git commit -m 'deploy'
+
+# 如果发布到 https://<USERNAME>.github.io
+# git push -f [email protected]:<USERNAME>/<USERNAME>.github.io.git master
+
+# 如果发布到 https://<USERNAME>.github.io/<REPO>
+git push -f [email protected]:imageslr/regexone-cn.git master:gh-pages
+
+cd -

docs/.vuepress/config.js

@@ -1,4 +1,6 @@
 module.exports = {
+  base: "/regexone-cn/",
+
   title: "RegexOne 中文 - 通过简单的交互式练习来学习正则表达式",
   description: "通过简单的交互式练习来学习正则表达式｜regexone.com 中文翻译",
   head: [

docs/README.md

@@ -7,6 +7,7 @@ actionLink: /lesson/introduction_and_abcs
 ---
 
 <Exercise 
+  style="max-width: 750px"
   title="练习 1：匹配字符"
   :data='[{type: "match", text: "abcdefg"}, {type: "match", text: "abcde"}, {type: "match", text: "abc"}]'
   solutionText="输入前三个字符"