+
+2. Add the `bin` directory under the `maven` directory to the environment variables. For `Windows`, if the download directory is `E:\apache-maven-3.9.1`, add `E:\apache-maven-3.9.1\bin` to the `Path` system variable.
+
+3. Verify that the installation was successful. Type `mvn -v` in the cmd window, and if the Maven version and Java version appear, the installation is successful. This is shown below:
+
+ ```shell
+ C:\Users\pc>mvn -v
+ Apache Maven 3.9.1 (2e178502fcdbffc201671fb2537d0cb4b4cc58f8)
+ Maven home: E:\apache-maven-3.9.1
+ Java version: 18.0.1.1, vendor: Oracle Corporation, runtime: C:\Program Files\Java\jdk-18.0.1.1
+ Default locale: zh_CN, platform encoding: UTF-8
+ OS name: "windows 10", version: "10.0", arch: "amd64", family: "windows"
+ ```
+
+4. To speed up the download of project-related dependencies, you need to change the Maven mirrors, here add Aliyun and other mirrors. Change the `
+
+3. At this point, IDEA will automatically download the project-related dependencies, you need to wait for a while, when finished, as shown in the following figure:
+
+ 
+
+ As you can see, `shenyu-e2e`, `shenyu-examples`, `shenyu-integrated-test` are not marked as Maven projects by IDEA and need to be added manually. Select the `pom.xml` file in the package and right-click `Add as Maven Project`.
+ If the shenyu-e2e build fails, then add the `
+
+2. start `shenyu-bootstrap`
+
+ 
+
+> By this point, the shenyu gateway has been started.
+>
+> We can open the browser and access the admin console: [http://localhost:9095/](http://localhost:9095/)
+>
+> Default account: admin , default password: 123456
+
+#### Start Application Service
+
+Apache ShenYu provides samples of Http, Dubbo, SpringCloud and other applications to access the shenyu gateway, located in the `shenyu-example` module, here the `Http service` is used as an example.
+
+Start `shenyu-examples-http`。
+
+
+
+At this point, `shenyu-examples-http` will automatically register the interface methods annotated with `@ShenyuSpringMvcClient` and the relevant configuration in application.yml to the gateway. We can open the [admin console](http://localhost:9095/) and see the configuration in `Client List -> Proxy -> divide`.
+
+#### Test Http Request
+
+The following uses the `IDEA HTTP Client Plugin` to mock http to access http services.
+- Local access without using shenyu proxy
+
+ 
+
+- Use shenyu proxy
+
+ 
+
+### Use more plugins
+
+We can refer to the [official documentation](../docs/index) to the left of `Plugins collection` to use the required plugins.
+
+## Shenyu Front End Startup Guide
+
+### Install Node.js
+
+#### Download
+
+1. Download and install Node.js from [official website](https://nodejs.org/en) and select `LTS` version.
+2. When installing, except for setting the installation path, just keep clicking `Next`.
+3. After the installation is complete, verify at the command line:
+
+ ```shell
+ C:\Users\pc>node -v
+ v12.22.12
+
+ C:\Users\pc>npm -v
+ 6.14.16
+ ```
+
+### Pull ShenYu Dashboard Code
+
+1. Fork [ShenYu Dashboard](https://github.com/apache/shenyu-dashboard) repository
+2. Using Git to download locally
+
+ ```shell
+ git clone git@github.com:${YOUR_USERNAME}/${TARGET_REPO}.git
+ ```
+
+### Front and Back End Co-development
+
+1. Add `enablePrintApiLog: true` to the `shenyu-admin/src/main/resources/application.yml` file in the backend repository `shenyu` as shown below to show the log of frontend interface calls in the backend console.
+
+ 
+
+2. Start `ShenyuAdminBootstrap`
+
+3. Switch to the front-end repository `shenyu-dashboard`, open `README`, click `npm install`, `npm start` or enter the above command from cmd to access the front-end interface via [http://localhost:8000](http://localhost:8000), and display the log of the front-end interface called in the back-end console. Realize the co-development of front-end and back-end.
+
+ 
+
+### Package Front-end Code
+
+Execute the `npm build` command in `README` and copy all the generated files from the `dist` folder to the `shenyu-admin/src/main/resources/static/` directory in the backend repository.
+
+## Contribute to Shenyu Official Website
+
+Just follow the `README` in [shenyu-website](https://github.com/apache/shenyu-website).
+
+### Tips
+
+1. I recommend downloading the `LTS` version from the `Node` [website](https://nodejs.org/en).
+2. `Windows` systems cannot be deployed, if you want to verify your changes, you can deploy on a Linux virtual machine or server.
diff --git a/i18n/zh/code.json b/i18n/zh/code.json
index da97d1aa635..98a7348c12f 100755
--- a/i18n/zh/code.json
+++ b/i18n/zh/code.json
@@ -334,6 +334,12 @@
"Apache ShenYu Start Demo": {
"message": "Apache ShenYu 启动示例"
},
+ "Guide for New Contributors to Start avoid Pitfalls": {
+ "message": "Apache ShenYu 新人开发者启动及开发防踩坑指南"
+ },
+ "As a first-time developer in the `Shenyu` community, I encountered some \"Pitfalls\" that were not mentioned in the tutorials I followed to start and develop the project. I have documented the detailed steps I took to start `shenyu`, `shenyu-dashboard`, `shenyu-website` in this blog, hoping to help more new contributors in the community.": {
+ "message": "作为 `Shenyu` 社区初来乍到的开发者，我在按照相关教程进行项目启动及开发的过程中，遇到了一些教程中并未提及到的 “坑” ，我将我启动`shenyu` , `shenyu-dashboard`, `shenyu-website` 的详细步骤记录在这篇博客中，希望可以帮到社区中更多的新人开发者。"
+ },
"Etcd Data Synchronization Source Code Analysis": {
"message": "Etcd数据同步源码分析"
},
diff --git a/i18n/zh/docusaurus-plugin-content-blog/Start-SourceCode-Analysis-Start-Demo-for-Contributor.md b/i18n/zh/docusaurus-plugin-content-blog/Start-SourceCode-Analysis-Start-Demo-for-Contributor.md
new file mode 100644
index 00000000000..0a9cad9543f
--- /dev/null
+++ b/i18n/zh/docusaurus-plugin-content-blog/Start-SourceCode-Analysis-Start-Demo-for-Contributor.md
@@ -0,0 +1,220 @@
+---
+title: 社区新人开发者启动及开发防踩坑指南
+author: Yuxuan Zhang
+author_title: Apache ShenYu Contributor
+author_url: https://github.com/zuobiao-zhou
+author_image_url: https://avatars.githubusercontent.com/u/61108539?s=400&u=f065b78a2944f2cea9160de7f7df054e2f157867&v=4
+tags: [first-start,Apache ShenYu]
+---
+
+## 前言
+
+作为 `Shenyu` 社区初来乍到的开发者，我在按照相关教程进行项目启动及开发的过程中，遇到了一些教程中并未提及到的 “坑” ， 我将我启动`shenyu` , `shenyu-dashboard`, `shenyu-website` 的详细步骤记录在这篇博客中，希望可以帮到社区中更多的新人开发者。
+
+## 环境准备
+
+- 本地正确安装 `JDK1.8+`
+- 本地正确安装 `Git`
+- 选择一款开发工具，本文使用 `IDEA` 为例
+
+## ShenYu 后端启动指南
+
+### 安装并配置Maven
+
+Maven是一个跨平台的项目管理工具。作为Apache组织顶级开源项目，其主要服务于基于Java平台的项目创建，依赖管理和项目信息管理。
+
+1. [下载 maven](https://maven.apache.org/download.cgi)，并解压到一个没有中文没有空格的路径下。
+
+ 
+
+2. 将 `maven` 目录下的 `bin` 目录添加至环境变量中。以 `Windows` 为例，若下载目录为 `E:\apache-maven-3.9.1` ，则将`E:\apache-maven-3.9.1\bin` 添加至 `Path` 系统变量中。
+
+3. 验证是否安装成功。在命令行窗口中输入 `mvn -v` ，若出现 Maven 版本及 Java 版本即为安装成功。如下所示：
+
+ ```shell
+ C:\Users\pc>mvn -v
+ Apache Maven 3.9.1 (2e178502fcdbffc201671fb2537d0cb4b4cc58f8)
+ Maven home: E:\apache-maven-3.9.1
+ Java version: 18.0.1.1, vendor: Oracle Corporation, runtime: C:\Program Files\Java\jdk-18.0.1.1
+ Default locale: zh_CN, platform encoding: UTF-8
+ OS name: "windows 10", version: "10.0", arch: "amd64", family: "windows"
+ ```
+
+4. 为了加快项目相关依赖的下载速度，需要更改 Maven 镜像，此处添加阿里云等镜像。将 `conf/settings.xml` 中 `8u3E$3MtjZ>mm
zdGXu7#R-Y5Y!2Z#9Y8l-c(%gEJsbH!Xm*`)Z5`B*Zq%~6e}<6OKkw{%zY4B#>UyC#
zy4Cpczka+4d;)u!6E3{RXRImloK32VF5@plpKAi15!~W_e^o+4y(*j;Og9Za