Support Contribute with Gitpod. (#1030)

.devcontainer/devcontainer.json

@@ -0,0 +1,31 @@
+{
+  "name": "Shenyu DevContainer",
+  "image": "mcr.microsoft.com/devcontainers/base:ubuntu",
+  "features": {
+      "ghcr.io/devcontainers/features/node:1": {
+          "version": "20"
+      },
+      "ghcr.io/devcontainers/features/git-lfs:1.1.0": {}
+  },
+  "customizations": {
+      "vscode": {
+          "settings": {},
+          // same extensions as Gitpod, should match /.gitpod.yml
+          "extensions": [
+              "editorconfig.editorconfig",
+              "dbaeumer.vscode-eslint",
+              "stylelint.vscode-stylelint",
+              "DavidAnson.vscode-markdownlint",
+              "ms-azuretools.vscode-docker",
+              "GitHub.vscode-pull-request-github"
+          ]
+      }
+  },
+  "portsAttributes": {
+      "3000": {
+          "label": "Shenyu Website",
+          "onAutoForward": "notify"
+      }
+  },
+  "postCreateCommand": "node --version"
+}

.gitpod.yml

@@ -0,0 +1,23 @@
+tasks:
+
+    - name: Run
+      command: |
+          gp sync-await setup
+          yarn start
+
+    - name: Setup
+      init: |
+          yarn install
+      command: |
+          gp sync-done setup
+          exit 0
+      openMode: split-right
+
+vscode:
+    extensions:
+        - editorconfig.editorconfig
+        - dbaeumer.vscode-eslint
+        - stylelint.vscode-stylelint
+        - DavidAnson.vscode-markdownlint
+        - ms-azuretools.vscode-docker
+        - GitHub.vscode-pull-request-github

README.md

@@ -1,6 +1,7 @@
 # Apache ShenYu Official Website
 
 ![Website Deploy](https://github.com/apache/shenyu-website/workflows/Website%20Deploy/badge.svg)
+[![Contribute with Gitpod](https://img.shields.io/badge/Contribute%20with-Gitpod-908a85?logo=gitpod&color=green)](https://gitpod.io/#https://github.com/apache/shenyu-website)
 
 This project keeps all sources used for building up Apache ShenYu official website which's served at <https://shenyu.apache.org/>.