diff --git a/docs/assets/img/related_documents/Page_logo/Arduino.jpg b/docs/assets/img/related_documents/Page_logo/Arduino.jpg
new file mode 100644
index 00000000..67a450fc
Binary files /dev/null and b/docs/assets/img/related_documents/Page_logo/Arduino.jpg differ
diff --git a/docs/assets/img/related_documents/Page_logo/Setting_WiFi.png b/docs/assets/img/related_documents/Page_logo/Setting_WiFi.png
new file mode 100644
index 00000000..c02d161a
Binary files /dev/null and b/docs/assets/img/related_documents/Page_logo/Setting_WiFi.png differ
diff --git a/docs/assets/img/related_documents/Page_logo/UIFlow-Desktop-IDE.png b/docs/assets/img/related_documents/Page_logo/UIFlow-Desktop-IDE.png
new file mode 100644
index 00000000..eb5b94d4
Binary files /dev/null and b/docs/assets/img/related_documents/Page_logo/UIFlow-Desktop-IDE.png differ
diff --git a/docs/en/related_documents.md b/docs/en/related_documents.md
index 14839b5a..f49ce9b8 100644
--- a/docs/en/related_documents.md
+++ b/docs/en/related_documents.md
@@ -2,10 +2,52 @@
 
 
 
-- [Arduino IDE Development](en/related_documents/Arduino_IDE)
+<!-- - [Arduino IDE Development](en/related_documents/Arduino_IDE)
 
 - [Upgrade Firmware](en/related_documents/M5Burner)
 
 - [Configuring a Wi-Fi connection](en/related_documents/how_to_connect_wifi_using_core)
 
-- [UIFlow Desktop IDE deployment](en/related_documents/UIFlow_Desktop_IDE)
\ No newline at end of file
+- [UIFlow Desktop IDE deployment](en/related_documents/UIFlow_Desktop_IDE) -->
+
+
+
+<div class="container mt-3">
+  <div class="media border p-3">
+    <img src="assets/img/related_documents/Page_logo/Arduino.jpg" class="mr-3 mt-3 rounded-circle" style="width:50px; margin-top:5px!important">
+    <div class="media-body">
+      <a href="#en/related_documents/Arduino_IDE"><p style="margin-top:20px">Arduino IDE Development</p></a>
+    </div>
+  </div>
+</div>
+
+
+
+<div class="container mt-3">
+  <div class="media border p-3">
+    <img src="assets/logo.png" class="mr-3 mt-3" style="width:50px; margin-top:5px!important">
+    <div class="media-body">
+      <a href="#en/related_documents/M5Burner"><p style="margin-top:20px">Upgrade Firmware</p></a>
+    </div>
+  </div>
+</div>
+
+<div class="container mt-3">
+  <div class="media border p-3">
+    <img src="assets/img/related_documents/Page_logo/Setting_WiFi.png" class="mr-3 mt-3 rounded-circle" style="width:50px; margin-top:5px!important">
+    <div class="media-body">
+      <a href="#en/related_documents/how_to_connect_wifi_using_core"><p style="margin-top:20px">Configuring a Wi-Fi connection</p></a>
+    </div> 
+  </div>
+</div>
+
+
+
+<div class="container mt-3">
+  <div class="media border p-3">
+    <img src="assets/img/related_documents/Page_logo/UIFlow-Desktop-IDE.png" class="mr-3 mt-3 " style="width:50px; margin-top:5px!important">
+    <div class="media-body">
+      <a href="#en/related_documents/UIFlow_Desktop_IDE"><p style="margin-top:20px">UIFlow Desktop IDE deployment</p></a>
+    </div>
+  </div>
+</div>
diff --git a/docs/zh_CN/related_documents.md b/docs/zh_CN/related_documents.md
index efe7c1e6..b6ed78fa 100644
--- a/docs/zh_CN/related_documents.md
+++ b/docs/zh_CN/related_documents.md
@@ -1,9 +1,51 @@
 # 相关文档 {docsify-ignore-all}
 
-- [Arduino IDE 环境搭建](zh_CN/related_documents/Arduino_IDE)
+<!-- - [Arduino IDE 环境搭建](zh_CN/related_documents/Arduino_IDE)
 
 - [安装USB驱动及烧录固件](zh_CN/related_documents/M5Burner)
 
 - [配置Wi-Fi连接](zh_CN/related_documents/Setting_WIFI)
 
-- [UIFlow Desktop IDE 部署](zh_CN/related_documents/UIFlow_Desktop_IDE)
+- [UIFlow Desktop IDE 部署](zh_CN/related_documents/UIFlow_Desktop_IDE) -->
+
+
+<div class="container mt-3">
+  <div class="media border p-3">
+    <img src="assets/img/related_documents/Page_logo/Arduino.jpg" class="mr-3 mt-3 rounded-circle" style="width:50px; margin-top:5px!important">
+    <div class="media-body">
+      <a href="#zh_CN/related_documents/Arduino_IDE"><p style="margin-top:20px">Arduino IDE 环境搭建</p></a>
+    </div>
+  </div>
+</div>
+
+
+
+<div class="container mt-3">
+  <div class="media border p-3">
+    <img src="assets/logo.png" class="mr-3 mt-3" style="width:50px; margin-top:5px!important">
+    <div class="media-body">
+      <a href="#zh_CN/related_documents/M5Burner"><p style="margin-top:20px">安装USB驱动及烧录固件</p></a>
+    </div>
+  </div>
+</div>
+
+<div class="container mt-3">
+  <div class="media border p-3">
+    <img src="assets/img/related_documents/Page_logo/Setting_WiFi.png" class="mr-3 mt-3 rounded-circle" style="width:50px; margin-top:5px!important">
+    <div class="media-body">
+      <a href="#zh_CN/related_documents/Setting_WIFI"><p style="margin-top:20px">配置Wi-Fi连接</p></a>
+    </div> 
+  </div>
+</div>
+
+
+
+<div class="container mt-3">
+  <div class="media border p-3">
+    <img src="assets/img/related_documents/Page_logo/UIFlow-Desktop-IDE.png" class="mr-3 mt-3 " style="width:50px; margin-top:5px!important">
+    <div class="media-body">
+      <a href="#zh_CN/related_documents/UIFlow_Desktop_IDE"><p style="margin-top:20px">UIFlow Desktop IDE 部署</p></a>
+    </div>
+  </div>
+</div>
+