diff --git a/.gitpod.yml b/.gitpod.yml
new file mode 100644
index 000000000..0ef0a0721
--- /dev/null
+++ b/.gitpod.yml
@@ -0,0 +1,20 @@
+# This configuration file was automatically generated by Gitpod.
+# Please adjust to your needs (see https://www.gitpod.io/docs/config-gitpod-file)
+# and commit this file to your remote git repository to share the goodness with others.
+image: gitpod/workspace-dotnet
+tasks:
+  - init: |
+      npm install
+    command: |
+      dotnet build ./site/AntDesign.Docs.Build/AntDesign.Docs.Build.csproj
+      npm run start
+ports:
+  - port: 5000
+    visibility: public
+    onOpen: open-browser
+  - port: 5001
+    visibility: public
+    onOpen: ignore
+  - port: 30000-60000
+    visibility: public
+    onOpen: ignore
\ No newline at end of file
diff --git a/README-zh_CN.md b/README-zh_CN.md
index 68142e81d..51c30cded 100644
--- a/README-zh_CN.md
+++ b/README-zh_CN.md
@@ -154,7 +154,15 @@ WebAssembly 静态托管页面示例
   <Button Type="primary">Hello World!</Button>
   ```
 
-## ⌨️ 本地开发
+## ⌨️ 开发
+
+### Gitpod
+
+点击下方按钮，免费创建一个新的工作区用于开发。
+
+[![Open in Gitpod](https://gitpod.io/button/open-in-gitpod.svg)](https://gitpod.io/#https://github.com/ant-design-blazor/ant-design-blazor)
+
+### 本地
 
 - 先安装 [.NET Core SDK](https://dotnet.microsoft.com/download/dotnet/6.0?WT.mc_id=DT-MVP-5003987) 6.0.100 以上版本
 - 安装 Node.js（只用于样式文件和互操作所需 TS 文件的构建）
diff --git a/README.md b/README.md
index fbae7d8b9..8b04b278e 100644
--- a/README.md
+++ b/README.md
@@ -159,7 +159,15 @@ Options for the template：
   <Button Type="@ButtonType.Primary">Hello World!</Button>
   ```
 
-## ⌨️ Local Development
+## ⌨️ Development
+
+### Gitpod
+
+Click the button below to start a new workspace for development for free.
+
+[![Open in Gitpod](https://gitpod.io/button/open-in-gitpod.svg)](https://gitpod.io/#https://github.com/ant-design-blazor/ant-design-blazor)
+
+### Local
 
 - Install [.NET Core SDK](https://dotnet.microsoft.com/download/dotnet/6.0?WT.mc_id=DT-MVP-5003987) 6.0.100 or later.
 - Install Node.js (only for building style files and interoperable TypeScript files)
diff --git a/site/AntDesign.Docs.Server/Program.cs b/site/AntDesign.Docs.Server/Program.cs
index 5d725d8a4..5d87a242d 100644
--- a/site/AntDesign.Docs.Server/Program.cs
+++ b/site/AntDesign.Docs.Server/Program.cs
@@ -29,7 +29,8 @@ if (!app.Environment.IsDevelopment())
     app.UseHsts();
 }
 
-app.UseHttpsRedirection();
+// disable UseHttpsRedirection to support open site in gitpod workspace, since there is a problem about https endpoint in Gitpod
+// app.UseHttpsRedirection();
 #if NET5_0_OR_GREATER
 app.UseBlazorPolyfill();
 #endif
diff --git a/site/AntDesign.Docs.Server/appsettings.Development.json b/site/AntDesign.Docs.Server/appsettings.Development.json
index ecac07052..4a920128b 100644
--- a/site/AntDesign.Docs.Server/appsettings.Development.json
+++ b/site/AntDesign.Docs.Server/appsettings.Development.json
@@ -6,5 +6,15 @@
       "System": "Information",
       "Microsoft": "Information"
     }
+  },
+  "Kestrel": {
+    "Endpoints": {
+      "Http": {
+        "Url": "http://+:5000"
+      },
+      "Https": {
+        "Url": "https://+:5001"
+      }
+    }
   }
 }