diff --git a/docs/accessories-docs/display/HDMI5-display/hdmi5-display.md b/docs/accessories-docs/display/HDMI5-display/hdmi5-display.md
index 9f19caf..e29f851 100644
--- a/docs/accessories-docs/display/HDMI5-display/hdmi5-display.md
+++ b/docs/accessories-docs/display/HDMI5-display/hdmi5-display.md
@@ -14,7 +14,7 @@ import TabItem from '@theme/TabItem';
 
 <div class="div-table">
 
-<img src={require('./img/HDMI5_Title.png').default} width="45%" class="right-image"/>
+<ImageView src={require('./img/HDMI5_Title.png').default} width="45%" class="right-image"/>
 
 ## 产品规格
 
@@ -32,11 +32,11 @@ import TabItem from '@theme/TabItem';
 
 ## 尺寸
 
-<img src={require('./img/HDMI5_Dimension.png').default} width="80%"/>
+<ImageView src={require('./img/HDMI5_Dimension.png').default} width="80%"/>
 
 ## 接口示意图
 
-<img src={require('./img/HDMI5_Interface.png').default} width="80%"/>
+<ImageView src={require('./img/HDMI5_Interface.png').default} width="80%"/>
 
 ## 硬件配置
 
@@ -50,19 +50,19 @@ import TabItem from '@theme/TabItem';
 
 将3.5毫米耳机/扬声器插入AUDIO接口，实现音频输出。
 
-<img src={require('./img/HDMI5_Audio.png').default} width="80%"/>
+<ImageView src={require('./img/HDMI5_Audio.png').default} width="80%"/>
 
 ### 屏幕亮度调整
 
 BIGTREETECH HDMI5 V1.0 支持亮度调节，可以通过 `Ks1` 按钮增加亮度，通过 `Ks3` 按钮降低亮度。
 
-<img src={require('./img/HDMI5_Brightness.png').default} width="80%"/>
+<ImageView src={require('./img/HDMI5_Brightness.png').default} width="80%"/>
 
 ### 显示方向调整
 
 BIGTREETECH HDMI5 V1.0 支持通过 `Ks2` 按钮进行水平显示方向调整。
 
-<img src={require('./img/HDMI5_Direction.png').default} width="80%"/>
+<ImageView src={require('./img/HDMI5_Direction.png').default} width="80%"/>
 
 ### 指示灯
 
@@ -92,4 +92,4 @@ hdmi_drive=1
 
 进入系统桌面后，右键单击右上角的音频源图标，然后选择HDMI。
 
-<img src={require('./img/HDMI5_Desktop.png').default} width="80%"/>
+<ImageView src={require('./img/HDMI5_Desktop.png').default} width="80%"/>
diff --git a/docs/accessories-docs/display/HDMI7-v1-display/hdmi7-v1-display.md b/docs/accessories-docs/display/HDMI7-v1-display/hdmi7-v1-display.md
index 8a647a5..c7d66dc 100644
--- a/docs/accessories-docs/display/HDMI7-v1-display/hdmi7-v1-display.md
+++ b/docs/accessories-docs/display/HDMI7-v1-display/hdmi7-v1-display.md
@@ -14,7 +14,7 @@ import TabItem from '@theme/TabItem';
 
 <div class="div-table">
 
-<img src={require('./img/HDMI7_Title.png').default} width="45%" class="right-image"/>
+<ImageView src={require('./img/HDMI7_Title.png').default} width="45%" class="right-image"/>
 
 ## 产品规格
 
@@ -32,11 +32,11 @@ import TabItem from '@theme/TabItem';
 
 ## 尺寸
 
-<img src={require('./img/HDMI7_Dimension.png').default} width="80%"/>
+<ImageView src={require('./img/HDMI7_Dimension.png').default} width="80%"/>
 
 ## 接口示意图
 
-<img src={require('./img/HDMI7_Interface.png').default} width="80%"/>
+<ImageView src={require('./img/HDMI7_Interface.png').default} width="80%"/>
 
 ## 硬件配置
 
@@ -50,19 +50,19 @@ import TabItem from '@theme/TabItem';
 
 将3.5毫米耳机/扬声器插入AUDIO接口，实现音频输出。
 
-<img src={require('./img/HDMI7_Audio.png').default} width="80%"/>
+<ImageView src={require('./img/HDMI7_Audio.png').default} width="80%"/>
 
 ### 屏幕亮度调整
 
 BIGTREETECH HDMI7 V1.0 支持亮度调节，可以通过 `Ks1` 按钮增加亮度，通过 `Ks3` 按钮降低亮度。
 
-<img src={require('./img/HDMI7_Brightness.png').default} width="80%"/>
+<ImageView src={require('./img/HDMI7_Brightness.png').default} width="80%"/>
 
 ### 显示方向调整
 
 BIGTREETECH HDMI7 V1.0 支持通过 `Ks2` 按钮进行水平显示方向调整。
 
-<img src={require('./img/HDMI7_Direction.png').default} width="80%"/>
+<ImageView src={require('./img/HDMI7_Direction.png').default} width="80%"/>
 
 ### 指示灯
 
@@ -92,4 +92,4 @@ hdmi_drive=1
 
 进入系统桌面后，右键单击右上角的音频源图标，然后选择HDMI。
 
-<img src={require('./img/HDMI7_Desktop.png').default} width="80%"/>
+<ImageView src={require('./img/HDMI7_Desktop.png').default} width="80%"/>
diff --git a/docs/accessories-docs/display/HDMI7-v1_2-display/hdmi7-v1_2-display.md b/docs/accessories-docs/display/HDMI7-v1_2-display/hdmi7-v1_2-display.md
index 6da4ef1..672cbe8 100644
--- a/docs/accessories-docs/display/HDMI7-v1_2-display/hdmi7-v1_2-display.md
+++ b/docs/accessories-docs/display/HDMI7-v1_2-display/hdmi7-v1_2-display.md
@@ -14,7 +14,7 @@ import TabItem from '@theme/TabItem';
 
 <div class="div-table">
 
-<img src={require('./img/HDMI7V1.2_Title.png').default} width="50%" class="right-image"/>
+<ImageView src={require('./img/HDMI7V1.2_Title.png').default} width="50%" class="right-image"/>
 
 ## 产品规格
 
@@ -32,11 +32,11 @@ import TabItem from '@theme/TabItem';
 
 ## 尺寸
 
-<img src={require('./img/HDMI7V1.2_Dimension.png').default} width="80%"/>
+<ImageView src={require('./img/HDMI7V1.2_Dimension.png').default} width="80%"/>
 
 ## 接口示意图
 
-<img src={require('./img/HDMI7V1.2_Interface.png').default} width="80%"/>
+<ImageView src={require('./img/HDMI7V1.2_Interface.png').default} width="80%"/>
 
 ## 硬件配置
 
@@ -52,19 +52,19 @@ import TabItem from '@theme/TabItem';
 
 将3.5毫米耳机/扬声器插入AUDIO接口，实现音频输出。
 
-<img src={require('./img/HDMI7V1.2_Audio.png').default} width="80%"/>
+<ImageView src={require('./img/HDMI7V1.2_Audio.png').default} width="80%"/>
 
 ### 屏幕亮度调整
 
 BIGTREETECH HDMI7 V1.2 支持亮度调节，可以通过 `Ks1` 按钮增加亮度，通过 `Ks3` 按钮降低亮度。
 
-<img src={require('./img/HDMI7V1.2_Screen.png').default} width="80%"/>
+<ImageView src={require('./img/HDMI7V1.2_Screen.png').default} width="80%"/>
 
 ### 显示方向调整
 
 BIGTREETECH HDMI7 V1.0 支持通过 `Ks2` 按钮进行水平显示方向调整。
 
-<img src={require('./img/HDMI7V1.2_Display.png').default} width="80%"/>
+<ImageView src={require('./img/HDMI7V1.2_Display.png').default} width="80%"/>
 
 ### 指示灯
 
@@ -94,4 +94,4 @@ hdmi_drive=1
 
 进入系统桌面后，右键单击右上角的音频源图标，然后选择HDMI。
 
-<img src={require('./img/HDMI7V1.2_RPI.png').default} width="80%"/>
+<ImageView src={require('./img/HDMI7V1.2_RPI.png').default} width="80%"/>
diff --git a/docs/accessories-docs/display/TFT24/tft24.md b/docs/accessories-docs/display/TFT24/tft24.md
index 2ab7ae5..cc64cf5 100644
--- a/docs/accessories-docs/display/TFT24/tft24.md
+++ b/docs/accessories-docs/display/TFT24/tft24.md
@@ -14,7 +14,7 @@ import TabItem from '@theme/TabItem';
 
 <div class="div-table">
 
-<img src={require('./img/TFT24_Title.png').default} width="45%" class="right-image"/>
+<ImageView src={require('./img/TFT24_Title.png').default} width="45%" class="right-image"/>
 
 ## 产品规格
 
@@ -29,11 +29,11 @@ import TabItem from '@theme/TabItem';
 
 ## 尺寸
 
-<img src={require('./img/TFT24_Diagram.png').default} width="50%"/>
+<ImageView src={require('./img/TFT24_Diagram.png').default} width="50%"/>
 
 ## 接口示意图
 
-<img src={require('./img/TFT24_Interface.png').default} width="50%"/>
+<ImageView src={require('./img/TFT24_Interface.png').default} width="50%"/>
 
 :::info[固件与功能选择]
 
diff --git a/docs/accessories-docs/display/TFT35-E3/tft35-e3.md b/docs/accessories-docs/display/TFT35-E3/tft35-e3.md
index 7016e70..c50c90b 100644
--- a/docs/accessories-docs/display/TFT35-E3/tft35-e3.md
+++ b/docs/accessories-docs/display/TFT35-E3/tft35-e3.md
@@ -14,7 +14,7 @@ import TabItem from '@theme/TabItem';
 
 <div class="div-table">
 
-<img src={require('./img/TFT35_E3_Title.png').default} width="45%" class="right-image"/>
+<ImageView src={require('./img/TFT35_E3_Title.png').default} width="45%" class="right-image"/>
 
 ## 产品简介
 
@@ -42,7 +42,7 @@ TFT35-E3 是一款中等尺寸、双模、超清晰的3D打印机显示器，可
 
 ## 尺寸
 
-<img src={require('./img/TFT35_E3_Diagram.png').default} width="50%"/>
+<ImageView src={require('./img/TFT35_E3_Diagram.png').default} width="50%"/>
 
 ## 接口示意图
 
@@ -56,7 +56,7 @@ TFT35-E3 是一款中等尺寸、双模、超清晰的3D打印机显示器，可
 
 :::
 
-<img src={require('./img/TFT35_E3_Interface.png').default} width="50%"/>
+<ImageView src={require('./img/TFT35_E3_Interface.png').default} width="50%"/>
 
 ## 软件配置
 
diff --git a/docs/accessories-docs/display/TFT35-SPI/tft35-spi.md b/docs/accessories-docs/display/TFT35-SPI/tft35-spi.md
index aca3496..0185035 100644
--- a/docs/accessories-docs/display/TFT35-SPI/tft35-spi.md
+++ b/docs/accessories-docs/display/TFT35-SPI/tft35-spi.md
@@ -27,15 +27,15 @@ import TabItem from '@theme/TabItem';
 
 ## 尺寸
 
-<img src={require('./img/TFT35_SPI_Dimension.png').default} width="50%"/>
+<ImageView src={require('./img/TFT35_SPI_Dimension.png').default} width="50%"/>
 
 ## 接口示意图
 
-<img src={require('./img/TFT35_SPI_Interface.png').default} width="50%"/>
+<ImageView src={require('./img/TFT35_SPI_Interface.png').default} width="50%"/>
 
 ## Pinout
 
-<img src={require('./img/TFT35_SPI_Pinout.png').default} width="50%"/>
+<ImageView src={require('./img/TFT35_SPI_Pinout.png').default} width="50%"/>
 
 ## 软件安装
 
@@ -49,13 +49,13 @@ V2.2.0及更早版本的操作系统不支持 TFT35 SPI。需要使用 V2.2.1 
 
 CB1 系统 img [bigtreetech/CB1/releases](https://github.com/bigtreetech/CB1/releases)
 
-<img src={require('./img/TFT35_SPI_Soft1.png').default} width="80%"/>
+<ImageView src={require('./img/TFT35_SPI_Soft1.png').default} width="80%"/>
 
 操作系统写入SD卡后，有一个名为 `BOOT` 的 `FAT32` 分区，用 VSCode 打开 `BoardEnv.txt` 文件。
 
 取消注释覆盖 `=tft35_spi` 以启用 tft35 spi 屏幕
 
-<img src={require('./img/TFT35_SPI_Soft2.png').default} width="80%"/>
+<ImageView src={require('./img/TFT35_SPI_Soft2.png').default} width="80%"/>
 
 :::warning[已知问题]
 
@@ -65,4 +65,4 @@ CB1 系统 img [bigtreetech/CB1/releases](https://github.com/bigtreetech/CB1/rel
 
 :::
 
-<img src={require('./img/TFT35_SPI_Soft3.png').default} width="80%"/>
+<ImageView src={require('./img/TFT35_SPI_Soft3.png').default} width="80%"/>
diff --git a/docs/accessories-docs/display/TFT35/tft35.md b/docs/accessories-docs/display/TFT35/tft35.md
index 284c533..1956e81 100644
--- a/docs/accessories-docs/display/TFT35/tft35.md
+++ b/docs/accessories-docs/display/TFT35/tft35.md
@@ -14,7 +14,7 @@ import TabItem from '@theme/TabItem';
 
 <div class="div-table">
 
-<img src={require('./img/TFT35_V3.0_Title.png').default} width="45%" class="right-image"/>
+<ImageView src={require('./img/TFT35_V3.0_Title.png').default} width="45%" class="right-image"/>
 
 ## 产品规格
 
@@ -29,11 +29,11 @@ import TabItem from '@theme/TabItem';
 
 ## 尺寸
 
-<img src={require('./img/TFT35_V3.0_Diagram.png').default} width="50%"/>
+<ImageView src={require('./img/TFT35_V3.0_Diagram.png').default} width="50%"/>
 
 ## 接口示意图
 
-<img src={require('./img/TFT35_V3.0_Interface.png').default} width="50%"/>
+<ImageView src={require('./img/TFT35_V3.0_Interface.png').default} width="50%"/>
 
 :::info 
 
diff --git a/docs/accessories-docs/display/TFT43-DIP/tft43-dip.md b/docs/accessories-docs/display/TFT43-DIP/tft43-dip.md
index 52be9eb..dd929ed 100644
--- a/docs/accessories-docs/display/TFT43-DIP/tft43-dip.md
+++ b/docs/accessories-docs/display/TFT43-DIP/tft43-dip.md
@@ -14,7 +14,7 @@ import TabItem from '@theme/TabItem';
 
 <div class="div-table">
 
-<img src={require('./img/TFT43_DIP_Title.png').default} width="45%" class="right-image"/>
+<ImageView src={require('./img/TFT43_DIP_Title.png').default} width="45%" class="right-image"/>
 
 ## 产品简介
 
diff --git a/docs/accessories-docs/extruder/h2-v2x/h2-v2x-hardware.md b/docs/accessories-docs/extruder/h2-v2x/h2-v2x-hardware.md
index e975a68..3e2396e 100644
--- a/docs/accessories-docs/extruder/h2-v2x/h2-v2x-hardware.md
+++ b/docs/accessories-docs/extruder/h2-v2x/h2-v2x-hardware.md
@@ -34,12 +34,12 @@ EVA3 适配件 [bigtreetech/H2-V2X/3D Model/EVA3](https://github.com/bigtreetech
 
 XYZ尺寸: $53.9 mm * 37.88 mm * 51.52 mm$
 
-<img
+<ImageView
     src={require('./img/H2V2X_Dimension1.png').default}
     alt="h2 v2x" width="60%"
 />
 
-<img
+<ImageView
     src={require('./img/H2V2X_Dimension2.png').default}
     alt="h2 v2x" width="60%"
 />
@@ -51,7 +51,7 @@ XYZ尺寸: $53.9 mm * 37.88 mm * 51.52 mm$
 :::
 
 <div class="div-table">
-    <img
+    <ImageView
     src={require('./img/H2V2X_Filament1.png').default}
     alt="h2 v2x" width="35%" class="right-image"
     />
@@ -69,7 +69,7 @@ XYZ尺寸: $53.9 mm * 37.88 mm * 51.52 mm$
 
 <div class="div-table">
 
-<img
+<ImageView
     src={require('./img/H2V2X_motor1.png').default}
     alt="h2 v2x" width="60%" class="right-image"
 />
diff --git a/docs/accessories-docs/extruder/h2-v2x/h2-v2x.md b/docs/accessories-docs/extruder/h2-v2x/h2-v2x.md
index b4a7ca5..97e20c5 100644
--- a/docs/accessories-docs/extruder/h2-v2x/h2-v2x.md
+++ b/docs/accessories-docs/extruder/h2-v2x/h2-v2x.md
@@ -15,7 +15,7 @@ import DocCardList from '@theme/DocCardList';
 
 <div class="div-table">
 
-<img
+<ImageView
   src={require('./img/h2-v2x-title.png').default}
   alt="h2 v2x" width="35%" class="right-image" 
 />
diff --git a/docs/accessories-docs/extruder/nebula/nebula-hardware.md b/docs/accessories-docs/extruder/nebula/nebula-hardware.md
index 5cfd63f..2d090d9 100644
--- a/docs/accessories-docs/extruder/nebula/nebula-hardware.md
+++ b/docs/accessories-docs/extruder/nebula/nebula-hardware.md
@@ -32,7 +32,7 @@ EVA3 适配件 [bigtreetech/Nebula/3D Model/EVA3](https://github.com/bigtreetech
 
 XYZ 尺寸: $52.73 mm * 36.5 mm * 54.82 mm$
 
-<img
+<ImageView
     src={require('./img/nebula_dimensions.png').default}
     alt="nebula" width="60%"
 />
@@ -44,7 +44,7 @@ XYZ 尺寸: $52.73 mm * 36.5 mm * 54.82 mm$
 :::
 
 <div class="div-table">
-    <img
+    <ImageView
     src={require('./img/nebula_adjusting.png').default}
     alt="nebula" width="35%" class="right-image"
     />
@@ -54,7 +54,7 @@ XYZ 尺寸: $52.73 mm * 36.5 mm * 54.82 mm$
 ## Nebula Pin 
 
 <div class="div-table">
-    <img
+    <ImageView
         src={require('./img/nebula_pin.png').default}
         alt="nebula" width="60%" class="right-image"
     />
@@ -73,7 +73,7 @@ XYZ 尺寸: $52.73 mm * 36.5 mm * 54.82 mm$
 ## Nebula 电机规格
 
 <div class="div-table">
-    <img
+    <ImageView
         src={require('./img/nebula_motor.png').default}
         alt="nebula" width="60%" class="right-image"
     />
diff --git a/docs/accessories-docs/extruder/nebula/nebula.md b/docs/accessories-docs/extruder/nebula/nebula.md
index e0a180e..fc044a3 100644
--- a/docs/accessories-docs/extruder/nebula/nebula.md
+++ b/docs/accessories-docs/extruder/nebula/nebula.md
@@ -15,7 +15,7 @@ import DocCardList from '@theme/DocCardList';
 
 <div class="div-table">
 
-<img
+<ImageView
   src={require('./img/nebula_title.png').default}
   alt="nebula" width="35%" class="right-image" 
 />
diff --git a/docs/accessories-docs/sensor/adxl345/adxl345-firmware.md b/docs/accessories-docs/sensor/adxl345/adxl345-firmware.md
index 7201b6e..a61b925 100644
--- a/docs/accessories-docs/sensor/adxl345/adxl345-firmware.md
+++ b/docs/accessories-docs/sensor/adxl345/adxl345-firmware.md
@@ -20,7 +20,7 @@ cd ~/klipper
 make menuconfig 
 ```
 
-<img src={require('./img/adxl-firmware-config.png').default} width="80%"/>
+<ImageView src={require('./img/adxl-firmware-config.png').default} width="80%"/>
 
 当配置完成使用 `q` 来退出。使用 `y` 来保存编译选项。
 
diff --git a/docs/accessories-docs/sensor/adxl345/adxl345-hardware.md b/docs/accessories-docs/sensor/adxl345/adxl345-hardware.md
index 8ad101c..994aca4 100644
--- a/docs/accessories-docs/sensor/adxl345/adxl345-hardware.md
+++ b/docs/accessories-docs/sensor/adxl345/adxl345-hardware.md
@@ -24,14 +24,14 @@ import ThemedImage from '@theme/ThemedImage';
 
 ## Pinout
 
-<img src={require('./img/adxl-pinout.png').default} width="60%"/>
+<ImageView src={require('./img/adxl-pinout.png').default} width="60%"/>
 
 ## 连接 Klipper Host
 
 ### 使用 PI2 / Raspberry Pi
 
-<img src={require('./img/adxl-connect-rpi.png').default} width="60%"/>
+<ImageView src={require('./img/adxl-connect-rpi.png').default} width="60%"/>
 
 ### 使用 USB 连接 Manta M8P / Manta M5P / Manta M4P
 
-<img src={require('./img/adxl-connect-manta-usb.png').default} width="60%"/>
+<ImageView src={require('./img/adxl-connect-manta-usb.png').default} width="60%"/>
diff --git a/docs/accessories-docs/sensor/adxl345/adxl345.md b/docs/accessories-docs/sensor/adxl345/adxl345.md
index fa50de3..040e596 100644
--- a/docs/accessories-docs/sensor/adxl345/adxl345.md
+++ b/docs/accessories-docs/sensor/adxl345/adxl345.md
@@ -14,7 +14,7 @@ import TabItem from '@theme/TabItem';
 
 <div class="div-table">
 
-<img 
+<ImageView 
     src={require('./img/adxl-main.png').default} 
     width="45%" class="right-image"
 />
diff --git a/docs/accessories-docs/sensor/eddy/eddy-hardware.md b/docs/accessories-docs/sensor/eddy/eddy-hardware.md
index ee1a72d..f5d0d1d 100644
--- a/docs/accessories-docs/sensor/eddy/eddy-hardware.md
+++ b/docs/accessories-docs/sensor/eddy/eddy-hardware.md
@@ -13,15 +13,15 @@ import TabItem from '@theme/TabItem';
 
 ## **产品尺寸及接口**
 
-<img src={require('./img/Eddy_Dimensions.png').default} alt="" width="600" />
+<ImageView src={require('./img/Eddy_Dimensions.png').default} alt="" width="600" />
 
 用于计算 XY 偏移的线圈中心点如下：
 
-<img src={require('./img/Eddy_Dimensions1.png').default} alt="" width="600" />
+<ImageView src={require('./img/Eddy_Dimensions1.png').default} alt="" width="600" />
 
 ## **BOOT 按键位置**
 
-<img src={require('./img/eddy_boot_1.png').default} alt="" width="600" />
+<ImageView src={require('./img/eddy_boot_1.png').default} alt="" width="600" />
 
 BOOT 按钮在首次对 Eddy 烧录 Klipper 固件时使用；之后 Klipper 可以自动进入BOOT 模式并重新烧录固件。
 
@@ -41,9 +41,9 @@ BOOT 按钮在首次对 Eddy 烧录 Klipper 固件时使用；之后 Klipper 可
 安装位置，完全替代原有 PL-08N 安装位
 使用两颗 M3*25 螺丝（包装内附）将模块固定再 X Carriage 打印件上，如视图
 
-<img src={require('./img/Eddy_Installation1.png').default} alt="" width="600" />
+<ImageView src={require('./img/Eddy_Installation1.png').default} alt="" width="600" />
 
-<img src={require('./img/Eddy_Installation2.png').default} alt="" width="600" />
+<ImageView src={require('./img/Eddy_Installation2.png').default} alt="" width="600" />
 
 ### 在其他机器上的安装
 
@@ -51,56 +51,56 @@ BOOT 按钮在首次对 Eddy 烧录 Klipper 固件时使用；之后 Klipper 可
 
 ### Eddy + Manta M5P
 
-<img src={require('./img/Eddy_Connection.png').default} alt="" width="600" />
+<ImageView src={require('./img/Eddy_Connection.png').default} alt="" width="600" />
 
 ### Eddy + Manta M8P V2.0
 
-<img src={require('./img/Eddy_Connection1.png').default} alt="" width="600" />
+<ImageView src={require('./img/Eddy_Connection1.png').default} alt="" width="600" />
 
 ### Eddy Coil + EBB36 V1.2
 
-<img src={require('./img/Eddy_Connection2.png').default} alt="" width="600" />
+<ImageView src={require('./img/Eddy_Connection2.png').default} alt="" width="600" />
 
 ### Eddy Coil + EBB42 V1.2
 
-<img src={require('./img/Eddy_Connection3.png').default} alt="" width="600" />
+<ImageView src={require('./img/Eddy_Connection3.png').default} alt="" width="600" />
 
 ### Eddy Duo + MANTA M5P（USB）
 
-<img src={require('./img/eddy_connection4.png').default} alt="" width="600" />
+<ImageView src={require('./img/eddy_connection4.png').default} alt="" width="600" />
 
 ### Eddy Duo + MANTA M8P V2.0（USB）
 
-<img src={require('./img/eddy_connection6.png').default} alt="" width="600" />
+<ImageView src={require('./img/eddy_connection6.png').default} alt="" width="600" />
 
 ### Eddy Duo + MANTA M8P V2.0（CAN）
 
-<img src={require('./img/eddy_connection7.png').default} alt="" width="600" />
+<ImageView src={require('./img/eddy_connection7.png').default} alt="" width="600" />
 
 ### Eddy Duo + EBB36
 
-<img src={require('./img/eddy_connection8.png').default} alt="" width="600" />
+<ImageView src={require('./img/eddy_connection8.png').default} alt="" width="600" />
 
 ### Eddy Duo + EBB42
 
-<img src={require('./img/eddy_connection9.png').default} alt="" width="600" />
+<ImageView src={require('./img/eddy_connection9.png').default} alt="" width="600" />
 
 ### Eddy Duo + EBB SB
 
-<img src={require('./img/eddy_connection10.png').default} alt="" width="600" />
+<ImageView src={require('./img/eddy_connection10.png').default} alt="" width="600" />
 
 ### Octopus V1.1/Pro V1.0/Pro V1.0.1 + Eddy Duo（USB）
 
-<img src={require('./img/eddy_connection11.png').default} alt="" width="600" />
+<ImageView src={require('./img/eddy_connection11.png').default} alt="" width="600" />
 
 ### Octopus V1.1/Pro V1.0/Pro V1.0.1 + Eddy Duo（CAN）
 
-<img src={require('./img/eddy_connection12.png').default} alt="" width="600" />
+<ImageView src={require('./img/eddy_connection12.png').default} alt="" width="600" />
 
 ### Octopus Pro V1.1 + Eddy Duo（USB）
 
-<img src={require('./img/eddy_connection13.png').default} alt="" width="600" />
+<ImageView src={require('./img/eddy_connection13.png').default} alt="" width="600" />
 
 ### Octopus Pro V1.1 + Eddy Duo（CAN）
 
-<img src={require('./img/eddy_connection14.png').default} alt="" width="600" />
+<ImageView src={require('./img/eddy_connection14.png').default} alt="" width="600" />
diff --git a/docs/accessories-docs/sensor/eddy/eddy.md b/docs/accessories-docs/sensor/eddy/eddy.md
index 5f0e64e..58be765 100644
--- a/docs/accessories-docs/sensor/eddy/eddy.md
+++ b/docs/accessories-docs/sensor/eddy/eddy.md
@@ -13,7 +13,7 @@ import TabItem from '@theme/TabItem';
 
 <!-- import lib end -->
 
-<img src={require('./img/eddy_title_1.png').default} alt="" width="600" />
+<ImageView src={require('./img/eddy_title_1.png').default} alt="" width="600" />
 
 ## **功能亮点**
 
diff --git a/docs/accessories-docs/sensor/lis2dw/lis2dw-firmware.md b/docs/accessories-docs/sensor/lis2dw/lis2dw-firmware.md
index 85c66eb..3c278cc 100644
--- a/docs/accessories-docs/sensor/lis2dw/lis2dw-firmware.md
+++ b/docs/accessories-docs/sensor/lis2dw/lis2dw-firmware.md
@@ -20,7 +20,7 @@ cd ~/klipper
 make menuconfig 
 ```
 
-<img src={require('./img/lis2dw-firmware-config.png').default} width="80%"/>
+<ImageView src={require('./img/lis2dw-firmware-config.png').default} width="80%"/>
 
 当配置完成使用 `q` 来退出。使用 `y` 来保存编译选项。
 
diff --git a/docs/accessories-docs/sensor/lis2dw/lis2dw-hardware.md b/docs/accessories-docs/sensor/lis2dw/lis2dw-hardware.md
index b436210..af4fab5 100644
--- a/docs/accessories-docs/sensor/lis2dw/lis2dw-hardware.md
+++ b/docs/accessories-docs/sensor/lis2dw/lis2dw-hardware.md
@@ -24,14 +24,14 @@ import ThemedImage from '@theme/ThemedImage';
 
 ## Pinout
 
-<img src={require('./img/lis2dw-pinout.png').default} width="60%"/>
+<ImageView src={require('./img/lis2dw-pinout.png').default} width="60%"/>
 
 ## 连接 Klipper Host
 
 ### 使用 PI2 / Raspberry Pi
 
-<img src={require('./img/lis2dw-connect-rpi.png').default} width="60%"/>
+<ImageView src={require('./img/lis2dw-connect-rpi.png').default} width="60%"/>
 
 ### 使用 USB 连接 Manta M8P / Manta M5P / Manta M4P
 
-<img src={require('./img/lis2dw-connect-manta-usb.png').default} width="60%"/>
+<ImageView src={require('./img/lis2dw-connect-manta-usb.png').default} width="60%"/>
diff --git a/docs/accessories-docs/sensor/lis2dw/lis2dw.md b/docs/accessories-docs/sensor/lis2dw/lis2dw.md
index d95479a..a76db75 100644
--- a/docs/accessories-docs/sensor/lis2dw/lis2dw.md
+++ b/docs/accessories-docs/sensor/lis2dw/lis2dw.md
@@ -14,7 +14,7 @@ import TabItem from '@theme/TabItem';
 
 <div class="div-table">
 
-<img 
+<ImageView 
     src={require('./img/lis2dw-main.png').default} 
     width="45%" class="right-image"
 />
diff --git a/docs/accessories-docs/sensor/microprobe/microprobe-hardware.md b/docs/accessories-docs/sensor/microprobe/microprobe-hardware.md
index 28210c3..1338cc5 100644
--- a/docs/accessories-docs/sensor/microprobe/microprobe-hardware.md
+++ b/docs/accessories-docs/sensor/microprobe/microprobe-hardware.md
@@ -34,4 +34,4 @@ Terminator 工具头 [Microprobe Bracket for Terminator](https://github.com/bigt
 
 ## 硬件连接
 
-<img src={require('./img/microprobe-connect.png').default} width="50%"/>
+<ImageView src={require('./img/microprobe-connect.png').default} width="50%"/>
diff --git a/docs/accessories-docs/sensor/microprobe/microprobe.md b/docs/accessories-docs/sensor/microprobe/microprobe.md
index d28abba..f493a16 100644
--- a/docs/accessories-docs/sensor/microprobe/microprobe.md
+++ b/docs/accessories-docs/sensor/microprobe/microprobe.md
@@ -14,7 +14,7 @@ import TabItem from '@theme/TabItem';
 
 <div class="div-table">
 
-<img 
+<ImageView 
     src={require('./img/microprobe-main.png').default} 
     width="45%" class="right-image"
 />
diff --git a/docs/accessories-docs/tmc-driver/tmc-2130/tmc-2130.md b/docs/accessories-docs/tmc-driver/tmc-2130/tmc-2130.md
index 08a9e43..11b6b74 100644
--- a/docs/accessories-docs/tmc-driver/tmc-2130/tmc-2130.md
+++ b/docs/accessories-docs/tmc-driver/tmc-2130/tmc-2130.md
@@ -15,7 +15,7 @@ import DocCardList from '@theme/DocCardList';
 
 <div class="div-table">
 
-<img
+<ImageView
     src={require('./img/TMC2130_Title.png').default}
     alt="" width="35%" class="right-image"
 />
@@ -36,12 +36,12 @@ TMC 2130 是一款高性能两相步进电机驱动芯片，具有标准SPI接
 
 ## 尺寸
 
-<img
+<ImageView
     src={require('./img/TMC2130_Size1.png').default}
     alt="" width="45%"
 />
 
-<img
+<ImageView
     src={require('./img/TMC2130_Size2.png').default}
     alt="" width="45%"
 />
diff --git a/docs/accessories-docs/tmc-driver/tmc-2208/tmc-2208.md b/docs/accessories-docs/tmc-driver/tmc-2208/tmc-2208.md
index 8f80a10..2935fa2 100644
--- a/docs/accessories-docs/tmc-driver/tmc-2208/tmc-2208.md
+++ b/docs/accessories-docs/tmc-driver/tmc-2208/tmc-2208.md
@@ -14,7 +14,7 @@ import TabItem from '@theme/TabItem';
 
 <div class="div-table">
 
-<img
+<ImageView
     src={require('./img/TMC2208_Title.png').default}
     alt="" width="35%" class="right-image"
 />
@@ -41,19 +41,19 @@ TMC 2208 V3.0 原理图 [TMC2208-V3.0SCH.pdf](https://github.com/bigtreetech/BIG
 
 :::
 
-<img
+<ImageView
     src={require('./img/TMC2208_Pin.png').default}
     alt="" width="45%"
 />
 
 ## 尺寸
 
-<img
+<ImageView
     src={require('./img/TMC2208_Dimension1.png').default}
     alt="" width="45%"
 />
 
-<img
+<ImageView
     src={require('./img/TMC2208_Dimension2.png').default}
     alt="" width="45%"
 />
diff --git a/docs/accessories-docs/tmc-driver/tmc-2209/tmc-2209.md b/docs/accessories-docs/tmc-driver/tmc-2209/tmc-2209.md
index c747ab8..b330708 100644
--- a/docs/accessories-docs/tmc-driver/tmc-2209/tmc-2209.md
+++ b/docs/accessories-docs/tmc-driver/tmc-2209/tmc-2209.md
@@ -14,7 +14,7 @@ import TabItem from '@theme/TabItem';
 
 <div class="div-table">
 
-<img
+<ImageView
     src={require('./img/TMC2209_Title.png').default}
     alt="" width="35%" class="right-image"
 />
@@ -45,7 +45,7 @@ TMC 2209 V1.3 原理图 [TMC2209 V1.3-SCH.pdf](https://github.com/bigtreetech/BI
 
 :::
 
-<img
+<ImageView
     src={require('./img/TMC2209_Func.png').default}
     alt="" width="45%"
 />
@@ -58,7 +58,7 @@ TMC 2209 V1.3 模型 [TMC2209 V1.3.step](https://github.com/bigtreetech/BIGTREET
 
 :::
 
-<img
+<ImageView
     src={require('./img/TMC2209_Dimension.png').default}
     alt="" width="45%"
 />
@@ -95,14 +95,14 @@ $V_{REF}$ 范围: 0.2V – 2.2V
 
 默认已将 UART 引脚连接至第四引脚，即下图左侧所示的 PDN_UART 引脚。若将第五引脚作为 UART 引脚使用，则需移除电阻并焊接至下图右侧所示的两个焊盘。PDN需焊接至对应UART模式的选择引脚。
 
-<img
+<ImageView
     src={require('./img/TMC2209_Uart.png').default}
     alt="" width="45%"
 />
 
 ### UART模式接线图
 
-<img
+<ImageView
     src={require('./img/TMC2209_Uart1.png').default}
     alt="" width="80%"
 />
@@ -111,7 +111,7 @@ $V_{REF}$ 范围: 0.2V – 2.2V
 
 默认使用 `stealthChop`, 如图左侧所示。如果要使用 `spreadCycle`，移除电阻并将其焊接至下方两个焊盘，如图右侧所示。
 
-<img
+<ImageView
     src={require('./img/TMC2209_Mode1.png').default}
     alt="" width="80%"
 />
diff --git a/docs/accessories-docs/tmc-driver/tmc-2240/tmc-2240.md b/docs/accessories-docs/tmc-driver/tmc-2240/tmc-2240.md
index c8e6a8a..2403442 100644
--- a/docs/accessories-docs/tmc-driver/tmc-2240/tmc-2240.md
+++ b/docs/accessories-docs/tmc-driver/tmc-2240/tmc-2240.md
@@ -14,7 +14,7 @@ import TabItem from '@theme/TabItem';
 
 <div class="div-table">
 
-<img
+<ImageView
     src={require('./img/tmc-2240-title.png').default}
     alt="" width="35%" class="right-image"
 />
@@ -41,7 +41,7 @@ TMC 2240 原理图 [TMC2240_V1.0-SCH.pdf](https://github.com/bigtreetech/BIGTREE
 
 :::
 
-<img
+<ImageView
     src={require('./img/tmc-2240-pinout.png').default}
     alt="" width="45%"
 />
@@ -54,7 +54,7 @@ TMC 2240 模型 [TMC2240_V1.0.step](https://github.com/bigtreetech/BIGTREETECH-S
 
 :::
 
-<img
+<ImageView
     src={require('./img/tmc-2240-size.png').default}
     alt="" width="45%"
 />
diff --git a/docs/accessories-docs/tmc-driver/tmc-5160-t-plus/tmc-5160-t-plus-hardware.md b/docs/accessories-docs/tmc-driver/tmc-5160-t-plus/tmc-5160-t-plus-hardware.md
index f8c7301..3bd3d32 100644
--- a/docs/accessories-docs/tmc-driver/tmc-5160-t-plus/tmc-5160-t-plus-hardware.md
+++ b/docs/accessories-docs/tmc-driver/tmc-5160-t-plus/tmc-5160-t-plus-hardware.md
@@ -22,7 +22,7 @@ TMC 5160 T Plus 建模参考文件 [bigtreetech/BIGTREETECH-Stepper-Motor-Driver
 
 ## 接口和功能
 
-<img
+<ImageView
     src={require('./img/TMC5160TPlus_Pin.png').default}
     alt="" width="60%"
 />
@@ -35,7 +35,7 @@ TMC 5160 T Plus 建模参考文件 [bigtreetech/BIGTREETECH-Stepper-Motor-Driver
 TMC 驱动转换模块只支持 24V
 :::
 
-<img
+<ImageView
     src={require('./img/TMC5160TPlus_Ins1.png').default}
     alt="" width="60%"
 />
@@ -46,7 +46,7 @@ TMC 驱动转换模块只支持 24V
 EZ 驱动转换模块只支持 24V
 :::
 
-<img
+<ImageView
     src={require('./img/TMC5160TPlus_Ins2.png').default}
     alt="" width="60%"
 />
diff --git a/docs/accessories-docs/tmc-driver/tmc-5160-t-plus/tmc-5160-t-plus.md b/docs/accessories-docs/tmc-driver/tmc-5160-t-plus/tmc-5160-t-plus.md
index 5881b13..30b0b2a 100644
--- a/docs/accessories-docs/tmc-driver/tmc-5160-t-plus/tmc-5160-t-plus.md
+++ b/docs/accessories-docs/tmc-driver/tmc-5160-t-plus/tmc-5160-t-plus.md
@@ -15,7 +15,7 @@ import DocCardList from '@theme/DocCardList';
 
 <div class="div-table">
 
-<img
+<ImageView
     src={require('./img/TMC5160TPlus_Title.png').default}
     alt="" width="35%" class="right-image"
 />
diff --git a/docs/accessories-docs/tmc-driver/tmc-5160-t-pro/tmc-5160-t-pro.md b/docs/accessories-docs/tmc-driver/tmc-5160-t-pro/tmc-5160-t-pro.md
index 79be5ee..a9b7233 100644
--- a/docs/accessories-docs/tmc-driver/tmc-5160-t-pro/tmc-5160-t-pro.md
+++ b/docs/accessories-docs/tmc-driver/tmc-5160-t-pro/tmc-5160-t-pro.md
@@ -14,7 +14,7 @@ import TabItem from '@theme/TabItem';
 
 <div class="div-table">
 
-<img
+<ImageView
     src={require('./img/tmc-5160-t-pro-title.png').default}
     alt="" width="35%" class="right-image"
 />
@@ -38,7 +38,7 @@ import TabItem from '@theme/TabItem';
 TMC 5160 T Pro 原理图 [BIGTREETECH TMC5160T_Pro-SCH.pdf](https://github.com/bigtreetech/BIGTREETECH-Stepper-Motor-Driver/blob/master/TMC5160(T)%20Pro%20V1.1/Hardware/BIGTREETECH%20TMC5160T_Pro-SCH.pdf)
 :::
 
-<img
+<ImageView
     src={require('./img/tmc-5160-t-pro-pinout.png').default}
     alt="" width="45%"
 />
@@ -52,7 +52,7 @@ TMC 5160 T Pro 模型 [TMC5160_Pro V1.1.step](https://github.com/bigtreetech/BIG
 
 :::
 
-<img
+<ImageView
     src={require('./img/tmc-5160-t-pro-size.png').default}
     alt="" width="45%"
 />
diff --git a/docs/accessories-docs/tmc-driver/tmc-5160/tmc-5160.md b/docs/accessories-docs/tmc-driver/tmc-5160/tmc-5160.md
index d9f3c19..63fb207 100644
--- a/docs/accessories-docs/tmc-driver/tmc-5160/tmc-5160.md
+++ b/docs/accessories-docs/tmc-driver/tmc-5160/tmc-5160.md
@@ -15,7 +15,7 @@ import DocCardList from '@theme/DocCardList';
 
 <div class="div-table">
 
-<img
+<ImageView
     src={require('./img/TMC5160_Title.png').default}
     alt="" width="35%" class="right-image"
 />
@@ -42,7 +42,7 @@ TMC 5160 原理图 [TMC5160-Schematic.pdf)](https://github.com/bigtreetech/BIGTR
 
 :::
 
-<img
+<ImageView
     src={require('./img/TMC5160_Pin.png').default}
     alt="" width="60%"
 />
diff --git a/docs/board-docs/ebb-series/ebb-2209-rp2040/ebb-2209-rp2040-hardware.md b/docs/board-docs/ebb-series/ebb-2209-rp2040/ebb-2209-rp2040-hardware.md
index 0478654..600e7e0 100644
--- a/docs/board-docs/ebb-series/ebb-2209-rp2040/ebb-2209-rp2040-hardware.md
+++ b/docs/board-docs/ebb-series/ebb-2209-rp2040/ebb-2209-rp2040-hardware.md
@@ -14,7 +14,7 @@ import TabItem from '@theme/TabItem';
 
 ## 引脚图
 
-<img src={require('./img/ebb-2209-rp2040-pinout.png').default} width="70%"/>
+<ImageView src={require('./img/ebb-2209-rp2040-pinout.png').default} width="70%"/>
 
 ## 硬件功能
 
diff --git a/docs/board-docs/ebb-series/ebb-2209-rp2040/ebb-2209-rp2040.md b/docs/board-docs/ebb-series/ebb-2209-rp2040/ebb-2209-rp2040.md
index 3397bc3..7e79cad 100644
--- a/docs/board-docs/ebb-series/ebb-2209-rp2040/ebb-2209-rp2040.md
+++ b/docs/board-docs/ebb-series/ebb-2209-rp2040/ebb-2209-rp2040.md
@@ -13,7 +13,7 @@ import DocCardList from '@theme/DocCardList';
 
 <div class="div-table">
 
-<img 
+<ImageView 
     src={require('./img/ebb2209-rp2040-main.png').default} 
     width="45%" class="right-image"
 />
diff --git a/docs/board-docs/ebb-series/ebb-36/ebb-36-hardware.md b/docs/board-docs/ebb-series/ebb-36/ebb-36-hardware.md
index b0b2ef0..1b71ced 100644
--- a/docs/board-docs/ebb-series/ebb-36/ebb-36-hardware.md
+++ b/docs/board-docs/ebb-series/ebb-36/ebb-36-hardware.md
@@ -19,10 +19,10 @@ EBB 36 V1.0/V1.1/V1.2 目前只支持 Klipper 固件
 
 <Tabs groupId="ebb-version">
     <TabItem value="ebb-36-1_2" label="EBB 36 V1.1 / V1.2" default>
-        <img src={require('./img/G0B1/EBB_G0B1_Diagram.png').default} width="450"/>
+        <ImageView src={require('./img/G0B1/EBB_G0B1_Diagram.png').default} width="450"/>
     </TabItem>
     <TabItem value="ebb-36-1_0" label="EBB 36 V1.0">
-        <img src={require('./img/072/EBB_072_Diagram.png').default} width="450"/>
+        <ImageView src={require('./img/072/EBB_072_Diagram.png').default} width="450"/>
     </TabItem>
 </Tabs>
 
@@ -30,10 +30,10 @@ EBB 36 V1.0/V1.1/V1.2 目前只支持 Klipper 固件
 
 <Tabs groupId="ebb-version">
     <TabItem value="ebb-36-1_2" label="EBB 36 V1.1 / V1.2" default>
-        <img src={require('./img/G0B1/EBB_G0B1_Pin.png').default} width="450"/>
+        <ImageView src={require('./img/G0B1/EBB_G0B1_Pin.png').default} width="450"/>
     </TabItem>
     <TabItem value="ebb-36-1_0" label="EBB 36 V1.0">
-        <img src={require('./img/072/EBB_072_Pin.png').default} width="450"/>
+        <ImageView src={require('./img/072/EBB_072_Pin.png').default} width="450"/>
     </TabItem>
 </Tabs>
 
@@ -44,11 +44,11 @@ EBB 36 V1.0/V1.1/V1.2 目前只支持 Klipper 固件
 <Tabs groupId="ebb-version">
     <TabItem value="ebb-36-1_2" label="EBB 36 V1.1 / V1.2" default>
         当 `EBB 36 v1.1 / v1.2` 通电的时候 LED1 才会亮起。`EBB 36` 右侧的 `VUSB` 是选择使用 USB 接口对 MCU 进行供电。
-        <img src={require('./img/G0B1/EBB_G0B1_USB_Power.png').default} width="450"/>
+        <ImageView src={require('./img/G0B1/EBB_G0B1_USB_Power.png').default} width="450"/>
     </TabItem>
     <TabItem value="ebb-36-1_0" label="EBB 36 V1.0">
         当 `EBB 36 v1.0` 通电的时候 `D1 LED` 才会亮起。`EBB 36` 上的 `VUSB` 是选择使用 USB 接口对 MCU 进行供电。
-        <img src={require('./img/072/EBB_072_USB_Power.png').default} width="450"/>
+        <ImageView src={require('./img/072/EBB_072_USB_Power.png').default} width="450"/>
     </TabItem>
 </Tabs>
 
@@ -64,10 +64,10 @@ EBB 36 V1.0/V1.1/V1.2 目前只支持 Klipper 固件
 
 <Tabs groupId="ebb-version">
     <TabItem value="ebb-36-1_2" label="EBB 36 V1.1 / V1.2" default>
-        <img src={require('./img/G0B1/EBB_G0B1_PT100.png').default} width="450"/>
+        <ImageView src={require('./img/G0B1/EBB_G0B1_PT100.png').default} width="450"/>
     </TabItem>
     <TabItem value="ebb-36-1_0" label="EBB 36 V1.0">
-        <img src={require('./img/072/EBB_072_PT100.png').default} width="450"/>
+        <ImageView src={require('./img/072/EBB_072_PT100.png').default} width="450"/>
     </TabItem>
 </Tabs>
 
@@ -76,12 +76,12 @@ EBB 36 V1.0/V1.1/V1.2 目前只支持 Klipper 固件
 <div class="div-table">
     <Tabs groupId="ebb-version">
         <TabItem value="ebb-36-1_2" label="EBB 36 V1.1 / V1.2" default>
-            <img src={require('./img/G0B1/EBB_G0B1_TwoW.png').default} width="300" class="image-margin"/>
-            <img src={require('./img/G0B1/EBB_G0B1_FourW.png').default} width="300" class="image-margin"/>
+            <ImageView src={require('./img/G0B1/EBB_G0B1_TwoW.png').default} width="300" class="image-margin"/>
+            <ImageView src={require('./img/G0B1/EBB_G0B1_FourW.png').default} width="300" class="image-margin"/>
         </TabItem>
         <TabItem value="ebb-36-1_0" label="EBB 36 V1.0">
-            <img src={require('./img/072/EBB_072_TwoW.png').default} width="300" class="image-margin"/>
-            <img src={require('./img/072/EBB_072_FourW.png').default} width="300" class="image-margin"/>
+            <ImageView src={require('./img/072/EBB_072_TwoW.png').default} width="300" class="image-margin"/>
+            <ImageView src={require('./img/072/EBB_072_FourW.png').default} width="300" class="image-margin"/>
         </TabItem>
     </Tabs>
 </div>
@@ -101,10 +101,10 @@ MAX 31865 选择 PT100/PT1000 2线或4线配置
 
 <Tabs groupId="ebb-version">
     <TabItem value="ebb-36-1_2" label="EBB 36 V1.1 / V1.2" default>
-        <img src={require('./img/G0B1/EBB_G0B1_BLTouch.png').default} width="450"/>
+        <ImageView src={require('./img/G0B1/EBB_G0B1_BLTouch.png').default} width="450"/>
     </TabItem>
     <TabItem value="ebb-36-1_0" label="EBB 36 V1.0">
-        <img src={require('./img/072/EBB_072_BLTouch.png').default} width="450"/>
+        <ImageView src={require('./img/072/EBB_072_BLTouch.png').default} width="450"/>
     </TabItem>
 </Tabs>
 
@@ -112,10 +112,10 @@ MAX 31865 选择 PT100/PT1000 2线或4线配置
 
 <Tabs groupId="ebb-version">
     <TabItem value="ebb-36-1_2" label="EBB 36 V1.1 / V1.2" default>
-        <img src={require('./img/G0B1/EBB_G0B1_Broke.png').default} width="450"/>
+        <ImageView src={require('./img/G0B1/EBB_G0B1_Broke.png').default} width="450"/>
     </TabItem>
     <TabItem value="ebb-36-1_0" label="EBB 36 V1.0">
-        <img src={require('./img/072/EBB_072_Broke.png').default} width="450"/>
+        <ImageView src={require('./img/072/EBB_072_Broke.png').default} width="450"/>
     </TabItem>
 </Tabs>
 
@@ -123,9 +123,9 @@ MAX 31865 选择 PT100/PT1000 2线或4线配置
 
 <Tabs groupId="ebb-version">
     <TabItem value="ebb-36-1_2" label="EBB 36 V1.1 / V1.2" default>
-        <img src={require('./img/G0B1/EBB_G0B1_RGB.png').default} width="450"/>
+        <ImageView src={require('./img/G0B1/EBB_G0B1_RGB.png').default} width="450"/>
     </TabItem>
     <TabItem value="ebb-36-1_0" label="EBB 36 V1.0">
-        <img src={require('./img/072/EBB_072_RGB.png').default} width="450"/>
+        <ImageView src={require('./img/072/EBB_072_RGB.png').default} width="450"/>
     </TabItem>
 </Tabs>
diff --git a/docs/board-docs/ebb-series/ebb-36/ebb-36.md b/docs/board-docs/ebb-series/ebb-36/ebb-36.md
index e9b601e..c2d272a 100644
--- a/docs/board-docs/ebb-series/ebb-36/ebb-36.md
+++ b/docs/board-docs/ebb-series/ebb-36/ebb-36.md
@@ -15,7 +15,7 @@ import DocCardList from '@theme/DocCardList';
 
 <!-- import lib end -->
 
-<img
+<ImageView
     src={require('./img/ebb_36_title.png').default}
     alt="ebb 36 title" width="550"
 />
diff --git a/docs/board-docs/ebb-series/ebb-firmware-f072.md b/docs/board-docs/ebb-series/ebb-firmware-f072.md
index f4a4c17..c72ace6 100644
--- a/docs/board-docs/ebb-series/ebb-firmware-f072.md
+++ b/docs/board-docs/ebb-series/ebb-firmware-f072.md
@@ -17,7 +17,7 @@ make menuconfig
 
 然后按照以下选项构建使用 `STM32F072` 为 `MCU` 的 `EBB` 固件
 
-<img
+<ImageView
     src={require('./img/ebb-f072-make-can.png').default}
     alt="EBB with f072 build config"
 />
diff --git a/docs/board-docs/ebb-series/ebb-firmware-g0b1.md b/docs/board-docs/ebb-series/ebb-firmware-g0b1.md
index f3bc0a8..d9ee30e 100644
--- a/docs/board-docs/ebb-series/ebb-firmware-g0b1.md
+++ b/docs/board-docs/ebb-series/ebb-firmware-g0b1.md
@@ -17,7 +17,7 @@ make menuconfig
 
 然后按照以下选项构建使用 `STM32G0B1` 为 `MCU` 的 `EBB` 固件
 
-<img
+<ImageView
     src={require('./img/ebb-g0b1-make-can.png').default}
     alt="EBB with G0B1 build config"
 />
diff --git a/docs/board-docs/ebb-series/ebb-firmware-rp2040.md b/docs/board-docs/ebb-series/ebb-firmware-rp2040.md
index 5898853..01141d8 100644
--- a/docs/board-docs/ebb-series/ebb-firmware-rp2040.md
+++ b/docs/board-docs/ebb-series/ebb-firmware-rp2040.md
@@ -17,7 +17,7 @@ make menuconfig
 
 然后按照以下选项构建使用 `RP2040` 为 `MCU` 的 `EBB` 固件
 
-<img
+<ImageView
     src={require('./img/ebb-g0b1-make-can.png').default}
     alt="EBB with RP2040 build config"
 />
diff --git a/docs/board-docs/manta-series/manta-core-image-rpi.md b/docs/board-docs/manta-series/manta-core-image-rpi.md
index 5f7d99b..1dc1ac8 100644
--- a/docs/board-docs/manta-series/manta-core-image-rpi.md
+++ b/docs/board-docs/manta-series/manta-core-image-rpi.md
@@ -39,11 +39,11 @@ eMMC 版本需要这个工具来读写 eMMC
     <TabItem value="sd-card" label="使用 SD 卡" default>
         将 Micro SD 卡通过读卡器插入到电脑, 然后选择系统。
 
-        <img src={require('./img/cm-flash-1.png').default} width="65%"/>
+        <ImageView src={require('./img/cm-flash-1.png').default} width="65%"/>
 
         选择 `Use custom` 然后选择下载到电脑中的镜像。
 
-        <img src={require('./img/cm-flash-2.png').default} width="65%"/>
+        <ImageView src={require('./img/cm-flash-2.png').default} width="65%"/>
 
         选择需要写入的 Micro SD。然后写入系统镜像。
 
@@ -53,11 +53,11 @@ eMMC 版本需要这个工具来读写 eMMC
 
         :::
 
-        <img src={require('./img/cm-flash-3.png').default} width="65%"/>
+        <ImageView src={require('./img/cm-flash-3.png').default} width="65%"/>
 
         等待系统写入完成
         
-        <img src={require('./img/cm-flash-4.png').default} width="65%"/>
+        <ImageView src={require('./img/cm-flash-4.png').default} width="65%"/>
     </TabItem>
     <TabItem value="emmc" label="使用 eMMC">
         首先将开关的 3 `RPIBOOT` 和 4 `USBOTG` 调整到 `ON` 进入 BOOT 模式
@@ -68,11 +68,11 @@ eMMC 版本需要这个工具来读写 eMMC
         
         然后使用 Raspberry Pi Imager 选择系统
 
-        <img src={require('./img/cm-flash-1.png').default} width="65%"/>
+        <ImageView src={require('./img/cm-flash-1.png').default} width="65%"/>
 
         选择 `Use custom` 然后选择下载到电脑中的镜像。
 
-        <img src={require('./img/cm-flash-2.png').default} width="65%"/>
+        <ImageView src={require('./img/cm-flash-2.png').default} width="65%"/>
 
         选择需要写入的 eMMC 设备。然后写入系统镜像。
 
@@ -82,10 +82,10 @@ eMMC 版本需要这个工具来读写 eMMC
 
         :::
 
-        <img src={require('./img/cm-flash-3.png').default} width="65%"/>
+        <ImageView src={require('./img/cm-flash-3.png').default} width="65%"/>
 
         等待系统写入完成
         
-        <img src={require('./img/cm-flash-4.png').default} width="65%"/>
+        <ImageView src={require('./img/cm-flash-4.png').default} width="65%"/>
     </TabItem>
 </Tabs>
diff --git a/docs/board-docs/manta-series/manta-m4p-firmware-g0b1.md b/docs/board-docs/manta-series/manta-m4p-firmware-g0b1.md
index aa86d32..011332e 100644
--- a/docs/board-docs/manta-series/manta-m4p-firmware-g0b1.md
+++ b/docs/board-docs/manta-series/manta-m4p-firmware-g0b1.md
@@ -21,7 +21,7 @@ make menuconfig
 
 按照以下选项构建使用 `STM32G0B1` 为 `MCU` 的 `Manta M4P` USB 串口固件
 
-<img src={require('./img/manta-m4p-make-usb.png').default} alt="manta m4p with g0b1 usb"/>
+<ImageView src={require('./img/manta-m4p-make-usb.png').default} alt="manta m4p with g0b1 usb"/>
 
 当配置完成使用 `q` 来退出。使用 `y` 来保存编译选项。
 
diff --git a/docs/board-docs/manta-series/manta-m4p/manta-m4p-hardware.md b/docs/board-docs/manta-series/manta-m4p/manta-m4p-hardware.md
index 133f4d2..4bde578 100644
--- a/docs/board-docs/manta-series/manta-m4p/manta-m4p-hardware.md
+++ b/docs/board-docs/manta-series/manta-m4p/manta-m4p-hardware.md
@@ -20,7 +20,7 @@ Manta M4P 模型 [BIGTREETECH_Manta_M4P_V2.1_220608_3D.step](https://github.com/
 
 :::
 
-<img src={require('./img/M4P_Size.webp').default} width="100%"/>
+<ImageView src={require('./img/M4P_Size.webp').default} width="100%"/>
 
 ## Pinout
 
@@ -30,7 +30,7 @@ Manta M4P v2 原理图 [bigtreetech_manta_m4p_v2.1_220608_SCH.pdf](https://githu
 
 :::
 
-<img src={require('./img/M4P_Pinout.webp').default} width="100%"/>
+<ImageView src={require('./img/M4P_Pinout.webp').default} width="100%"/>
 
 ## 步进电机驱动
 
@@ -39,36 +39,36 @@ Manta M4P v2 原理图 [bigtreetech_manta_m4p_v2.1_220608_SCH.pdf](https://githu
 <Tabs groupId="m4p-stepper-driver">
     <TabItem value="tmc-uart" label="Uart 模式" default>
         使用 Uart 模式连接驱动
-        <img
+        <ImageView
             src={require('./img/M4P_TMC_UART_Mode.webp').default}
             alt="" width="100%"
         />
     </TabItem>
     <TabItem value="tmc-spi" label="SPI 模式">
         使用 SPI 模式连接驱动
-        <img
+        <ImageView
             src={require('./img/M4P_TMC_SPI_Mode.webp').default}
             alt="" width="100%"
         />
     </TabItem>
     <TabItem value="step-dir" label="Step / dir 模式">
         A4988 / DRV8825 使用跳线帽短接 MS0-MS2 以调整细分
-        <img src={require('./img/M4P_Stepper_Driver.webp').default} width="100%"/>
+        <ImageView src={require('./img/M4P_Stepper_Driver.webp').default} width="100%"/>
     </TabItem>
 </Tabs>
 
 ### TMC Sensorless
 
-<img src={require('./img/M4P_TMC_DIAG_Mode.webp').default} width="100%"/>
+<ImageView src={require('./img/M4P_TMC_DIAG_Mode.webp').default} width="100%"/>
 
 ### 驱动电压选择
 
 <Tabs groupId="m4p-driver-power">
     <TabItem value="m4p-power-24" label="使用 24V 电源" default>
-        <img src={require('./img/M4P_driver_24.webp').default} width="100%"/>
+        <ImageView src={require('./img/M4P_driver_24.webp').default} width="100%"/>
     </TabItem>
     <TabItem value="m4p-power-48" label="使用 48V 电源">
-        <img src={require('./img/M4P_driver_48.webp').default} width="100%"/>
+        <ImageView src={require('./img/M4P_driver_48.webp').default} width="100%"/>
     </TabItem>
 </Tabs>
 
@@ -78,10 +78,10 @@ Manta M4P v2 原理图 [bigtreetech_manta_m4p_v2.1_220608_SCH.pdf](https://githu
 
 <Tabs groupId="m4p-cm">
     <TabItem value="m4p-cm-rpi" label="使用树莓派 CM4/CM5" default>
-        <img src={require('./img/m4p_cm_rpi.webp').default} width="100%"/>
+        <ImageView src={require('./img/m4p_cm_rpi.webp').default} width="100%"/>
     </TabItem>
     <TabItem value="m4p-cm-cb" label="使用 CB1/CB2">
-        <img src={require('./img/m4p_cm_cb.webp').default} width="100%"/>
+        <ImageView src={require('./img/m4p_cm_cb.webp').default} width="100%"/>
     </TabItem>
 </Tabs>
 
@@ -89,11 +89,11 @@ Manta M4P v2 原理图 [bigtreetech_manta_m4p_v2.1_220608_SCH.pdf](https://githu
 
 M4P 开机后，主板右下侧的红色 LED1 会亮起，表示电源正常。板中间的 J8 是电源选择端子，只有当type-C USB用于向主板供电或USB用于外部供电时，才需要短接。type-C的信号连接到 SoC，仅在写入 CM4 eMMC 版本的操作系统映像时使用。
 
-<img src={require('./img/M4P_TYPE_C.webp').default} width="45%"/>
+<ImageView src={require('./img/M4P_TYPE_C.webp').default} width="45%"/>
 
 ### 40 Pin GPIO
 
-<img src={require('./img/m4p-40pin-gpio.webp').default} width="50%"/>
+<ImageView src={require('./img/m4p-40pin-gpio.webp').default} width="50%"/>
 
 ### DSI / CSI连接
 
@@ -103,24 +103,24 @@ DSI / CSI 需要核心板硬件支持
 
 :::
 
-<img src={require('./img/M4P_DSI_CSI_Wiring.webp').default} width="100%"/>
+<ImageView src={require('./img/M4P_DSI_CSI_Wiring.webp').default} width="100%"/>
 
 ### SPI 显示器
 
-<img src={require('./img/M4P_SPI_Display_Wiring.webp').default} width="100%"/>
+<ImageView src={require('./img/M4P_SPI_Display_Wiring.webp').default} width="100%"/>
 
 ## 传感器
 
 ### BLTouch
 
-<img src={require('./img/M4P_BLTouch_Wiring.webp').default} width="60%"/>
+<ImageView src={require('./img/M4P_BLTouch_Wiring.webp').default} width="60%"/>
 
 ### ADXL 345
 
-<img src={require('./img/M4P_ADXL345.webp').default} width="60%"/>
+<ImageView src={require('./img/M4P_ADXL345.webp').default} width="60%"/>
 
 ## 其他硬件
 
 ### Neopixel 
 
-<img src={require('./img/M4P_RGB_Wiring.webp').default} width="80%"/>
+<ImageView src={require('./img/M4P_RGB_Wiring.webp').default} width="80%"/>
diff --git a/docs/board-docs/manta-series/manta-m4p/manta-m4p.md b/docs/board-docs/manta-series/manta-m4p/manta-m4p.md
index db164ab..064b5db 100644
--- a/docs/board-docs/manta-series/manta-m4p/manta-m4p.md
+++ b/docs/board-docs/manta-series/manta-m4p/manta-m4p.md
@@ -13,7 +13,7 @@ import DocCardList from '@theme/DocCardList';
 
 <div class="div-table">
 
-<img 
+<ImageView 
     src={require('./img/M4P_Title.webp').default} 
     width="45%" class="right-image"
 />
diff --git a/docs/board-docs/manta-series/manta-m5p-firmware-g0b1.md b/docs/board-docs/manta-series/manta-m5p-firmware-g0b1.md
index 7b9b412..02c6220 100644
--- a/docs/board-docs/manta-series/manta-m5p-firmware-g0b1.md
+++ b/docs/board-docs/manta-series/manta-m5p-firmware-g0b1.md
@@ -25,14 +25,14 @@ make menuconfig
 <Tabs groupId="M5P-v1-make-connect">
     <TabItem value="bridge" label="CAN 桥接固件" default>
         按照以下选项构建使用 `STM32G0B1` 为 `MCU` 的 `Manta M5P` CAN 桥接固件
-        <img
+        <ImageView
             src={require('./img/manta-m5p-make-bridge.png').default}
             alt="manta M5P with g0b1 bridge"
         />
     </TabItem>
     <TabItem value="usb" label="USB 串口固件">
         按照以下选项构建使用 `STM32G0B1` 为 `MCU` 的 `Manta M5P` USB 串口固件
-        <img
+        <ImageView
             src={require('./img/manta-m5p-make-usb.png').default}
             alt="manta M5P with g0b1 usb"
         />
diff --git a/docs/board-docs/manta-series/manta-m5p/manta-m5p-hardware.md b/docs/board-docs/manta-series/manta-m5p/manta-m5p-hardware.md
index 648f473..5822e95 100644
--- a/docs/board-docs/manta-series/manta-m5p/manta-m5p-hardware.md
+++ b/docs/board-docs/manta-series/manta-m5p/manta-m5p-hardware.md
@@ -22,10 +22,10 @@ Manta M5P 模型 [BIGTREETECH MANTA M5P-step.rar](https://github.com/bigtreetech
 
 <Tabs groupId="m5p-dim">
     <TabItem value="m5p-dim-1" label="正面尺寸" default>
-        <img src={require('./img/M5P_Dimension1.png').default} width="80%"/>
+        <ImageView src={require('./img/M5P_Dimension1.png').default} width="80%"/>
     </TabItem>
     <TabItem value="m5p-dim-2" label="反面尺寸">
-        <img src={require('./img/M5P_Dimension2.png').default} width="80%"/>
+        <ImageView src={require('./img/M5P_Dimension2.png').default} width="80%"/>
     </TabItem>
 </Tabs>
 
@@ -37,7 +37,7 @@ Manta M5P 原理图 [BIGTREETECH MANTA M5P V1.0-SCH.pdf](https://github.com/bigt
 
 :::
 
-<img src={require('./img/manta-m5p-pinout.png').default} width="100%"/>
+<ImageView src={require('./img/manta-m5p-pinout.png').default} width="100%"/>
 
 ## 步进电机驱动
 
@@ -46,21 +46,21 @@ Manta M5P 原理图 [BIGTREETECH MANTA M5P V1.0-SCH.pdf](https://github.com/bigt
 <Tabs groupId="m5p-stepper-driver">
     <TabItem value="tmc-uart" label="Uart 模式" default>
         使用 Uart 模式连接驱动
-        <img
+        <ImageView
             src={require('./img/manta-m5p-driver-uart.png').default}
             alt="" width="80%"
         />
     </TabItem>
     <TabItem value="tmc-spi" label="SPI 模式">
         使用 SPI 模式连接驱动
-        <img
+        <ImageView
             src={require('./img/manta-m5p-driver-spi.png').default}
             alt="" width="80%"
         />
     </TabItem>
     <TabItem value="step-dir" label="Step / DIR 模式">
         A4988 / DRV8825 使用跳线帽短接 MS0-MS2 以调整细分
-        <img
+        <ImageView
             src={require('./img/manta-m5p-driver-step.png').default}
             alt="" width="80%"
         />
@@ -69,16 +69,16 @@ Manta M5P 原理图 [BIGTREETECH MANTA M5P V1.0-SCH.pdf](https://github.com/bigt
 
 ### TMC Sensorless
 
-<img src={require('./img/manta-m5p-sensorless.png').default} width="80%"/>
+<ImageView src={require('./img/manta-m5p-sensorless.png').default} width="80%"/>
 
 ### 驱动电压选择
 
 <Tabs groupId="m5p-driver-power">
     <TabItem value="m5p-power-24" label="使用 24V 电源" default>
-        <img src={require('./img/manta-m5p-driver-24.png').default} width="80%"/>
+        <ImageView src={require('./img/manta-m5p-driver-24.png').default} width="80%"/>
     </TabItem>
     <TabItem value="m5p-power-48" label="使用 48V 电源">
-        <img src={require('./img/manta-m5p-driver-48.png').default} width="80%"/>
+        <ImageView src={require('./img/manta-m5p-driver-48.png').default} width="80%"/>
     </TabItem>
 </Tabs>
 
@@ -88,10 +88,10 @@ Manta M5P 原理图 [BIGTREETECH MANTA M5P V1.0-SCH.pdf](https://github.com/bigt
 
 <Tabs groupId="m5p-cm">
     <TabItem value="m5p-cm-rpi" label="使用树莓派 CM4/CM5" default>
-        <img src={require('./img/m5p_cm_rpi.png').default} width="80%"/>
+        <ImageView src={require('./img/m5p_cm_rpi.png').default} width="80%"/>
     </TabItem>
     <TabItem value="m5p-cm-cb" label="使用 CB1/CB2">
-        <img src={require('./img/m5p_cm_cb.png').default} width="80%"/>
+        <ImageView src={require('./img/m5p_cm_cb.png').default} width="80%"/>
     </TabItem>
 </Tabs>
 
@@ -99,7 +99,7 @@ Manta M5P 原理图 [BIGTREETECH MANTA M5P V1.0-SCH.pdf](https://github.com/bigt
 
 MANTA M5P通电后，MCU左侧的红灯D22将亮起，表示已通电。当仅使用USB为板供电或通过USB供电时，请将跳线帽插入VUSB。
 
-<img src={require('./img/M5P_USB_PS.png').default} width="45%"/>
+<ImageView src={require('./img/M5P_USB_PS.png').default} width="45%"/>
 
 ### DSI / CSI连接
 
@@ -109,7 +109,7 @@ DSI / CSI 需要核心板硬件支持
 
 :::
 
-<img src={require('./img/M5P_DSI.png').default} width="100%"/>
+<ImageView src={require('./img/M5P_DSI.png').default} width="100%"/>
 
 ## 风扇
 
@@ -123,13 +123,13 @@ DSI / CSI 需要核心板硬件支持
 
 :::
 
-<img src={require('./img/manta-m5p-fan-voltage.png').default} width="40%"/>
+<ImageView src={require('./img/manta-m5p-fan-voltage.png').default} width="40%"/>
 
 ## 传感器
 
 ### BLTouch
 
-<img src={require('./img/M5P_BLTouch_Wiring.png').default} width="80%"/>
+<ImageView src={require('./img/M5P_BLTouch_Wiring.png').default} width="80%"/>
 
 ### 100K NTC 或 PT1000 设置
 
@@ -141,19 +141,19 @@ DSI / CSI 需要核心板硬件支持
 
 这样读取的温度精度将远不如MAX31865读取的精度
 
-<img src={require('./img/M5P_100K.png').default} width="20%"/>
+<ImageView src={require('./img/M5P_100K.png').default} width="20%"/>
 
 :::
 
 ### 耗材传感器
 
-<img src={require('./img/M5P_Filament.png').default} width="80%"/>
+<ImageView src={require('./img/M5P_Filament.png').default} width="80%"/>
 
 ### 接近开关接线
 
 使用 PNP 接近开关
 
-<img src={require('./img/M5P_Proximity-PNP.png').default} width="80%"/>
+<ImageView src={require('./img/M5P_Proximity-PNP.png').default} width="80%"/>
 
 :::info[NPN 接近开关]
 
@@ -165,4 +165,4 @@ NPN 接近开关不需要接 `Pull UP` 跳线帽
 
 ### Neopixel 
 
-<img src={require('./img/M5P_RGB_Wiring.png').default} width="80%"/>
+<ImageView src={require('./img/M5P_RGB_Wiring.png').default} width="80%"/>
diff --git a/docs/board-docs/manta-series/manta-m5p/manta-m5p.md b/docs/board-docs/manta-series/manta-m5p/manta-m5p.md
index 50316f2..0f41385 100644
--- a/docs/board-docs/manta-series/manta-m5p/manta-m5p.md
+++ b/docs/board-docs/manta-series/manta-m5p/manta-m5p.md
@@ -13,7 +13,7 @@ import DocCardList from '@theme/DocCardList';
 
 <div class="div-table">
 
-<img 
+<ImageView 
     src={require('./img/M5P_Title.png').default} 
     width="45%" class="right-image"
 />
diff --git a/docs/board-docs/manta-series/manta-m8p-firmware-g0b1.md b/docs/board-docs/manta-series/manta-m8p-firmware-g0b1.md
index a8e95c9..455db9f 100644
--- a/docs/board-docs/manta-series/manta-m8p-firmware-g0b1.md
+++ b/docs/board-docs/manta-series/manta-m8p-firmware-g0b1.md
@@ -31,14 +31,14 @@ M8P v1.0 不能使用 CAN Bridge
 <Tabs groupId="m8p-v1-make-connect">
     <TabItem value="bridge" label="CAN 桥接固件" default>
         按照以下选项构建使用 `STM32G0B1` 为 `MCU` 的 `Manta M8P` CAN 桥接固件
-        <img
+        <ImageView
             src={require('./img/manta-m8p-v1-make-bridge.png').default}
             alt="manta m8p with g0b1 bridge"
         />
     </TabItem>
     <TabItem value="usb" label="USB 串口固件">
         按照以下选项构建使用 `STM32G0B1` 为 `MCU` 的 `Manta M8P` USB 串口固件
-        <img
+        <ImageView
             src={require('./img/manta-m8p-v1-make-usb.png').default}
             alt="manta m8p with g0b1 usb"
         />
diff --git a/docs/board-docs/manta-series/manta-m8p-firmware-h723.md b/docs/board-docs/manta-series/manta-m8p-firmware-h723.md
index 8f0b9bc..5eac0ad 100644
--- a/docs/board-docs/manta-series/manta-m8p-firmware-h723.md
+++ b/docs/board-docs/manta-series/manta-m8p-firmware-h723.md
@@ -25,14 +25,14 @@ make menuconfig
 <Tabs groupId="m8p-v2-make-connect">
     <TabItem value="bridge" label="CAN 桥接固件" default>
         按照以下选项构建使用 `STM32H723` 为 `MCU` 的 `Manta M8P` CAN 桥接固件
-        <img
+        <ImageView
             src={require('./img/manta-h723-make-bridge.png').default}
             alt="manta m8p with h723 bridge"
         />
     </TabItem>
     <TabItem value="usb" label="USB 串口固件">
         按照以下选项构建使用 `STM32H723` 为 `MCU` 的 `Manta M8P` USB 串口固件
-        <img
+        <ImageView
             src={require('./img/manta-h723-make-usb.png').default}
             alt="manta m8p with h723 usb"
         />
diff --git a/docs/board-docs/manta-series/manta-m8p-v1/manta-m8p-v1-hardware.md b/docs/board-docs/manta-series/manta-m8p-v1/manta-m8p-v1-hardware.md
index 741459e..4f0a811 100644
--- a/docs/board-docs/manta-series/manta-m8p-v1/manta-m8p-v1-hardware.md
+++ b/docs/board-docs/manta-series/manta-m8p-v1/manta-m8p-v1-hardware.md
@@ -23,10 +23,10 @@ Manta M8P v1.1 模型 [BIGTREETECH MANTA M8P V1.1.step.zip](https://github.com/b
 
 <Tabs groupId="m8p-dim">
     <TabItem value="m8p-dim-1" label="正面尺寸" default>
-        <img src={require('./img/M8P_dimensions_1.png').default} width="100%"/>
+        <ImageView src={require('./img/M8P_dimensions_1.png').default} width="100%"/>
     </TabItem>
     <TabItem value="m8p-dim-2" label="反面尺寸">
-        <img src={require('./img/M8P_dimensions_2.png').default} width="100%"/>
+        <ImageView src={require('./img/M8P_dimensions_2.png').default} width="100%"/>
     </TabItem>
 </Tabs>
 
@@ -42,10 +42,10 @@ Manta M8P v1.1 原理图 [BIGTREETECH MANTA M8P V1.1-SCH.pdf](https://github.com
 
 <Tabs groupId="m8p-pinout">
     <TabItem value="m8p-pinout-1_1" label="Manta M8P v1.1" default>
-        <img src={require('./img/M8P_pinout-v1_1.png').default} width="100%"/>
+        <ImageView src={require('./img/M8P_pinout-v1_1.png').default} width="100%"/>
     </TabItem>
     <TabItem value="m8p-pinout-1_0" label="Manta M8P v1.0">
-        <img src={require('./img/M8P_pinout-v1_0.png').default} width="100%"/>
+        <ImageView src={require('./img/M8P_pinout-v1_0.png').default} width="100%"/>
     </TabItem>
 </Tabs>
 
@@ -59,7 +59,7 @@ Pi FAN（由GPIO26控制）
 
 FAN4成为2线CNC风扇。
 
-<img src={require('./img/M8P_Add_Func1.png').default} width="80%"/>
+<ImageView src={require('./img/M8P_Add_Func1.png').default} width="80%"/>
 
 :::
 
@@ -69,21 +69,21 @@ FAN4成为2线CNC风扇。
 
 M8P主板通电后，MCU左侧的D32红灯亮起，表示电源正常。电路板中间的VUSB是电源选择端子。只有在使用USB向主板供电或需要通过USB供电时，才需要使用跳线将其短路。
 
-<img src={require('./img/M8P_USB_PS.png').default} width="80%"/>
+<ImageView src={require('./img/M8P_USB_PS.png').default} width="80%"/>
 
 ### 步进电机驱动
 
 #### TMC 2208 / TMC 2209 UART 模式
 
-<img src={require('./img/M8P_uart.png').default} width="80%"/>
+<ImageView src={require('./img/M8P_uart.png').default} width="80%"/>
 
 #### TMC 2130 / TMC 5160 SPI 模式
 
-<img src={require('./img/M8P_spi.png').default} width="80%"/>
+<ImageView src={require('./img/M8P_spi.png').default} width="80%"/>
 
 #### TMC Sensorless
 
-<img src={require('./img/M8P_Dri_sensorless.png').default} width="80%"/>
+<ImageView src={require('./img/M8P_Dri_sensorless.png').default} width="80%"/>
 
 #### 仅使用 STEP/DIR 驱动
 
@@ -93,16 +93,16 @@ A4988 / DRV8825 使用跳线帽短接 MS0-MS2 以调整细分
 如果使用 `A4988` 或 `DRV8825` 需要短接 `RST` 和 `SLP` 才能正常工作
 :::
 
-<img src={require('./img/M8P_Dri_Step.png').default} width="80%"/>
+<ImageView src={require('./img/M8P_Dri_Step.png').default} width="80%"/>
 
 ### 驱动电压选择
 
 <Tabs groupId="m8p-driver-power">
     <TabItem value="m8p-power-24" label="使用 24V 电源" default>
-        <img src={require('./img/M8P_driver_24.png').default} width="80%"/>
+        <ImageView src={require('./img/M8P_driver_24.png').default} width="80%"/>
     </TabItem>
     <TabItem value="m8p-power-48" label="使用 48V 电源">
-        <img src={require('./img/M8P_driver_48.png').default} width="80%"/>
+        <ImageView src={require('./img/M8P_driver_48.png').default} width="80%"/>
     </TabItem>
 </Tabs>
 
@@ -110,10 +110,10 @@ A4988 / DRV8825 使用跳线帽短接 MS0-MS2 以调整细分
 
 <Tabs groupId="m8p-cm">
     <TabItem value="m8p-cm-rpi" label="使用树莓派 CM4/CM5" default>
-        <img src={require('./img/M8P_cm_rpi.png').default} width="80%"/>
+        <ImageView src={require('./img/M8P_cm_rpi.png').default} width="80%"/>
     </TabItem>
     <TabItem value="m8p-cm-cb" label="使用 CB1/CB2">
-        <img src={require('./img/M8P_cm_cb.png').default} width="80%"/>
+        <ImageView src={require('./img/M8P_cm_cb.png').default} width="80%"/>
     </TabItem>
 </Tabs>
 
@@ -127,11 +127,11 @@ A4988 / DRV8825 使用跳线帽短接 MS0-MS2 以调整细分
 
 :::
 
-<img src={require('./img/M8P_fan.png').default} width="60%"/>
+<ImageView src={require('./img/M8P_fan.png').default} width="60%"/>
 
 ### 4Pin PWM 风扇接线
 
-<img src={require('./img/M8P_4_pin_pwm.png').default} width="60%"/>
+<ImageView src={require('./img/M8P_4_pin_pwm.png').default} width="60%"/>
 
 ### 100K NTC 或 PT1000 设置
 
@@ -143,22 +143,22 @@ A4988 / DRV8825 使用跳线帽短接 MS0-MS2 以调整细分
 
 这样读取的温度精度将远不如MAX31865读取的精度
 
-<img src={require('./img/M8P_pt1000.png').default} width="30%"/>
+<ImageView src={require('./img/M8P_pt1000.png').default} width="30%"/>
 
 :::
 
 ### BLTouch
 
-<img src={require('./img/M8P_BLTouch.png').default} width="80%"/>
+<ImageView src={require('./img/M8P_BLTouch.png').default} width="80%"/>
 
 ### 接近开关接线
 
 <Tabs groupId="m8p-proximity">
     <TabItem value="m8p-proximity-npn" label="NPN 接近开关" default>
-        <img src={require('./img/M8P_Proximity_npn.png').default} width="80%"/>
+        <ImageView src={require('./img/M8P_Proximity_npn.png').default} width="80%"/>
     </TabItem>
     <TabItem value="m8p-proximity-pnp" label="PNP 接近开关">
-        <img src={require('./img/M8P_Proximity_pnp.png').default} width="80%"/>
+        <ImageView src={require('./img/M8P_Proximity_pnp.png').default} width="80%"/>
     </TabItem>
 </Tabs>
 
@@ -172,19 +172,19 @@ Manta M8P ADXL 345 配置文件参考 [Manta M8P ADXL 配置文件](./manta-m8p-
 
 :::
 
-<img src={require('./img/M8P_ADXL345.png').default} width="80%"/>
+<ImageView src={require('./img/M8P_ADXL345.png').default} width="80%"/>
 
 ### Neopixel 
 
-<img src={require('./img/M8P_RGB.png').default} width="80%"/>
+<ImageView src={require('./img/M8P_RGB.png').default} width="80%"/>
 
 ### 断料检测
 
-<img src={require('./img/M8P_Filament.png').default} width="80%"/>
+<ImageView src={require('./img/M8P_Filament.png').default} width="80%"/>
 
 ### 40 Pin GPIO
 
-<img src={require('./img/M8P_40_Pin.png').default} width="60%"/>
+<ImageView src={require('./img/M8P_40_Pin.png').default} width="60%"/>
 
 ### DSI/CSI 接线
 
@@ -194,4 +194,4 @@ DSI/CSI 需要核心板硬件支持
 
 :::
 
-<img src={require('./img/M8P_DSI.png').default} width="80%"/>
+<ImageView src={require('./img/M8P_DSI.png').default} width="80%"/>
diff --git a/docs/board-docs/manta-series/manta-m8p-v1/manta-m8p-v1.md b/docs/board-docs/manta-series/manta-m8p-v1/manta-m8p-v1.md
index f79212d..c299f09 100644
--- a/docs/board-docs/manta-series/manta-m8p-v1/manta-m8p-v1.md
+++ b/docs/board-docs/manta-series/manta-m8p-v1/manta-m8p-v1.md
@@ -15,7 +15,7 @@ import DocCardList from '@theme/DocCardList';
 
 <div class="div-table">
 
-<img 
+<ImageView 
     src={require('./img/m8p-v1-main.png').default} 
     width="45%" class="right-image"
 />
diff --git a/docs/board-docs/manta-series/manta-m8p-v2/manta-m8p-v2-hardware.md b/docs/board-docs/manta-series/manta-m8p-v2/manta-m8p-v2-hardware.md
index fc1459a..496956d 100644
--- a/docs/board-docs/manta-series/manta-m8p-v2/manta-m8p-v2-hardware.md
+++ b/docs/board-docs/manta-series/manta-m8p-v2/manta-m8p-v2-hardware.md
@@ -20,7 +20,7 @@ Manta M8P v2 模型 [BIGTREETECH MANTA M8P V2.0.zip](https://github.com/bigtreet
 
 :::
 
-<img src={require('./img/m8p-v2-dimensions.png').default} width="100%"/>
+<ImageView src={require('./img/m8p-v2-dimensions.png').default} width="100%"/>
 
 ## Pinout
 
@@ -30,7 +30,7 @@ Manta M8P v2 原理图 [BIGTREETECH MANTA M8P V2.0-SCH.pdf](https://github.com/b
 
 :::
 
-<img src={require('./img/m8p-v2-pinout.png').default} width="100%"/>
+<ImageView src={require('./img/m8p-v2-pinout.png').default} width="100%"/>
 
 ## 步进电机驱动
 
@@ -39,14 +39,14 @@ Manta M8P v2 原理图 [BIGTREETECH MANTA M8P V2.0-SCH.pdf](https://github.com/b
 <Tabs groupId="m8p-v2-stepper-driver">
     <TabItem value="tmc-uart" label="Uart 模式" default>
         使用 Uart 模式连接驱动
-        <img
+        <ImageView
             src={require('./img/m8p_v2_0_tmc_uart.png').default}
             alt="" width="100%"
         />
     </TabItem>
     <TabItem value="tmc-spi" label="SPI 模式">
         使用 SPI 模式连接驱动
-        <img
+        <ImageView
             src={require('./img/m8p_v2_0_tmc_spi.png').default}
             alt="" width="100%"
         />
@@ -57,7 +57,7 @@ Manta M8P v2 原理图 [BIGTREETECH MANTA M8P V2.0-SCH.pdf](https://github.com/b
         :::info[已知问题]
         如果使用 `A4988` 或 `DRV8825` 需要短接 `RST` 和 `SLP` 才能正常工作
         :::
-        <img src={require('./img/m8p_v2_0_step-dir.png').default} width="100%"/>
+        <ImageView src={require('./img/m8p_v2_0_step-dir.png').default} width="100%"/>
     </TabItem>
 </Tabs>
 
@@ -65,16 +65,16 @@ Manta M8P v2 原理图 [BIGTREETECH MANTA M8P V2.0-SCH.pdf](https://github.com/b
 
 <Tabs groupId="m8p-v2-driver-power">
     <TabItem value="m8p-power-24" label="使用 24V 电源" default>
-        <img src={require('./img/M8P_driver_24.png').default} width="100%"/>
+        <ImageView src={require('./img/M8P_driver_24.png').default} width="100%"/>
     </TabItem>
     <TabItem value="m8p-power-48" label="使用 48V 电源">
-        <img src={require('./img/M8P_driver_48.png').default} width="100%"/>
+        <ImageView src={require('./img/M8P_driver_48.png').default} width="100%"/>
     </TabItem>
 </Tabs>
 
 ### TMC Sensorless
 
-<img src={require('./img/m8p_v2_0_tmc_sensorless.png').default} width="100%"/>
+<ImageView src={require('./img/m8p_v2_0_tmc_sensorless.png').default} width="100%"/>
 
 ## 核心板
 
@@ -82,10 +82,10 @@ Manta M8P v2 原理图 [BIGTREETECH MANTA M8P V2.0-SCH.pdf](https://github.com/b
 
 <Tabs groupId="m8p-v2-cm">
     <TabItem value="m8p-cm-rpi" label="使用树莓派 CM4/CM5" default>
-        <img src={require('./img/M8P-v2_cm_rpi.png').default} width="100%"/>
+        <ImageView src={require('./img/M8P-v2_cm_rpi.png').default} width="100%"/>
     </TabItem>
     <TabItem value="m8p-cm-cb" label="使用 CB1/CB2">
-        <img src={require('./img/M8P-v2_cm_cb.png').default} width="100%"/>
+        <ImageView src={require('./img/M8P-v2_cm_cb.png').default} width="100%"/>
     </TabItem>
 </Tabs>
 
@@ -93,7 +93,7 @@ Manta M8P v2 原理图 [BIGTREETECH MANTA M8P V2.0-SCH.pdf](https://github.com/b
 
 M8P主板上电之后，板子左下角的灯会亮起，表示供电正常。板子中部的VUSB是电源选择端，仅当使用USB给主板供电或需通过USB向外供电时，才需要使用跳帽将它短接。
 
-<img src={require('./img/m8p_v2_0_usb.png').default} width="50%"/>
+<ImageView src={require('./img/m8p_v2_0_usb.png').default} width="50%"/>
 
 ### DSI / CSI连接
 
@@ -103,7 +103,7 @@ DSI / CSI 需要核心板硬件支持
 
 :::
 
-<img src={require('./img/m8p_v2_0_dsi.png').default} width="100%"/>
+<ImageView src={require('./img/m8p_v2_0_dsi.png').default} width="100%"/>
 
 ## 风扇
 
@@ -117,11 +117,11 @@ DSI / CSI 需要核心板硬件支持
 
 :::
 
-<img src={require('./img/m8p_v2_0_cnc.png').default} width="100%"/>
+<ImageView src={require('./img/m8p_v2_0_cnc.png').default} width="100%"/>
 
 ### 4Pin PWM 风扇接线
 
-<img src={require('./img/m8p_v2_0_4pin_fan.png').default} width="60%"/>
+<ImageView src={require('./img/m8p_v2_0_4pin_fan.png').default} width="60%"/>
 
 ## 传感器
 
@@ -135,36 +135,36 @@ DSI / CSI 需要核心板硬件支持
 
 这样读取的温度精度将远不如MAX31865读取的精度
 
-<img src={require('./img/m8p_v2_0_100k.png').default} width="20%"/>
+<ImageView src={require('./img/m8p_v2_0_100k.png').default} width="20%"/>
 
 :::
 
 ### BLTouch
 
-<img src={require('./img/m8p_v2_0_bltouch.png').default} width="100%"/>
+<ImageView src={require('./img/m8p_v2_0_bltouch.png').default} width="100%"/>
 
 ### 接近开关接线
 
 <Tabs groupId="m8p-v2-proximity">
     <TabItem value="m8p-v2-proximity-npn" label="NPN 接近开关" default>
-        <img src={require('./img/m8p_v2_0_proximity1.png').default} width="80%"/>
+        <ImageView src={require('./img/m8p_v2_0_proximity1.png').default} width="80%"/>
     </TabItem>
     <TabItem value="m8p-v2-proximity-pnp" label="PNP 接近开关">
-        <img src={require('./img/m8p_v2_0_proximity.png').default} width="80%"/>
+        <ImageView src={require('./img/m8p_v2_0_proximity.png').default} width="80%"/>
     </TabItem>
 </Tabs>
 
 ### I2C接线 (温湿度传感器)
 
-<img src={require('./img/m8p_v2_0_i2c.png').default} width="80%"/>
+<ImageView src={require('./img/m8p_v2_0_i2c.png').default} width="80%"/>
 
 ## 其他硬件
 
 ### Neopixel 
 
-<img src={require('./img/m8p_v2_0_rgb.png').default} width="80%"/>
+<ImageView src={require('./img/m8p_v2_0_rgb.png').default} width="80%"/>
 
 ### 舵机接线
 
-<img src={require('./img/m8p_v2_0_servo.png').default} width="80%"/>
+<ImageView src={require('./img/m8p_v2_0_servo.png').default} width="80%"/>
 
diff --git a/docs/board-docs/manta-series/manta-m8p-v2/manta-m8p-v2.md b/docs/board-docs/manta-series/manta-m8p-v2/manta-m8p-v2.md
index 175dda4..0773666 100644
--- a/docs/board-docs/manta-series/manta-m8p-v2/manta-m8p-v2.md
+++ b/docs/board-docs/manta-series/manta-m8p-v2/manta-m8p-v2.md
@@ -15,7 +15,7 @@ import DocCardList from '@theme/DocCardList';
 
 <div class="div-table">
 
-<img 
+<ImageView 
     src={require('./img/m8p-v2-main.png').default} 
     width="45%" class="right-image"
 />
diff --git a/docs/board-docs/mmb-series/mmb-2/mmb-2-hardware.md b/docs/board-docs/mmb-series/mmb-2/mmb-2-hardware.md
index f5da41c..a7301a5 100644
--- a/docs/board-docs/mmb-series/mmb-2/mmb-2-hardware.md
+++ b/docs/board-docs/mmb-series/mmb-2/mmb-2-hardware.md
@@ -22,14 +22,14 @@ MMB CAN V2.0 模型 [bigtreetech/MMB/3D/BIGTREETECH MMB CAN V2.0-3D.step](https:
 
 ## 外观尺寸
 
-<img
+<ImageView
     src={require('./img/mmb_can_v2_0_dimensions.png').default}
     alt="mmb can v2" width="80%"
 />
 
 ## 引脚说明
 
-<img
+<ImageView
     src={require('./img/mmb_can_v2_0_pin.png').default}
     alt="mmb can v2" width="80%"
 />
@@ -40,42 +40,42 @@ MMB CAN V2.0 模型 [bigtreetech/MMB/3D/BIGTREETECH MMB CAN V2.0-3D.step](https:
 
 主板上电之后， 电源灯会亮起，表示供电正常。板上标识VUSB是电源选择端，仅当使用USB给主板供电时，才需要使用跳帽将VUSB短接。
 
-<img
+<ImageView
     src={require('./img/mmb_can_v2_0_usb.png').default}
     alt="mmb can v2" width="80%"
 />
 
 ### 舵机接口
 
-<img
+<ImageView
     src={require('./img/mmb_can_v2_0_mot.png').default}
     alt="mmb can v2" width="80%"
 />
 
 ### Neopixel
 
-<img
+<ImageView
     src={require('./img/mmb_can_v2_0_rgb.png').default}
     alt="mmb can v2" width="80%"
 />
 
 ### 编码器接线 
 
-<img
+<ImageView
     src={require('./img/mmb_can_v2_0_sensor.png').default}
     alt="mmb can v2" width="80%"
 />
 
 ### IIC 接线
 
-<img
+<ImageView
     src={require('./img/mmb_can_v2_0_i2c.png').default}
     alt="mmb can v2" width="80%"
 />
 
 ### 限位开关
 
-<img
+<ImageView
     src={require('./img/mmb_can_v2_0_endstop.png').default}
     alt="mmb can v2" width="80%"
 />
diff --git a/docs/board-docs/octopus-series/max-ez/max-ez-hardware.md b/docs/board-docs/octopus-series/max-ez/max-ez-hardware.md
index bc6b91d..5d30e6a 100644
--- a/docs/board-docs/octopus-series/max-ez/max-ez-hardware.md
+++ b/docs/board-docs/octopus-series/max-ez/max-ez-hardware.md
@@ -15,14 +15,14 @@ import TabItem from '@theme/TabItem';
 
 ## 外观尺寸
 
-<img
+<ImageView
     src={require('./img/max-ez-size-v1.png').default}
     alt="max ez size" width="800"
 />
 
 ## Pinout
 
-<img
+<ImageView
     src={require('./img/max-ez-pinout-v1.png').default}
     alt="max ez pinout" width="800"
 />
@@ -33,7 +33,7 @@ import TabItem from '@theme/TabItem';
 
 Octopus Max EZ 上电后，MCU 左侧的红灯 `D32` 将亮起，表示电源已打开。仅使用 `USB` 为电路板供电或通过 `USB` 供电时，请将跳线帽插入 `VUSB。`
 
-<img
+<ImageView
     src={require('./img/Octopus_MAX_EZ_Hardware1.png').default}
     alt="max ez vusb" width="70%"
 />
@@ -44,7 +44,7 @@ Octopus Max EZ 上电后，MCU 左侧的红灯 `D32` 将亮起，表示电源已
 
 ### TMC 驱动 DIAG PIN (Sensorless Homing)
 
-<img
+<ImageView
     src={require('./img/Octopus_MAX_EZ_Hardware2.png').default}
     alt="max ez tmc" width="70%"
 />
@@ -54,14 +54,14 @@ Octopus Max EZ 上电后，MCU 左侧的红灯 `D32` 将亮起，表示电源已
 <Tabs groupId="maxez-v">
     <TabItem value="VBB" label="Max EZ VBB" default>
         当使用 `VBB` 进行供电的时候。来源为主板 `Power` 输入。最高电压为 `24V`。
-        <img
+        <ImageView
             src={require('./img/max-ez-driver-vbb.png').default}
             alt="max ez vbb" width="70%"
         />
     </TabItem>
     <TabItem value="high-oltage" label="Max EZ High Voltage">
         当使用 `High Voltage` 进行供电的时候。来源为主板 `Motor Power` 输入。最高电压为 `56V`。需要注意驱动最大电压范围。
-        <img
+        <ImageView
             src={require('./img/max-ez-driver-hv.png').default}
             alt="max ez high voltage" width="70%"
         />
@@ -76,7 +76,7 @@ Octopus Max EZ 上电后，MCU 左侧的红灯 `D32` 将亮起，表示电源已
 
 通过跳帽来设置输出电压为 `5V` `12V` 或是 `24V`。 (其中 `MFAN` 与 `FAN6` 共用电源 `VFAN6`).
 
-<img
+<ImageView
     src={require('./img/Octopus_MAX_EZ_Hardware5.png').default}
     alt="max ez fan" width="70%"
 />
@@ -89,42 +89,42 @@ Octopus Max EZ 上电后，MCU 左侧的红灯 `D32` 将亮起，表示电源已
 这种连接 PT1000 的方法读取温度的精度远低于 `MAX31865`
 :::
 
-<img
+<ImageView
     src={require('./img/Octopus_MAX_EZ_Hardware6.png').default}
     alt="max ez ntc" width="70%"
 />
 
 ### BLTouch 接线
 
-<img
+<ImageView
     src={require('./img/Octopus_MAX_EZ_Hardware7.png').default}
     alt="max ez bltouch" width="70%"
 />
 
 ### 自动断电模块 (v1.2) 接线
 
-<img
+<ImageView
     src={require('./img/Octopus_MAX_EZ_Hardware8.png').default}
     alt="max ez auto power" width="70%"
 />
 
 ### MINI12864 / TFT 屏幕
 
-<img
+<ImageView
     src={require('./img/Octopus_MAX_EZ_Hardware9.png').default}
     alt="max ez screen" width="70%"
 />
 
 ### Neopixel
 
-<img
+<ImageView
     src={require('./img/Octopus_MAX_EZ_Hardware10.png').default}
     alt="max ez Neopixel" width="70%"
 />
 
 ### 耗材传感器
 
-<img
+<ImageView
     src={require('./img/Octopus_MAX_EZ_Hardware11.png').default}
     alt="max ez Filament sensor" width="70%"
 />
@@ -133,13 +133,13 @@ Octopus Max EZ 上电后，MCU 左侧的红灯 `D32` 将亮起，表示电源已
 
 <Tabs groupId="maxez-pro-switch">
     <TabItem value="VBB" label="常开 NPN 接近开关" default>
-        <img
+        <ImageView
             src={require('./img/Octopus_MAX_EZ_Hardware12.png').default}
             alt="max ez npn" width="70%"
         />
     </TabItem>
     <TabItem value="high-oltage" label="常闭 PNP 接近开关">
-        <img
+        <ImageView
             src={require('./img/Octopus_MAX_EZ_Hardware13.png').default}
             alt="max ez pnp" width="70%"
         />
@@ -150,7 +150,7 @@ Octopus Max EZ 上电后，MCU 左侧的红灯 `D32` 将亮起，表示电源已
 
 下面是使用 12V电压的接线方法
 
-<img
+<ImageView
     src={require('./img/Octopus_MAX_EZ_Hardware14.png').default}
     alt="max ez pnp" width="70%"
 />
diff --git a/docs/board-docs/octopus-series/max-ez/max-ez.md b/docs/board-docs/octopus-series/max-ez/max-ez.md
index 936815b..9511559 100644
--- a/docs/board-docs/octopus-series/max-ez/max-ez.md
+++ b/docs/board-docs/octopus-series/max-ez/max-ez.md
@@ -17,7 +17,7 @@ import DocCardList from '@theme/DocCardList';
 
 <div class="div-table">
 
-<img 
+<ImageView 
     src={require('./img/maxez-main.png').default} 
     width="45%" class="right-image"
 />
diff --git a/docs/board-docs/octopus-series/octopus-firmware-f446.md b/docs/board-docs/octopus-series/octopus-firmware-f446.md
index 96cacfc..26d6fd8 100644
--- a/docs/board-docs/octopus-series/octopus-firmware-f446.md
+++ b/docs/board-docs/octopus-series/octopus-firmware-f446.md
@@ -25,14 +25,14 @@ make menuconfig
 <Tabs groupId="octopus-make-connect">
     <TabItem value="bridge" label="CAN 桥接固件" default>
         按照以下选项构建使用 `STM32F446` 为 `MCU` 的 `Octopus` CAN 桥接固件
-        <img
+        <ImageView
             src={require('./img/octopus-f446-make-bridge.png').default}
             alt="octopus with h723 bridge"
         />
     </TabItem>
     <TabItem value="usb" label="USB 串口固件">
         按照以下选项构建使用 `STM32F446` 为 `MCU` 的 `Octopus` USB 串口固件
-        <img
+        <ImageView
             src={require('./img/octopus-f446-make-usb.png').default}
             alt="octopus with h723 usb"
         />
diff --git a/docs/board-docs/octopus-series/octopus-firmware-h723.md b/docs/board-docs/octopus-series/octopus-firmware-h723.md
index 87ad57e..05d2260 100644
--- a/docs/board-docs/octopus-series/octopus-firmware-h723.md
+++ b/docs/board-docs/octopus-series/octopus-firmware-h723.md
@@ -25,14 +25,14 @@ make menuconfig
 <Tabs groupId="octopus-make-connect">
     <TabItem value="bridge" label="CAN 桥接固件" default>
         按照以下选项构建使用 `STM32H723` 为 `MCU` 的 `Octopus` CAN 桥接固件
-        <img
+        <ImageView
             src={require('./img/octopus-h723-make-bridge.png').default}
             alt="octopus with h723 bridge"
         />
     </TabItem>
     <TabItem value="usb" label="USB 串口固件">
         按照以下选项构建使用 `STM32H723` 为 `MCU` 的 `Octopus` USB 串口固件
-        <img
+        <ImageView
             src={require('./img/octopus-h723-make-usb.png').default}
             alt="octopus with h723 usb"
         />
diff --git a/docs/board-docs/octopus-series/octopus-pro/octopus-pro-hardware.md b/docs/board-docs/octopus-series/octopus-pro/octopus-pro-hardware.md
index c00b734..53c7c75 100644
--- a/docs/board-docs/octopus-series/octopus-pro/octopus-pro-hardware.md
+++ b/docs/board-docs/octopus-series/octopus-pro/octopus-pro-hardware.md
@@ -41,13 +41,13 @@ import ThemedImage from '@theme/ThemedImage';
 
 如果您不连接此跳线，那么如果您想通过 `USB-C` 进行通信，则必须通过主输入电源为板供电。
 
-<img src={require('./img/octopus-pro-usb-power.png').default} width="80%"/>
+<ImageView src={require('./img/octopus-pro-usb-power.png').default} width="80%"/>
 
 ### 自动断电接线
 
 当使用 BIGTREETECH 继电器 V1.2 模块时，可以按照下图所示进行接线。
 
-<img src={require('./img/octopus-pro-relay.png').default} width="80%"/>
+<ImageView src={require('./img/octopus-pro-relay.png').default} width="80%"/>
 
 :::warning
 
@@ -59,11 +59,11 @@ import ThemedImage from '@theme/ThemedImage';
 
 使用BL Touch时，如下图所示将其连接到主板。
 
-<img src={require('./img/octopus-pro-bltouch.png').default} width="80%"/>
+<ImageView src={require('./img/octopus-pro-bltouch.png').default} width="80%"/>
 
 ### Neopixel
 
-<img src={require('./img/octopus-pro-neopix.png').default} width="80%"/>
+<ImageView src={require('./img/octopus-pro-neopix.png').default} width="80%"/>
 
 ### Raspberry Pi
 
@@ -77,26 +77,26 @@ Octopus Pro 支持连接到树莓派进行打印。有几种连接方式可用
 <Tabs groupId="octopus-stepper-driver">
     <TabItem value="tmc-uart" label="Uart 模式" default>
         使用 Uart 模式连接驱动
-        <img
+        <ImageView
             src={require('./img/octopus-pro-driver-uart.png').default}
             alt="" width="100%"
         />
     </TabItem>
     <TabItem value="tmc-spi" label="SPI 模式">
         使用 SPI 模式连接驱动
-        <img
+        <ImageView
             src={require('./img/octopus-pro-driver-spi.png').default}
             alt="" width="100%"
         />
     </TabItem>
     <TabItem value="step-dir" label="Step / dir 模式">
         使用不支持 Uart 或者 SPI 的驱动。
-        <img
+        <ImageView
             src={require('./img/octopus-pro-driver-step-dir.png').default}
             alt="" width="100%"
         />
         以下是跳线参考，不同的驱动会有不同的跳线配置
-        <img
+        <ImageView
             src={require('./img/octopus-pro-driver-step-dir-config.png').default}
             alt="" width="100%"
         />
@@ -114,14 +114,14 @@ Octopus Pro 支持连接到树莓派进行打印。有几种连接方式可用
 <Tabs groupId="octopus-driver-v">
     <TabItem value="VBB" label="Octopus Pro VBB" default>
         当使用 `VBB` 进行供电的时候。来源为主板 `Power` 输入。最高电压为 `24V`。
-        <img
+        <ImageView
             src={require('./img/octopus-pro-driver-vbb.png').default}
             alt="octo pro vbb" width="60%"
         />
     </TabItem>
     <TabItem value="high-oltage" label="Octopus Pro High Voltage">
         当使用 `High Voltage` 进行供电的时候。来源为主板 `Motor Power` 输入。最高电压为 `56V`。需要注意驱动最大电压范围。
-        <img
+        <ImageView
             src={require('./img/octopus-pro-driver-hv.png').default}
             alt="octo pro high voltage" width="60%"
         />
@@ -138,19 +138,19 @@ Octopus_Pro具有6个PWM风扇输出和两个“常开”风扇输出。还有
 
 <Tabs groupId="octopus-fan-v">
     <TabItem value="24v-fan" label="24V 风扇 / 接近开关" default>
-        <img
+        <ImageView
             src={require('./img/octopus-pro-fan-24.png').default}
             alt="octo pro fan 24" width="100%"
         />
     </TabItem>
     <TabItem value="12v-fan" label="12V 风扇 / 接近开关">
-        <img
+        <ImageView
             src={require('./img/octopus-pro-fan-12.png').default}
             alt="octo pro fan 12" width="100%"
         />
     </TabItem>
     <TabItem value="5v-fan" label=" 5V 风扇 / 接近开关">
-        <img
+        <ImageView
             src={require('./img/octopus-pro-fan-5.png').default}
             alt="octo pro fan 5" width="100%"
         />
@@ -163,13 +163,13 @@ Octopus_Pro具有6个PWM风扇输出和两个“常开”风扇输出。还有
 
 确切的diag编号可以通过查看引脚文件或板下的丝印来找到。
 
-<img src={require('./img/octopus-pro-driver-spi.png').default} width="80%"/>
+<ImageView src={require('./img/octopus-pro-driver-spi.png').default} width="80%"/>
 
 ### MAX 31865
 
 <div class="div-table">
 
-<img src={require('./img/octopus-pro-max-31865.png').default} width="50%" class="right-image"/>
+<ImageView src={require('./img/octopus-pro-max-31865.png').default} width="50%" class="right-image"/>
 
 MAX 31865 选择 PT100/PT1000 2线或4线配置
 
diff --git a/docs/board-docs/skr-series/skr-firmware-rp2040.md b/docs/board-docs/skr-series/skr-firmware-rp2040.md
index 955a2b9..3fb9311 100644
--- a/docs/board-docs/skr-series/skr-firmware-rp2040.md
+++ b/docs/board-docs/skr-series/skr-firmware-rp2040.md
@@ -17,7 +17,7 @@ make menuconfig
 
 然后按照以下选项构建使用 `RP2040` 为 `MCU` 的 `SKR` 固件
 
-<img
+<ImageView
     src={require('./img/skr-rp2040-make-usb.png').default}
     alt="skr rp2040 usb"
 />
diff --git a/docs/board-docs/skr-series/skr-pico/skr-pico-hardware.md b/docs/board-docs/skr-series/skr-pico/skr-pico-hardware.md
index 96ef22b..b774e4e 100644
--- a/docs/board-docs/skr-series/skr-pico/skr-pico-hardware.md
+++ b/docs/board-docs/skr-series/skr-pico/skr-pico-hardware.md
@@ -15,14 +15,14 @@ import TabItem from '@theme/TabItem';
 
 ## 外观尺寸
 
-<img
+<ImageView
     src={require('./img/skr-pico-size.png').default}
     alt="size" width="800"
 />
 
 ## Pinout
 
-<img
+<ImageView
     src={require('./img/skr-pico-pin.png').default}
     alt="pinout" width="800"
 />
@@ -37,21 +37,21 @@ import TabItem from '@theme/TabItem';
 
 :::
 
-<img
+<ImageView
     src={require('./img/SKR_Pico_Sensorless.png').default}
     alt="sensorless" width="550"
 />
 
 ### Neopixel
 
-<img
+<ImageView
     src={require('./img/SKR_Pico_RGB.png').default}
     alt="neopixel" width="550"
 />
 
 ### BLTouch 
 
-<img
+<ImageView
     src={require('./img/SKR_Pico_BLtouch.png').default}
     alt="bltouch" width="550"
 />
@@ -64,21 +64,21 @@ import TabItem from '@theme/TabItem';
 
 :::
 
-<img
+<ImageView
     src={require('./img/SKR_Pico_Proximity.png').default}
     alt="proximity" width="550"
 />
 
 ### USB 连接
 
-<img
+<ImageView
     src={require('./img/SKR_Pico_Rasp.png').default}
     alt="rpi_usb" width="550"
 />
 
 ### UART 连接
 
-<img
+<ImageView
     src={require('./img/SKR_Pico_Rasp3.png').default}
     alt="rpi_uart" width="550"
-/>
\ No newline at end of file
+/>
diff --git a/docs/board-docs/skr-series/skr-pico/skr-pico.md b/docs/board-docs/skr-series/skr-pico/skr-pico.md
index 4156587..5639417 100644
--- a/docs/board-docs/skr-series/skr-pico/skr-pico.md
+++ b/docs/board-docs/skr-series/skr-pico/skr-pico.md
@@ -15,7 +15,7 @@ import DocCardList from '@theme/DocCardList';
 
 <div class="div-table">
 
-<img 
+<ImageView 
     src={require('./img/skr-pico-main.png').default} 
     width="45%" class="right-image"
 />
diff --git a/docs/panda-series/extruder/panda-claw-a1mini/panda-claw-a1mini.md b/docs/panda-series/extruder/panda-claw-a1mini/panda-claw-a1mini.md
index ca64f1e..b36ca29 100644
--- a/docs/panda-series/extruder/panda-claw-a1mini/panda-claw-a1mini.md
+++ b/docs/panda-series/extruder/panda-claw-a1mini/panda-claw-a1mini.md
@@ -6,7 +6,7 @@ sidebar_position: 1
 
 <div class="div-table">
 
-<img src={require('./img/Panda_Claw_A1mini_Title.webp').default} width="40%" class="right-image"/>
+<ImageView src={require('./img/Panda_Claw_A1mini_Title.webp').default} width="40%" class="right-image"/>
 
 ## **产品简介**
 
@@ -39,25 +39,25 @@ BIQU Panda Claw 是一种专为 X1、P1和A1系列打印机设计的挤出机齿
 
 （如果挤出机处于咬合料线的状态，请使用切刀手动切断料线）从侧面用力按压工具头前盖，解锁并移除前盖。用手扣热端硅胶套侧面的凸起，取下热端硅胶套。
 
-<img src={require('./img/Panda_Claw_A1mini_Guide.webp').default} width="80%"/>
+<ImageView src={require('./img/Panda_Claw_A1mini_Guide.webp').default} width="80%"/>
 
 卸下旋转轮。使用H1.5内六角扳手移除两颗螺丝，取下料线压块。
 
-<img src={require('./img/Panda_Claw_A1mini_Guide1.webp').default} width="80%"/>
+<ImageView src={require('./img/Panda_Claw_A1mini_Guide1.webp').default} width="80%"/>
 
 解锁热端锁扣，手握散热片，取出热端。
 
-<img src={require('./img/Panda_Claw_A1mini_Guide2.webp').default} width="80%"/>
+<ImageView src={require('./img/Panda_Claw_A1mini_Guide2.webp').default} width="80%"/>
 
 2.拧松切刀
 
 使用H2.0内六角扳手移除螺丝，松开切刀刀柄。
 
-<img src={require('./img/Panda_Claw_A1mini_Guide3.webp').default} width="80%"/>
+<ImageView src={require('./img/Panda_Claw_A1mini_Guide3.webp').default} width="80%"/>
 
 用镊子和气吹从图示位置清理断料和残渣（断电时可手动顺时针转动黄色齿轮清理，或者，上电时点击屏幕退料按钮，让挤出轮旋转到指定角度清理）。 
 
-<img src={require('./img/Panda_Claw_A1mini_Guide4.webp').default} width="80%"/>
+<ImageView src={require('./img/Panda_Claw_A1mini_Guide4.webp').default} width="80%"/>
 
 3.移出原挤出机齿轮组件
 
@@ -65,25 +65,25 @@ BIQU Panda Claw 是一种专为 X1、P1和A1系列打印机设计的挤出机齿
 
   注意不要损坏黑色FPC线缆，取出五通后放置于工具头上方，如图所示。
 
-<img src={require('./img/Panda_Claw_A1mini_Guide5.webp').default} width="80%"/>
+<ImageView src={require('./img/Panda_Claw_A1mini_Guide5.webp').default} width="80%"/>
 
 2)移除挤出机前盖：使用H2.0内六角扳手移除前盖上的四颗螺丝。
 
-<img src={require('./img/Panda_Claw_A1mini_Guide6.webp').default} width="80%"/>
+<ImageView src={require('./img/Panda_Claw_A1mini_Guide6.webp').default} width="80%"/>
 
 取下前盖时，先稍微拧松侧边螺丝（只需要拧松一些即可），然后按住从动轮支架顶部，用力移除前盖。
 
-<img src={require('./img/Panda_Claw_A1mini_Guide7.webp').default} width="80%"/>
+<ImageView src={require('./img/Panda_Claw_A1mini_Guide7.webp').default} width="80%"/>
 
 3）移除从动轮支架：使用H2.0内六角扳手移除侧面螺丝。
 
 取出支架时，内部弹簧和端盖容易掉落，请用镊子小心取出，避免丢失。
 
-<img src={require('./img/Panda_Claw_A1mini_Guide8.webp').default} width="80%"/>
+<ImageView src={require('./img/Panda_Claw_A1mini_Guide8.webp').default} width="80%"/>
 
 4）移除挤出齿轮：直接取出挤出机齿轮组件。
 
-<img src={require('./img/Panda_Claw_A1mini_Guide9.webp').default} width="80%"/>
+<ImageView src={require('./img/Panda_Claw_A1mini_Guide9.webp').default} width="80%"/>
 
 现在您已经移除了原装的挤出齿轮，我们可以开始安装Panda Claw了。
 
@@ -95,7 +95,7 @@ BIQU Panda Claw 是一种专为 X1、P1和A1系列打印机设计的挤出机齿
 
 <font  color="red">**注意：请务必避免润滑油接触到挤出齿轮的齿（如下图中蓝色高亮部分所示）。如润滑油已沾上，简单擦拭无法去除。必须使用肥皂彻底清洗齿轮，以去除油脂，之后再重新涂抹润滑油。**</font>
 
-<img src={require('./img/Panda_Claw_A1mini_Guide20.webp').default} width="80%"/>
+<ImageView src={require('./img/Panda_Claw_A1mini_Guide20.webp').default} width="80%"/>
 
 2.安装从动轮支架
 
@@ -105,42 +105,42 @@ BIQU Panda Claw 是一种专为 X1、P1和A1系列打印机设计的挤出机齿
 
 确保弹簧和端盖正确安装，否则挤出机将无法正常咬合耗材，导致打印失败。
 
-<img src={require('./img/Panda_Claw_A1mini_Guide11.webp').default} width="80%"/>
+<ImageView src={require('./img/Panda_Claw_A1mini_Guide11.webp').default} width="80%"/>
 
-<img src={require('./img/Panda_Claw_A1mini_Guide12.webp').default} width="80%"/>
+<ImageView src={require('./img/Panda_Claw_A1mini_Guide12.webp').default} width="80%"/>
 
-<img src={require('./img/Panda_Claw_A1mini_Guide13.webp').default} width="80%"/>
+<ImageView src={require('./img/Panda_Claw_A1mini_Guide13.webp').default} width="80%"/>
 
 3.安装挤出机前盖
 
 拧入挤出机前盖的四颗螺丝。
 
-<img src={require('./img/Panda_Claw_A1mini_Guide14.webp').default} width="80%"/>
+<ImageView src={require('./img/Panda_Claw_A1mini_Guide14.webp').default} width="80%"/>
 
 4.将挤出机侧面的螺丝拧紧
 
-<img src={require('./img/Panda_Claw_A1mini_Guide15.webp').default} width="80%"/>
+<ImageView src={require('./img/Panda_Claw_A1mini_Guide15.webp').default} width="80%"/>
 
 5.安装五通
 
 安装五通组件时，确保黑色FPC线缆不被折叠，顺利放入空缺位置。然后拧入两颗螺丝，固定五通。
 
-<img src={require('./img/Panda_Claw_A1mini_Guide16.webp').default} width="80%"/>
+<ImageView src={require('./img/Panda_Claw_A1mini_Guide16.webp').default} width="80%"/>
 
 6.安装切刀
 
 抬起刀柄，沿刀槽将切刀滑入到位，拧紧螺丝固定刀柄。
 
-<img src={require('./img/Panda_Claw_A1mini_Guide17.webp').default} width="80%"/>
+<ImageView src={require('./img/Panda_Claw_A1mini_Guide17.webp').default} width="80%"/>
 
 7.安装喷嘴组件
 
 握住喷嘴散热片，对齐安装位置，安装喷嘴并锁定，装上热端硅胶套。拧紧两颗螺丝固定料线压块。
 
-<img src={require('./img/Panda_Claw_A1mini_Guide18.webp').default} width="80%"/>
+<ImageView src={require('./img/Panda_Claw_A1mini_Guide18.webp').default} width="80%"/>
 
 最后，安装旋转轮及工具头前盖。
 
-<img src={require('./img/Panda_Claw_A1mini_Guide19.webp').default} width="80%"/>
+<ImageView src={require('./img/Panda_Claw_A1mini_Guide19.webp').default} width="80%"/>
 
 恭喜您！Panda Claw已经安装完成。享受更高的打印性能与精度吧！
diff --git a/docs/panda-series/extruder/panda-claw-px/panda-claw-px.md b/docs/panda-series/extruder/panda-claw-px/panda-claw-px.md
index 0ad77a2..43f0abc 100644
--- a/docs/panda-series/extruder/panda-claw-px/panda-claw-px.md
+++ b/docs/panda-series/extruder/panda-claw-px/panda-claw-px.md
@@ -2,7 +2,7 @@
 
 <div class="div-table">
 
-<img src={require('./img/Panda_Claw_P1_X1_Title.webp').default} width="40%" class="right-image"/>
+<ImageView src={require('./img/Panda_Claw_P1_X1_Title.webp').default} width="40%" class="right-image"/>
 
 ## **产品简介**
 
@@ -35,37 +35,37 @@ BIQU Panda Claw 是一种专为 X1、P1和A1系列打印机设计的挤出机齿
 
 注意：断开挤出机霍尔开关板组件的排线端子时（图中编号为1的排线端子），务必小心、轻柔地操作，避免损坏排线。
 
-<img src={require('./img/Panda_Claw_P1_X1_Guide.webp').default} width="80%"/>
+<ImageView src={require('./img/Panda_Claw_P1_X1_Guide.webp').default} width="80%"/>
 
 接下来，按住切刀刀柄，同时松开固定刀柄的螺丝。螺丝松开后，缓慢松开切刀刀柄，让刀柄自然下垂。
 
 注意：在拆卸螺丝时，请确保螺丝刀垂直插入螺丝头，确认刀头完全插入后，再轻轻转动螺丝刀拧松螺丝，避免因操作不当导致螺丝头滑牙。
 
-<img src={require('./img/Panda_Claw_P1_X1_Guide1.webp').default} width="80%"/>
+<ImageView src={require('./img/Panda_Claw_P1_X1_Guide1.webp').default} width="80%"/>
 
 松开切刀刀柄后，卸下固定挤出机的3颗螺丝（编号为1,2,3），再轻轻拧松编号4和5的螺丝，松开PTFE管底座。然后，通过向下按压PTFE管底座压，确保气动接头完全压下后，拔出PTFE管。
 
-<img src={require('./img/Panda_Claw_P1_X1_Guide2.webp').default} width="80%"/>
+<ImageView src={require('./img/Panda_Claw_P1_X1_Guide2.webp').default} width="80%"/>
 
 此时，您可以从打印头上移除挤出机组件。
 
-<img src={require('./img/Panda_Claw_P1_X1_Guide3.webp').default} width="80%"/>
+<ImageView src={require('./img/Panda_Claw_P1_X1_Guide3.webp').default} width="80%"/>
 
 ### 步骤 2: 拆卸挤出机
 
 取下挤出机后，接着需要拆卸挤出机上的固定螺丝。拧下图中编号1到4的四颗螺丝。
 
-<img src={require('./img/Panda_Claw_P1_X1_Guide4.webp').default} width="80%"/>
+<ImageView src={require('./img/Panda_Claw_P1_X1_Guide4.webp').default} width="80%"/>
 
 编号5螺丝用于张紧挤出机齿轮。拧松该螺丝以释放弹簧的张力，然后轻轻向上拔出黄色齿轮，另一侧的从动齿轮也采用相同方法取出。
 
-<img src={require('./img/Panda_Claw_P1_X1_Guide5.webp').default} width="80%"/>
+<ImageView src={require('./img/Panda_Claw_P1_X1_Guide5.webp').default} width="80%"/>
 
 ### 步骤 3: 清洁
 
 前挤出机内部积有大量灰尘，如图所示。在更换Panda Claw并重新组装挤出机之前，请务必清洁干净所有灰尘。建议使用软毛刷和气吹对内部进行清洁。
 
-<img src={require('./img/Panda_Claw_P1_X1_Guide6.webp').default} width="80%"/>
+<ImageView src={require('./img/Panda_Claw_P1_X1_Guide6.webp').default} width="80%"/>
 
 ### 步骤 4: 润滑Panda Claw
 
@@ -77,38 +77,38 @@ BIQU Panda Claw 是一种专为 X1、P1和A1系列打印机设计的挤出机齿
 
 ::: 
 
-<img src={require('./img/Panda_Claw_P1_X1_Guide15.webp').default} width="80%"/>
+<ImageView src={require('./img/Panda_Claw_P1_X1_Guide15.webp').default} width="80%"/>
 
 您还可以在挤出机齿轮上涂抹一点润滑脂或润滑油，润滑脂的效果更持久。确保均匀涂抹，且在安装齿轮前擦去多余部分。
 
-<img src={require('./img/Panda_Claw_P1_X1_Guide16.webp').default} width="80%"/>
+<ImageView src={require('./img/Panda_Claw_P1_X1_Guide16.webp').default} width="80%"/>
 
 最后，将Panda Claw安装到挤出机主体上，并在齿轮轴周围涂抹少量润滑剂，如下图所示。
 
-<img src={require('./img/Panda_Claw_P1_X1_Guide17.webp').default} width="80%"/>
+<ImageView src={require('./img/Panda_Claw_P1_X1_Guide17.webp').default} width="80%"/>
 
 涂好润滑剂后，安装挤出机后盖，并手动转动镂空齿轮数次，确保润滑剂均匀分布并检查齿轮转动是否顺畅。
 
 拧紧四颗固定螺丝以及挤出机张紧螺丝，在拧紧张紧螺丝时请确保弹簧和顶帽正确安装，如下图。
 
-<img src={require('./img/Panda_Claw_P1_X1_Guide10.webp').default} width="80%"/>
+<ImageView src={require('./img/Panda_Claw_P1_X1_Guide10.webp').default} width="80%"/>
 
 ### 步骤 5: 安装挤出机
 
 现在，您可以将挤出机重新安装回打印头。首先锁紧编号1、2、3螺丝固定挤出机，插入PTFE管，抬起底座并拧紧编号4、5的螺丝，固定PTFE管底座。
 
-<img src={require('./img/Panda_Claw_P1_X1_Guide11.webp').default} width="80%"/>
+<ImageView src={require('./img/Panda_Claw_P1_X1_Guide11.webp').default} width="80%"/>
 
 接下来，依照下图复位切刀刀柄并轻轻拧紧刀柄上的固定螺丝。
 
-<img src={require('./img/Panda_Claw_P1_X1_Guide12.webp').default} width="80%"/>
+<ImageView src={require('./img/Panda_Claw_P1_X1_Guide12.webp').default} width="80%"/>
 
 最后，将所有挤出机和热端的线缆重新连接到板子上。在此步骤中，请特别小心，确保所有端子正确对齐后插入。部分端子可以在错误的状态下被按下，这会导致设备出现报错。
 
-<img src={require('./img/Panda_Claw_P1_X1_Guide13.webp').default} width="80%"/>
+<ImageView src={require('./img/Panda_Claw_P1_X1_Guide13.webp').default} width="80%"/>
 
 ### 步骤 6: 设备校准
 
 启动打印机，完成一次手动上料和退料操作。如果没有异常或报错，表明挤出机已正确安装。
 
-<img src={require('./img/Panda_Claw_P1_X1_Guide14.webp').default} width="80%"/>
+<ImageView src={require('./img/Panda_Claw_P1_X1_Guide14.webp').default} width="80%"/>
diff --git a/docs/panda-series/extruder/panda-extruder/panda-extruder.md b/docs/panda-series/extruder/panda-extruder/panda-extruder.md
index a743bb9..8d47de2 100644
--- a/docs/panda-series/extruder/panda-extruder/panda-extruder.md
+++ b/docs/panda-series/extruder/panda-extruder/panda-extruder.md
@@ -2,7 +2,7 @@
 
 <div class="div-table">
 
-<img src={require('./img/panda_extruder_title.webp').default} width="50%" class="right-image"/>
+<ImageView src={require('./img/panda_extruder_title.webp').default} width="50%" class="right-image"/>
 
 ## **产品简介**
 
@@ -22,7 +22,7 @@ BIQU Panda Extruder是一款专为P1P、P1S、X1C和X1E打印机设计的耐用
 
 ## **包装清单**
 
-<img src={require('./img/panda_extruder_packaging.webp').default} width="80%"/>
+<ImageView src={require('./img/panda_extruder_packaging.webp').default} width="80%"/>
 
 ## **安装指南**
 
@@ -34,23 +34,23 @@ BIQU Panda Extruder是一款专为P1P、P1S、X1C和X1E打印机设计的耐用
 
 2.按照图示移除工具头前盖
 
-<img src={require('./img/panda_extruder_step1.webp').default} width="80%"/>
+<ImageView src={require('./img/panda_extruder_step1.webp').default} width="80%"/>
 
 3.将插头拔出（如红圈所示）
 
-<img src={require('./img/panda_extruder_step2.webp').default} width="80%"/>
+<ImageView src={require('./img/panda_extruder_step2.webp').default} width="80%"/>
 
 4.使用H1.5内六角扳手松开箭头所指的螺丝
 
-<img src={require('./img/panda_extruder_step3.webp').default} width="80%"/>
+<ImageView src={require('./img/panda_extruder_step3.webp').default} width="80%"/>
 
 5.使用H2.0内六角扳手将箭头所指的3枚M3螺丝依次拆下，然后按下铁氟龙管接头，将PTFE管拔出
 
-<img src={require('./img/panda_extruder_step4.webp').default} width="80%"/>
+<ImageView src={require('./img/panda_extruder_step4.webp').default} width="80%"/>
 
 到此原装挤出机已成功拆下。
 
-<img src={require('./img/panda_extruder_step5.webp').default} width="80%"/>
+<ImageView src={require('./img/panda_extruder_step5.webp').default} width="80%"/>
 
 ### 步骤2：拆卸原装挤出机
 
@@ -58,68 +58,68 @@ BIQU Panda Extruder是一款专为P1P、P1S、X1C和X1E打印机设计的耐用
 
 1.先拆卸热端。使用H2.0内六角扳手移除下图红色标示的两颗螺丝。
 
-<img src={require('./img/panda_extruder_step6.webp').default} width="80%"/>
+<ImageView src={require('./img/panda_extruder_step6.webp').default} width="80%"/>
 
 2.接着，使用H1.5内六角扳手拆开耗材检测器。
 
-<img src={require('./img/panda_extruder_step7.webp').default} width="80%"/>
+<ImageView src={require('./img/panda_extruder_step7.webp').default} width="80%"/>
 
 3.翻至另一面，用H2.0内六角扳手移除图示的五颗螺丝，将内部零件拆开（得到齿轮支架、弹簧、弹簧座、挤出齿轮）。
 
-<img src={require('./img/panda_extruder_step8.webp').default} width="80%"/>
+<ImageView src={require('./img/panda_extruder_step8.webp').default} width="80%"/>
 
-<img src={require('./img/panda_extruder_step9.webp').default} width="80%"/>
+<ImageView src={require('./img/panda_extruder_step9.webp').default} width="80%"/>
 
 ### 步骤3：组装Panda Extruder
 
 1.拆下图中圈出的两颗螺丝，开始组装Panda Extruder。
 
-<img src={require('./img/panda_extruder_step10.webp').default} width="80%"/>
+<ImageView src={require('./img/panda_extruder_step10.webp').default} width="80%"/>
 
 2.将随附的两颗693ZZ轴承安装到指定位置。
 
-<img src={require('./img/panda_extruder_step11.webp').default} width="80%"/>
+<ImageView src={require('./img/panda_extruder_step11.webp').default} width="80%"/>
 
 3.先安装齿轮支架，在安装挤出机齿轮。
 
-<img src={require('./img/panda_extruder_step13.webp').default} width="80%"/>
+<ImageView src={require('./img/panda_extruder_step13.webp').default} width="80%"/>
 
 4.安装弹簧和弹簧座，并用螺丝锁上。
 
-<img src={require('./img/panda_extruder_step14.webp').default} width="80%"/>
+<ImageView src={require('./img/panda_extruder_step14.webp').default} width="80%"/>
 
 5.将压盖组合，并锁上4枚M3螺丝。
 
-<img src={require('./img/panda_extruder_step15.webp').default} width="80%"/>
+<ImageView src={require('./img/panda_extruder_step15.webp').default} width="80%"/>
 
 6.将耗材检测器对齐安装，并锁上螺丝。
 
-<img src={require('./img/panda_extruder_step16.webp').default} width="80%"/>
+<ImageView src={require('./img/panda_extruder_step16.webp').default} width="80%"/>
 
 7.重新安装热端并拧紧螺丝。
 
-<img src={require('./img/panda_extruder_step17.webp').default} width="80%"/>
+<ImageView src={require('./img/panda_extruder_step17.webp').default} width="80%"/>
 
 ### 步骤4：将Panda Extruder 安装到工具头上
 
 1.按图示安装Panda Extruder, 使用H2.0内六角扳手依次将3枚螺丝锁上。
 
-<img src={require('./img/panda_extruder_step18.webp').default} width="80%"/>
+<ImageView src={require('./img/panda_extruder_step18.webp').default} width="80%"/>
 
 2.将切刀对齐刀口插入，并向里面推的同时，用H1.5内六角扳手锁紧。
 
-<img src={require('./img/panda_extruder_step19.webp').default} width="80%"/>
+<ImageView src={require('./img/panda_extruder_step19.webp').default} width="80%"/>
 
 3.将三个插头插入对应插座。
 
-<img src={require('./img/panda_extruder_step20.webp').default} width="80%"/>
+<ImageView src={require('./img/panda_extruder_step20.webp').default} width="80%"/>
 
 4.插入PTFE管。
 
-<img src={require('./img/panda_extruder_step21.webp').default} width="80%"/>
+<ImageView src={require('./img/panda_extruder_step21.webp').default} width="80%"/>
 
 5.连接风扇插头并重新安装前盖
 
-<img src={require('./img/panda_extruder_step22.webp').default} width="80%"/>
+<ImageView src={require('./img/panda_extruder_step22.webp').default} width="80%"/>
 
 **恭喜您！您已成功升级到Panda Extruder。尽情享受更高的打印性能与精度吧！**
diff --git a/docs/panda-series/hotend/panda-revo/panda-revo-p1.md b/docs/panda-series/hotend/panda-revo/panda-revo-p1.md
index b1469f6..6b0bd39 100644
--- a/docs/panda-series/hotend/panda-revo/panda-revo-p1.md
+++ b/docs/panda-series/hotend/panda-revo/panda-revo-p1.md
@@ -2,7 +2,7 @@
 
 <div class="div-table">
 
-<img src={require('./img/Panda_Revo_P1_Hotend/Panda_Revo_P1_Hotend_Title.webp').default} width="40%" class="right-image"/>
+<ImageView src={require('./img/Panda_Revo_P1_Hotend/Panda_Revo_P1_Hotend_Title.webp').default} width="40%" class="right-image"/>
 
 ## **产品简介**
 
@@ -69,7 +69,7 @@ https://github.com/bigtreetech/Panda_Revo/tree/master/3D
 
 （不包括冷却风扇）用于P1系列打印机。
 
-<img src={require('./img/Panda_Revo_P1_Hotend/Panda_Revo_P1_Hotend_In1.webp').default} width="80%"/>
+<ImageView src={require('./img/Panda_Revo_P1_Hotend/Panda_Revo_P1_Hotend_In1.webp').default} width="80%"/>
 
 该图像显示P1系列打印机的“完整热端部件”，不包括冷却风扇以供后续部件参考。
 
@@ -95,37 +95,37 @@ https://github.com/bigtreetech/Panda_Revo/tree/master/3D
 
 断开风扇连接器，完全拆下前壳体总成。
 
-<img src={require('./img/Panda_Revo_P1_Hotend/Panda_Revo_P1_Hotend_In2.webp').default} width="80%"/>
+<ImageView src={require('./img/Panda_Revo_P1_Hotend/Panda_Revo_P1_Hotend_In2.webp').default} width="80%"/>
 
 **步骤2-断开电缆**
 
 断开hotend风扇和加热器连接器与板的连接，然后将电线从下图所示的夹子中滑出（用红色箭头指示），将其拆下。
 
-<img src={require('./img/Panda_Revo_P1_Hotend/Panda_Revo_P1_Hotend_In3.webp').default} width="80%"/>
+<ImageView src={require('./img/Panda_Revo_P1_Hotend/Panda_Revo_P1_Hotend_In3.webp').default} width="80%"/>
 
 **步骤3-拆除热端组件**
 
 用H2.0六角扳手拆下2个螺钉，然后轻轻向下拉，继续拆下杆和组件。
 
-<img src={require('./img/Panda_Revo_P1_Hotend/Panda_Revo_P1_Hotend_In4.webp').default} width="80%"/>
+<ImageView src={require('./img/Panda_Revo_P1_Hotend/Panda_Revo_P1_Hotend_In4.webp').default} width="80%"/>
 
 **步骤4–转移散热器风扇**
 
 拧松固定风扇的两个螺钉以卸下散热器风扇。
 
-<img src={require('./img/Panda_Revo_P1_Hotend/Panda_Revo_P1_Hotend_In5.webp').default} width="80%"/>
+<ImageView src={require('./img/Panda_Revo_P1_Hotend/Panda_Revo_P1_Hotend_In5.webp').default} width="80%"/>
 
 并将其安装到您的全新Panda Revo上。
 
-<img src={require('./img/Panda_Revo_P1_Hotend/Panda_Revo_P1_Hotend_In6.webp').default} width="80%"/>
+<ImageView src={require('./img/Panda_Revo_P1_Hotend/Panda_Revo_P1_Hotend_In6.webp').default} width="80%"/>
 
 确保根据图片将电缆放置在电缆导槽中，使HeaterCore套管的平面与散热器的侧面平行。
 
-<img src={require('./img/Panda_Revo_P1_Hotend/Panda_Revo_P1_Hotend_In7.webp').default} width="80%"/>
+<ImageView src={require('./img/Panda_Revo_P1_Hotend/Panda_Revo_P1_Hotend_In7.webp').default} width="80%"/>
 
 下图显示了“完整的热端组件”，供您参考。
 
-<img src={require('./img/Panda_Revo_P1_Hotend/Panda_Revo_P1_Hotend_In8.webp').default} width="80%"/>
+<ImageView src={require('./img/Panda_Revo_P1_Hotend/Panda_Revo_P1_Hotend_In8.webp').default} width="80%"/>
 
 ### 装配
 
@@ -133,7 +133,7 @@ https://github.com/bigtreetech/Panda_Revo/tree/master/3D
 
 将Panda Revo hotend组件插入挤出机，然后拧紧2个螺钉。
 
-<img src={require('./img/Panda_Revo_P1_Hotend/Panda_Revo_P1_Hotend_In9.webp').default} width="80%"/>
+<ImageView src={require('./img/Panda_Revo_P1_Hotend/Panda_Revo_P1_Hotend_In9.webp').default} width="80%"/>
 
 :::info
 
@@ -145,19 +145,19 @@ https://github.com/bigtreetech/Panda_Revo/tree/master/3D
 
 将电线重新插入夹子（将连接器重新插入板上加热器的下部插槽和hotend风扇的中间插槽）。
 
-<img src={require('./img/Panda_Revo_P1_Hotend/Panda_Revo_P1_Hotend_In10.webp').default} width="80%"/>
+<ImageView src={require('./img/Panda_Revo_P1_Hotend/Panda_Revo_P1_Hotend_In10.webp').default} width="80%"/>
 
 **步骤3-安装前壳体**
 
 通过将风扇连接器重新连接到板上（最上面的插槽）来连接外壳组件，然后关闭前外壳组件盖。
 
-<img src={require('./img/Panda_Revo_P1_Hotend/Panda_Revo_P1_Hotend_In11.webp').default} width="80%"/>
+<ImageView src={require('./img/Panda_Revo_P1_Hotend/Panda_Revo_P1_Hotend_In11.webp').default} width="80%"/>
 
 ## 如何验证
 
 打开打印机电源并运行设备的**校准**过程。如果流程通过，则表示操作已成功。
 
-<img src={require('./img/Panda_Revo_P1_Hotend/Panda_Revo_P1_Hotend_In12.webp').default} width="80%"/>
+<ImageView src={require('./img/Panda_Revo_P1_Hotend/Panda_Revo_P1_Hotend_In12.webp').default} width="80%"/>
 
 ## 切片器设置
 
@@ -166,14 +166,14 @@ https://github.com/bigtreetech/Panda_Revo/tree/master/3D
 请在此处找到更详细的切片机设置指南:
 https://e3d-online.zendesk.com/hc/en-us/articles/4777443097757-Filament-Starter-Settings
 
-<img src={require('./img/Panda_Revo_P1_Hotend/Panda_Revo_P1_Hotend_Nozzle.webp').default} width="80%"/>
+<ImageView src={require('./img/Panda_Revo_P1_Hotend/Panda_Revo_P1_Hotend_Nozzle.webp').default} width="80%"/>
 
 单击“编辑图标”并输入断料检测设置。
 
-<img src={require('./img/Panda_Revo_P1_Hotend/Panda_Revo_P1_Hotend_In13.webp').default} width="80%"/>
+<ImageView src={require('./img/Panda_Revo_P1_Hotend/Panda_Revo_P1_Hotend_In13.webp').default} width="80%"/>
 
 将“耗材”下的“最大体积速度”更改为35-40左右，具体取决于您使用的耗材。
 
 如果观察到挤出不足的迹象，请降低此数字，直到恢复打印质量。
 
-<img src={require('./img/Panda_Revo_P1_Hotend/Panda_Revo_P1_Hotend_In14.webp').default} width="80%"/>
+<ImageView src={require('./img/Panda_Revo_P1_Hotend/Panda_Revo_P1_Hotend_In14.webp').default} width="80%"/>
diff --git a/docs/panda-series/hotend/panda-revo/panda-revo-x1.md b/docs/panda-series/hotend/panda-revo/panda-revo-x1.md
index d0ae1c7..c086f1f 100644
--- a/docs/panda-series/hotend/panda-revo/panda-revo-x1.md
+++ b/docs/panda-series/hotend/panda-revo/panda-revo-x1.md
@@ -2,7 +2,7 @@
 
 <div class="div-table">
 
-<img src={require('./img/Panda_Revo_X1_Hotend/Panda_Revo_X1_Hotend_Title.webp').default} width="40%" class="right-image"/>
+<ImageView src={require('./img/Panda_Revo_X1_Hotend/Panda_Revo_X1_Hotend_Title.webp').default} width="40%" class="right-image"/>
 
 ## **产品简介**
 
@@ -69,7 +69,7 @@ https://www.youtube.com/watch?v=ubwh3KBd5eE
 
 （不包括冷却风扇）用于X1系列打印机。
 
-<img src={require('./img/Panda_Revo_X1_Hotend/Panda_Revo_X1_Hotend_In1.webp').default} width="80%"/>
+<ImageView src={require('./img/Panda_Revo_X1_Hotend/Panda_Revo_X1_Hotend_In1.webp').default} width="80%"/>
 
 该图像显示X1系列打印机的“完整热端部件”，不包括冷却风扇以供后续部件参考。
 
@@ -95,7 +95,7 @@ https://www.youtube.com/watch?v=ubwh3KBd5eE
 
 断开风扇连接器，完全拆下前壳体总成。
 
-<img src={require('./img/Panda_Revo_X1_Hotend/Panda_Revo_X1_Hotend_In2.webp').default} width="80%"/>
+<ImageView src={require('./img/Panda_Revo_X1_Hotend/Panda_Revo_X1_Hotend_In2.webp').default} width="80%"/>
 
 **步骤2-断开电缆**
 
@@ -107,33 +107,33 @@ https://www.youtube.com/watch?v=ubwh3KBd5eE
 
 断开热端风扇和加热棒连接器与板的连接，然后将电线从下图所示的夹子中滑出（用红色箭头指示），将其拆下。
 
-<img src={require('./img/Panda_Revo_X1_Hotend/Panda_Revo_X1_Hotend_In3.webp').default} width="80%"/>
+<ImageView src={require('./img/Panda_Revo_X1_Hotend/Panda_Revo_X1_Hotend_In3.webp').default} width="80%"/>
 
 **步骤3-拆除热端组件**
 
 用H2.0六角扳手拆下2个螺钉，然后轻轻向下拉，继续拆下杆和组件。
 
-<img src={require('./img/Panda_Revo_X1_Hotend/Panda_Revo_X1_Hotend_In4.webp').default} width="80%"/>
+<ImageView src={require('./img/Panda_Revo_X1_Hotend/Panda_Revo_X1_Hotend_In4.webp').default} width="80%"/>
 
 **步骤4–转移散热器风扇**
 
 拧松固定风扇的两个螺钉以卸下散热器风扇。
 
-<img src={require('./img/Panda_Revo_X1_Hotend/Panda_Revo_X1_Hotend_In5.webp').default} width="80%"/>
+<ImageView src={require('./img/Panda_Revo_X1_Hotend/Panda_Revo_X1_Hotend_In5.webp').default} width="80%"/>
 
 并将其安装到您的全新Panda Revo上。
 
-<img src={require('./img/Panda_Revo_X1_Hotend/Panda_Revo_X1_Hotend_In6.webp').default} width="80%"/>
+<ImageView src={require('./img/Panda_Revo_X1_Hotend/Panda_Revo_X1_Hotend_In6.webp').default} width="80%"/>
 
 确保根据图片将电缆放置在电缆导槽中，使HeaterCore套管的平面与散热器的侧面平行。
 
-<img src={require('./img/Panda_Revo_X1_Hotend/Panda_Revo_X1_Hotend_In7.webp').default} width="80%"/>
+<ImageView src={require('./img/Panda_Revo_X1_Hotend/Panda_Revo_X1_Hotend_In7.webp').default} width="80%"/>
 
 下图显示了“完整的热端组件”，供您参考。
 
-<img src={require('./img/Panda_Revo_X1_Hotend/Panda_Revo_X1_Hotend_In8.webp').default} width="80%"/>
+<ImageView src={require('./img/Panda_Revo_X1_Hotend/Panda_Revo_X1_Hotend_In8.webp').default} width="80%"/>
 
-<img src={require('./img/Panda_Revo_X1_Hotend/Panda_Revo_X1_Hotend_In9.webp').default} width="80%"/>
+<ImageView src={require('./img/Panda_Revo_X1_Hotend/Panda_Revo_X1_Hotend_In9.webp').default} width="80%"/>
 
 ### 装配
 
@@ -141,7 +141,7 @@ https://www.youtube.com/watch?v=ubwh3KBd5eE
 
 将Panda Revo hotend组件插入挤出机，然后拧紧2个螺钉。
 
-<img src={require('./img/Panda_Revo_X1_Hotend/Panda_Revo_X1_Hotend_In10.webp').default} width="80%"/>
+<ImageView src={require('./img/Panda_Revo_X1_Hotend/Panda_Revo_X1_Hotend_In10.webp').default} width="80%"/>
 
 :::warning
 
@@ -157,21 +157,21 @@ https://www.youtube.com/watch?v=ubwh3KBd5eE
 
 把电线塞回夹子里。
 
-<img src={require('./img/Panda_Revo_X1_Hotend/Panda_Revo_X1_Hotend_In11.webp').default} width="80%"/>
+<ImageView src={require('./img/Panda_Revo_X1_Hotend/Panda_Revo_X1_Hotend_In11.webp').default} width="80%"/>
 
-<img src={require('./img/Panda_Revo_X1_Hotend/Panda_Revo_X1_Hotend_In12.webp').default} width="80%"/>
+<ImageView src={require('./img/Panda_Revo_X1_Hotend/Panda_Revo_X1_Hotend_In12.webp').default} width="80%"/>
 
 **步骤3-安装前壳体**
 
 将风扇连接器重新连接到前壳体上，连接壳体总成，然后关闭前壳体总成盖。
 
-<img src={require('./img/Panda_Revo_X1_Hotend/Panda_Revo_X1_Hotend_In13.webp').default} width="80%"/>
+<ImageView src={require('./img/Panda_Revo_X1_Hotend/Panda_Revo_X1_Hotend_In13.webp').default} width="80%"/>
 
 ## 如何验证
 
 打开打印机电源并运行设备的**校准**过程。如果流程通过，则表示操作已成功。
 
-<img src={require('./img/Panda_Revo_X1_Hotend/Panda_Revo_X1_Hotend_In14.webp').default} width="80%"/>
+<ImageView src={require('./img/Panda_Revo_X1_Hotend/Panda_Revo_X1_Hotend_In14.webp').default} width="80%"/>
 
 ## 切片器设置
 
@@ -180,14 +180,14 @@ https://www.youtube.com/watch?v=ubwh3KBd5eE
 请在此处找到更详细的切片机设置指南:
 https://e3d-online.zendesk.com/hc/en-us/articles/4777443097757-Filament-Starter-Settings
 
-<img src={require('./img/Panda_Revo_X1_Hotend/Panda_Revo_X1_Hotend_Nozzle.webp').default} width="80%"/>
+<ImageView src={require('./img/Panda_Revo_X1_Hotend/Panda_Revo_X1_Hotend_Nozzle.webp').default} width="80%"/>
 
 单击“编辑图标”并输入断料检测设置。
 
-<img src={require('./img/Panda_Revo_X1_Hotend/Panda_Revo_X1_Hotend_In15.webp').default} width="80%"/>
+<ImageView src={require('./img/Panda_Revo_X1_Hotend/Panda_Revo_X1_Hotend_In15.webp').default} width="80%"/>
 
 将“耗材”下的“最大体积速度”更改为35-40左右，具体取决于您使用的耗材。
 
 如果观察到挤出不足的迹象，请降低此数字，直到恢复打印质量。
 
-<img src={require('./img/Panda_Revo_X1_Hotend/Panda_Revo_X1_Hotend_In16.webp').default} width="80%"/>
+<ImageView src={require('./img/Panda_Revo_X1_Hotend/Panda_Revo_X1_Hotend_In16.webp').default} width="80%"/>
diff --git a/docs/panda-series/module/panda-alarm/panda-alarm.md b/docs/panda-series/module/panda-alarm/panda-alarm.md
index 4625890..ac9bb64 100644
--- a/docs/panda-series/module/panda-alarm/panda-alarm.md
+++ b/docs/panda-series/module/panda-alarm/panda-alarm.md
@@ -2,7 +2,7 @@
 
 <div class="div-table">
 
-<img src={require('./img/panda_alarm.jpg').default} width="40%" class="right-image"/>
+<ImageView src={require('./img/panda_alarm.jpg').default} width="40%" class="right-image"/>
 
 ## 产品简介
 
@@ -61,7 +61,7 @@ Panda Alarm 让您的 3D 打印农场保持完美同步——这款智能无线
 
 ## 产品外观尺寸
 
-<img src={require('./img/size.jpg').default} width="70%"/>
+<ImageView src={require('./img/size.jpg').default} width="70%"/>
 
 ## 安装指南
 
@@ -71,41 +71,41 @@ Panda Alarm安装在P1系列打印机上。
 
 Panda Alarm配件清单
 
-<img src={require('./img/zh/list.jpg').default} width="70%"/>
+<ImageView src={require('./img/zh/list.jpg').default} width="70%"/>
 
 #### 安装步骤
 
 - 将包装内的透明灯效件拿出，用两颗附赠的M3*8沉头自攻螺丝固定在控制盒上
 
-    <img src={require('./img/install_1.jpg').default} width="60%"/>
+    <ImageView src={require('./img/install_1.jpg').default} width="60%"/>
 
 - 将灯板上的灯带插头接入控制盒的3pin接口中，如下图
 
-    <img src={require('./img/install_2.jpg').default} width="60%"/>
+    <ImageView src={require('./img/install_2.jpg').default} width="60%"/>
 
 - 将USB电源线插入到打印机的USB-A口，USB-A口的位置在P1打印机门板的上方凹槽内，可以把打印机的盖板拿下来进行查看和操作。
 
-    <img src={require('./img/install_3.jpg').default} width="60%"/>
+    <ImageView src={require('./img/install_3.jpg').default} width="60%"/>
 
 - 将USB线的另一端的Type-C端口从打印机右上方的小孔穿出来。
 
-    <img src={require('./img/install_4.jpg').default} width="60%"/>
+    <ImageView src={require('./img/install_4.jpg').default} width="60%"/>
 
 - 将穿出来的Type-C口，插入到控制盒的Typ-C接口中，走线如下所示
 
-    <img src={require('./img/install_5.jpg').default} width="60%"/>
+    <ImageView src={require('./img/install_5.jpg').default} width="60%"/>
 
 - 将Panda Alarm整体放置到P1打印机右上方，使灯板的弧度贴近打印机的弧度，确定控制盒背面磁吸的位置，用附带的磁贴片贴在打印机对应的位置上。
 
-    <img src={require('./img/install_6.jpg').default} width="60%"/>
+    <ImageView src={require('./img/install_6.jpg').default} width="60%"/>
 
 - 将亚克力灯板上的双面胶揭开
 
-    <img src={require('./img/install_7.jpg').default} width="60%"/>
+    <ImageView src={require('./img/install_7.jpg').default} width="60%"/>
 
 - 将Panda Alarm整体沿着打印机右上方的弧度放置并贴好双面胶，按压贴紧顶部双面胶。
 
-    <img src={require('./img/install_8.jpg').default} width="60%"/>
+    <ImageView src={require('./img/install_8.jpg').default} width="60%"/>
 
 > 现在是时候给 Panda Alarm 通电并进行配置了，请前往[首次使用指南](#首次使用指南)
 
@@ -122,7 +122,7 @@ Panda Alarm配件清单
     - 在你的主屏幕上，前往 `设置`-> `无线局域网`。
     - 打开 `无线局域网`。你的设备将自动搜索可供使用的无线局域网。
 
-        <img src={require('./img/zh/wlan.jpg').default} width="45%"/>
+        <ImageView src={require('./img/zh/wlan.jpg').default} width="45%"/>
 
     - 轻点名称以 `Panda_Alarm` 开头的无线局域网，输入默认密码：`987654321`。
 
@@ -134,15 +134,15 @@ Panda Alarm配件清单
 
 - 首次配置会自动进入 `选择语言` 界面，设置完语言后，点击 `下一步`。
 
-    <img src={require('./img/zh/language.jpg').default} width="45%"/>
+    <ImageView src={require('./img/zh/language.jpg').default} width="45%"/>
 
 - 进入连接 Wi-Fi 界面，Panda Alarm 会自动扫描环境中的 Wi-Fi，请选择打印机所连接的 Wi-Fi 进行连接。如果没有扫描到打印机连接的 Wi-Fi, 可以点击 “扫描” 按钮重新扫描。
 
-    <img src={require('./img/zh/wifi.jpg').default} width="45%"/>
+    <ImageView src={require('./img/zh/wifi.jpg').default} width="45%"/>
 
 - 等待连接成功，连接成功后会弹出如下图中的弹窗，点击 `绑定打印机` 可以跳转到 `打印机` 界面绑定打印机。
 
-    <img src={require('./img/zh/goto_printer.jpg').default} width="45%"/>
+    <ImageView src={require('./img/zh/goto_printer.jpg').default} width="45%"/>
 
 ### 绑定打印机
 
@@ -152,7 +152,7 @@ Panda Alarm配件清单
 
 - Web UI配置界面进入 `打印机` 界面, 点击 `扫描` 会扫描同一局域网下的拓竹打印机, 一次完整的扫描大概需要30秒左右。每多一台拓竹打印机最多增加20秒的扫描时间。Panda Alarm 每次扫描最多支持识别20台打印机，如果您局域网内的拓竹打印机数量较多超出了20台，可能无法扫描到所有的打印机。如果此次扫描未能识别到想要连接的打印机，可以点击 `扫描` 按钮重新扫描，或者 `手动输入` 所有的信息。
 
-    <img src={require('./img/zh/printer.jpg').default} width="45%"/>
+    <ImageView src={require('./img/zh/printer.jpg').default} width="45%"/>
 
 - 扫描完成后, 选择想要连接的打印机, 选择后打印机的 `SN码` 和 `IP` 会自动填充。然后在打印机上找到 `访问码`, 并手动输入到Web UI上的 `打印机访问码` 栏。
 
@@ -160,15 +160,15 @@ Panda Alarm配件清单
 
         1. `设置`-> 2 `网络(WLAN)` -> 3 `OK`
 
-            <img src={require('./img/zh/p1_1_2_3.webp').default} width="600"/>
+            <ImageView src={require('./img/zh/p1_1_2_3.webp').default} width="600"/>
 
         5. `访问码`
 
-            <img src={require('./img/zh/p1_4_5.webp').default} width="600"/>
+            <ImageView src={require('./img/zh/p1_4_5.webp').default} width="600"/>
 
 - 点击 `绑定`, 开始连接打印机, 出现 `绑定成功` 的弹窗意味着 Panda Alarm 已经成功连接到打印机了。
 
-    <img src={require('./img/zh/bind_ok.jpg').default} width="45%"/>
+    <ImageView src={require('./img/zh/bind_ok.jpg').default} width="45%"/>
 
 - 恭喜您！现在可以尽情的享用您的 Panda Alarm 了。
 
@@ -184,24 +184,24 @@ Panda Alarm配件清单
         - `SN码`
             1. `设置` -> 2 `设备(Device)`
 
-                <img src={require('./img/zh/p1_1_2.webp').default} width="600"/>
+                <ImageView src={require('./img/zh/p1_1_2.webp').default} width="600"/>
 
             3. `打印机(Printer)` 即为 `SN码`
 
-                <img src={require('./img/zh/p1_3.webp').default} width="600"/>
+                <ImageView src={require('./img/zh/p1_3.webp').default} width="600"/>
 
         - `访问码` 和 `IP`          
             1. `设置`-> 2 `网络(WLAN)` -> 3
 
-                <img src={require('./img/zh/p1_1_2_3.webp').default} width="600"/>
+                <ImageView src={require('./img/zh/p1_1_2_3.webp').default} width="600"/>
 
             4. `IP`, 5 `访问码`
 
-                <img src={require('./img/zh/p1_4_5.webp').default} width="600"/>
+                <ImageView src={require('./img/zh/p1_4_5.webp').default} width="600"/>
 
 - 点击 `绑定`, 开始连接打印机, 出现 `绑定成功` 的弹窗意味着 Panda Alarm 已经成功连接到打印机了。
 
-    <img src={require('./img/zh/bind_ok.jpg').default} width="45%"/>
+    <ImageView src={require('./img/zh/bind_ok.jpg').default} width="45%"/>
 
 - 恭喜您！现在可以尽情的享用您的 Panda Alarm 了。
 
@@ -234,7 +234,7 @@ Panda Alarm 有 3 个系统级状态 和 7 个打印机状态，共计 10 个状
 
 ### 控制面板
 
-<img src={require('./img/zh/panel.jpg').default} width="45%"/>
+<ImageView src={require('./img/zh/panel.jpg').default} width="45%"/>
 
 1. 进入 `控制面板` 界面
 
@@ -242,7 +242,7 @@ Panda Alarm 有 3 个系统级状态 和 7 个打印机状态，共计 10 个状
 
 3. `预览模式`：用于预览设备的`灯效`或`音效`。打开此模式并选择要 `模拟的状态`，设备即会按照选择的结果显示对应的`灯效`或`音效`。
 
-    <img src={require('./img/zh/preview.jpg').default} width="45%"/>
+    <ImageView src={require('./img/zh/preview.jpg').default} width="45%"/>
 
     - a) "打开/关闭" `预览模式`。注意：如果切换到其他界面，或者所有的 Web UI 都退出了，设备也会自动关闭`预览模式`。这是为了避免用户忘记关闭导致设置一直处于`预览模式`。
 
@@ -262,7 +262,7 @@ Panda Alarm 有 3 个系统级状态 和 7 个打印机状态，共计 10 个状
 
 4. 设置设备的 `灯效`
 
-    <img src={require('./img/zh/light.jpg').default} width="45%"/>
+    <ImageView src={require('./img/zh/light.jpg').default} width="45%"/>
 
     - a) "打开/关闭" `灯效`。仅会关闭所有的 `打印机状态` 灯效，但是无法关闭 `系统级状态` 灯效
 
@@ -274,7 +274,7 @@ Panda Alarm 有 3 个系统级状态 和 7 个打印机状态，共计 10 个状
 
         点击对应的按钮后会弹出 HSL 取色盘来设置对应状态的颜色。
 
-        <img src={require('./img/zh/picker.jpg').default} width="45%"/>
+        <ImageView src={require('./img/zh/picker.jpg').default} width="45%"/>
 
         - 1). HSL 取色盘（[HSL是什么？](https://zh.wikipedia.org/wiki/HSL%E5%92%8CHSV%E8%89%B2%E5%BD%A9%E7%A9%BA%E9%97%B4)）
         2.). HSL的H色相参数，范围值为：0 ~ 360°
@@ -294,7 +294,7 @@ Panda Alarm 有 3 个系统级状态 和 7 个打印机状态，共计 10 个状
 
 5. 设置设备的 `声效`
 
-    <img src={require('./img/zh/sound.jpg').default} width="45%"/>
+    <ImageView src={require('./img/zh/sound.jpg').default} width="45%"/>
 
     - a) "打开/关闭" `声效`。会关闭所有的 `打印机状态` 声效，包括 `打印完成` 和 `报错`
 
@@ -324,7 +324,7 @@ Panda Alarm 有 3 个系统级状态 和 7 个打印机状态，共计 10 个状
 
 > 连接到 Panda Alarm WebUI 中出现的默认界面是 `WiFi&IP` 设置界面。
 
-<img src={require('./img/zh/wifi_ip.jpg').default} width="45%"/>
+<ImageView src={require('./img/zh/wifi_ip.jpg').default} width="45%"/>
 
 1. 进入 `Wi-Fi&IP` 界面
 
@@ -343,7 +343,7 @@ Panda Alarm 有 3 个系统级状态 和 7 个打印机状态，共计 10 个状
 
     修改完成后，点击 `设置主机名` 将设置的主机名发送给 Panda Alarm，若出现如下图中的弹窗，说明主机名已经重新设置成功，主机名修改后需要重新启动才可以生效，直接点击弹窗中的 `OK` 按钮，Panda Alarm 会 `立刻重启`，若我们不想立刻重启，可以点击弹窗右上角的 `x` 按钮关闭弹窗。
     
-    <img src={require('./img/zh/hostname.jpg').default} width="45%"/>
+    <ImageView src={require('./img/zh/hostname.jpg').default} width="45%"/>
 
 ### AP 界面
 
@@ -355,7 +355,7 @@ Panda Alarm AP 是 Panda Alarm 广播的 WiFi 热点，允许手机/电脑直接
 
 :::
 
-<img src={require('./img/zh/ap.jpg').default} width="45%"/>
+<ImageView src={require('./img/zh/ap.jpg').default} width="45%"/>
 
 1. 进入 `AP` 界面
 
@@ -373,11 +373,11 @@ Panda Alarm AP 是 Panda Alarm 广播的 WiFi 热点，允许手机/电脑直接
 
     `热点 IP` 修改后需要重启设备才会生效，若出现如下图中的弹窗，说明 `热点 IP` 已经重新设置成功，直接点击弹窗中的 `OK` 按钮，Panda Alarm 会 `立刻重启`，若我们不想立刻重启，可以点击弹窗右上角的 `x` 按钮关闭弹窗。
 
-<img src={require('./img/zh/hotspot_ip.jpg').default} width="45%"/>
+<ImageView src={require('./img/zh/hotspot_ip.jpg').default} width="45%"/>
 
 ### 设置
 
-<img src={require('./img/zh/settings.jpg').default} width="45%"/>
+<ImageView src={require('./img/zh/settings.jpg').default} width="45%"/>
 
 1. 进入 `设置` 界面
 
@@ -401,17 +401,17 @@ Panda Alarm 恢复出厂设置会清空所有的配置，包括语言、连接
 
 - 进入 1 `设置` 界面，点击 2 `恢复出厂设置` 按钮
 
-    <img src={require('./img/zh/factory_1.jpg').default} width="45%"/>
+    <ImageView src={require('./img/zh/factory_1.jpg').default} width="45%"/>
 
 - 会出现确认的弹窗，点击 3 `是` 确认恢复出厂设置，Panda Alarm 会恢复出厂设置并重新启动。
 
-    <img src={require('./img/zh/factory_2.jpg').default} width="45%"/>
+    <ImageView src={require('./img/zh/factory_2.jpg').default} width="45%"/>
 
 ### 通过按键恢复出厂设置
 
 使用尖锐物长按 Recovery 按键5秒后，Panda Alarm 会恢复出厂设置并重新启动。
 
-<img src={require('./img/recovery.jpg').default} width="45%"/>
+<ImageView src={require('./img/recovery.jpg').default} width="45%"/>
 
 ## 固件
 
@@ -445,7 +445,7 @@ Panda Alarm 恢复出厂设置会清空所有的配置，包括语言、连接
 
             - 打开 `无线局域网`。你的设备将自动搜索可供使用的无线局域网。
 
-                <img src={require('./img/zh/wlan.jpg').default} width="45%"/>
+                <ImageView src={require('./img/zh/wlan.jpg').default} width="45%"/>
 
             - 轻点名称以 `Panda_Alarm` 开头的无线局域网，输入默认密码：`987654321`。
 
@@ -455,7 +455,7 @@ Panda Alarm 恢复出厂设置会清空所有的配置，包括语言、连接
 
 - 在Web UI配置界面中，进入 1 `设置` 界面, 点击 2 `选择 .bin 文件`, 然后选择要更新的固件, 更新完成后设备会自动重启。
 
-    <img src={require('./img/zh/firmware.jpg').default} width="45%"/>
+    <ImageView src={require('./img/zh/firmware.jpg').default} width="45%"/>
 
 #### flash_download_tool (Type-C 线刷)
 
@@ -465,13 +465,13 @@ Panda Alarm 恢复出厂设置会清空所有的配置，包括语言、连接
 
 - 下载 [Flash 下载工具](https://www.espressif.com/zh-hans/support/download/other-tools)
 
-    <img src={require('./img/zh/download_esp_tool.webp').default} width="70%"/>
+    <ImageView src={require('./img/zh/download_esp_tool.webp').default} width="70%"/>
 
 - 下载 [Panda Alarm 的固件](https://github.com/bigtreetech/PandaAlarm)
 
 - 通过 `Type-C` 将 Panda Alarm 插到电脑上，电脑的设备管理器中理应识别出一个新的 COM 端口
 
-    <img src={require('./img/type_c.jpg').default} width="45%"/>
+    <ImageView src={require('./img/type_c.jpg').default} width="45%"/>
 
 - 打开 `flash_download_tool_3.9.8_6.exe`, 在弹窗中按照下图配置
 
@@ -481,11 +481,11 @@ Panda Alarm 恢复出厂设置会清空所有的配置，包括语言、连接
 
     LoadMode: `UART`
 
-    <img src={require('./img/open_esp_tool.webp').default} width="400"/>
+    <ImageView src={require('./img/open_esp_tool.webp').default} width="400"/>
 
 - 烧录软件的配置如下图
 
-    <img src={require('./img/set_esp_tool.webp').default} width="400"/>
+    <ImageView src={require('./img/set_esp_tool.webp').default} width="400"/>
 
     1. 设置.bin文件的烧录地址, 并且前面的复选框都勾选上
 
diff --git a/docs/panda-series/module/panda-branch/panda-branch.md b/docs/panda-series/module/panda-branch/panda-branch.md
index cdebb59..f03688d 100644
--- a/docs/panda-series/module/panda-branch/panda-branch.md
+++ b/docs/panda-series/module/panda-branch/panda-branch.md
@@ -2,7 +2,7 @@
 
 <div class="div-table">
 
-<img src={require('./img/PandaBranch_Title.webp').default} width="40%" class="right-image"/>
+<ImageView src={require('./img/PandaBranch_Title.webp').default} width="40%" class="right-image"/>
 
 ## **产品简介**
 
@@ -28,20 +28,20 @@ BIGTREETECH Panda Branch V1.0是一款针对X1/P1/A1系列打印机设计的电
 
 ## **尺寸图**
 
-<img src={require('./img/PandaBranch_Dimensions.webp').default} width="80%"/>
+<ImageView src={require('./img/PandaBranch_Dimensions.webp').default} width="80%"/>
 
 ## **外设接口**
 
 ### 接口示意图
 
-<img src={require('./img/PandaBranch_Interface_C1.webp').default} width="80%"/>
+<ImageView src={require('./img/PandaBranch_Interface_C1.webp').default} width="80%"/>
 
 ### Pin图
 
-<img src={require('./img/PandaBranch_Pin.webp').default} width="80%"/>
+<ImageView src={require('./img/PandaBranch_Pin.webp').default} width="80%"/>
 
 ### 连接示意图
 
 **Panda Branch + Panda Touch + AMS + 3D Printer**
 
-<img src={require('./img/PandaBranch_Diagram_C1.webp').default} width="80%"/>
+<ImageView src={require('./img/PandaBranch_Diagram_C1.webp').default} width="80%"/>
diff --git a/docs/panda-series/module/panda-breeze/panda-breeze.md b/docs/panda-series/module/panda-breeze/panda-breeze.md
index 2afa108..73c3f70 100644
--- a/docs/panda-series/module/panda-breeze/panda-breeze.md
+++ b/docs/panda-series/module/panda-breeze/panda-breeze.md
@@ -2,7 +2,7 @@
 
 <div class="div-table">
 
-<img src={require('./img/panda_breeze.webp').default} width="40%" class="right-image"/>
+<ImageView src={require('./img/panda_breeze.webp').default} width="40%" class="right-image"/>
 
 ## 产品简介
 
@@ -26,61 +26,61 @@ BIQU Panda Breeze 专为 Bambu Lab A1 打印机设计，安装于 X 轴，采用
 
 1、使用H2.0螺丝刀取下X轴后方的两颗螺丝，如下图所示。
 
-<img src={require('./img/panda_breeze_installation1.webp').default} width="80%"/>
+<ImageView src={require('./img/panda_breeze_installation1.webp').default} width="80%"/>
 
 2、复用取下的螺丝，将Panda Breeze与X轴后方的螺丝孔对准后拧紧螺丝以将Panda Breeze牢固地固定在X轴后方。
 
-<img src={require('./img/panda_breeze_installation2.webp').default} width="80%"/>
+<ImageView src={require('./img/panda_breeze_installation2.webp').default} width="80%"/>
 
-<img src={require('./img/panda_breeze_installation3.webp').default} width="80%"/>
+<ImageView src={require('./img/panda_breeze_installation3.webp').default} width="80%"/>
 
 **步骤2：安装转接板**
 
-<img src={require('./img/panda_breeze_installation4.webp').default} width="80%"/>
+<ImageView src={require('./img/panda_breeze_installation4.webp').default} width="80%"/>
 
-<img src={require('./img/panda_breeze_installation5.webp').default} width="80%"/>
+<ImageView src={require('./img/panda_breeze_installation5.webp').default} width="80%"/>
 
 **步骤3：接线**
 
 1、如图红圈所示，将风机线插入对应接口。
 
-<img src={require('./img/panda_breeze_installation6.webp').default} width="80%"/>
+<ImageView src={require('./img/panda_breeze_installation6.webp').default} width="80%"/>
 
 2、将电源线插入机器后方的MX3.0 插口，见图中红圈位置。
 
-<img src={require('./img/panda_breeze_installation7.webp').default} width="80%"/>
+<ImageView src={require('./img/panda_breeze_installation7.webp').default} width="80%"/>
 
 3、按图示插入电源线。
 
-<img src={require('./img/panda_breeze_installation8.webp').default} width="80%"/>
+<ImageView src={require('./img/panda_breeze_installation8.webp').default} width="80%"/>
 
 4、通过工具头下方的缺口，将工具头后盖揭开。
 
-<img src={require('./img/panda_breeze_installation9.webp').default} width="80%"/>
+<ImageView src={require('./img/panda_breeze_installation9.webp').default} width="80%"/>
 
 5、断开部件冷却风扇连接，如图红圈所示。
 
-<img src={require('./img/panda_breeze_installation10.webp').default} width="80%"/>
+<ImageView src={require('./img/panda_breeze_installation10.webp').default} width="80%"/>
 
 6、插入风扇信号转接线到原部件冷却风扇接口。
 
-<img src={require('./img/panda_breeze_installation11.webp').default} width="80%"/>
+<ImageView src={require('./img/panda_breeze_installation11.webp').default} width="80%"/>
 
 7、将之前断开的部件冷却风扇接线口与风扇信号转接线对接。
 
-<img src={require('./img/panda_breeze_installation12.webp').default} width="80%"/>
+<ImageView src={require('./img/panda_breeze_installation12.webp').default} width="80%"/>
 
 8、如图所示，将所有线缆固定在工具头内，撬开打印头右侧的盖板，根据箭头指示，将风扇信号转接线沿着箭头所示的出口方向布线。
 
-<img src={require('./img/panda_breeze_installation13.webp').default} width="80%"/>
+<ImageView src={require('./img/panda_breeze_installation13.webp').default} width="80%"/>
 
 9、将后盖按压安装回位，确保固定牢靠。
 
-<img src={require('./img/panda_breeze_installation14.webp').default} width="80%"/>
+<ImageView src={require('./img/panda_breeze_installation14.webp').default} width="80%"/>
 
 10、打印makerworld（[https://makerworld.com/en/models/1698174-panda-breeze-printed-parts#profileId-1800624](#profileId-1800624)）上提供的侧盖，安装回走线槽，固定线材
 
-<img src={require('./img/panda_breeze_installation16.webp').default} width="80%"/>
+<ImageView src={require('./img/panda_breeze_installation16.webp').default} width="80%"/>
 
 **步骤4：灯条安装**
 
@@ -88,8 +88,8 @@ BIQU Panda Breeze 专为 Bambu Lab A1 打印机设计，安装于 X 轴，采用
 2. 撕开灯条背胶的保护膜。
 3. 对齐灯条与X轴下方，从左侧开始，缓慢向右侧按压，确保灯条固定。
 
-<img src={require('./img/panda_breeze_installation15.webp').default} width="80%"/>
+<ImageView src={require('./img/panda_breeze_installation15.webp').default} width="80%"/>
 
 4、来回按压灯条，确保其牢固安装完毕。
 
-<img src={require('./img/panda_breeze_installation17.webp').default} width="80%"/>
+<ImageView src={require('./img/panda_breeze_installation17.webp').default} width="80%"/>
diff --git a/docs/panda-series/module/panda-hub/panda-hub.md b/docs/panda-series/module/panda-hub/panda-hub.md
index f911a98..3d7bb3f 100644
--- a/docs/panda-series/module/panda-hub/panda-hub.md
+++ b/docs/panda-series/module/panda-hub/panda-hub.md
@@ -2,7 +2,7 @@
 
 <div class="div-table">
 
-<img src={require('./img/Panda_Hub_Title.webp').default} width="40%" class="right-image"/>
+<ImageView src={require('./img/Panda_Hub_Title.webp').default} width="40%" class="right-image"/>
 
 ## **产品简介**
 
@@ -26,15 +26,15 @@ BIGTREETECH Panda Hub是BIGTREETECH 3D打印团队针对USB2.0扩展制作的一
 
 ## **产品尺寸**
 
-<img src={require('./img/Panda_Hub_Dimensions.webp').default} width="80%"/>
+<ImageView src={require('./img/Panda_Hub_Dimensions.webp').default} width="80%"/>
 
-<img src={require('./img/Panda_Hub_Dimensions1.webp').default} width="80%"/>
+<ImageView src={require('./img/Panda_Hub_Dimensions1.webp').default} width="80%"/>
 
 ## **接口介绍**
 
 ### 端口说明
 
-<img src={require('./img/Panda_Hub_Interface.webp').default} width="80%"/>
+<ImageView src={require('./img/Panda_Hub_Interface.webp').default} width="80%"/>
 
 ## **注意事项**
 
@@ -47,7 +47,7 @@ BIGTREETECH Panda Hub是BIGTREETECH 3D打印团队针对USB2.0扩展制作的一
 
 ## **安装指南**
 
-<img src={require('./img/Panda_Hub_Installation.webp').default} width="80%"/>
+<ImageView src={require('./img/Panda_Hub_Installation.webp').default} width="80%"/>
 
 **Preparation:**
 
@@ -63,7 +63,7 @@ M2.5x8螺丝 x2（配件包内含）
 
 电烙铁（自备）
 
-<img src={require('./img/Panda_Hub_Preparation.webp').default} width="80%"/>
+<ImageView src={require('./img/Panda_Hub_Preparation.webp').default} width="80%"/>
 
 **安装步骤**
 
@@ -71,67 +71,67 @@ M2.5x8螺丝 x2（配件包内含）
 
 将两颗M2.5x8热熔螺母分别插入外壳正反两面的预留孔中，并用烙铁将其嵌入外壳打印件内，确保螺母与安装面齐平。 （如需如何使用烙铁嵌入热熔螺母的教程，请跳转至本教程末尾查看。）
 
-<img src={require('./img/Panda_Hub_Preparation1.webp').default} width="80%"/>
+<ImageView src={require('./img/Panda_Hub_Preparation1.webp').default} width="80%"/>
 
-<img src={require('./img/Panda_Hub_Preparation2.webp').default} width="80%"/>
+<ImageView src={require('./img/Panda_Hub_Preparation2.webp').default} width="80%"/>
 
 2、安装Panda Hub
 
 将Panda Hub放入外壳打印件中。
 
-<img src={require('./img/Panda_Hub_Preparation3.webp').default} width="80%"/>
+<ImageView src={require('./img/Panda_Hub_Preparation3.webp').default} width="80%"/>
 
 盖上盖子，使用2.0螺丝刀  用M2.5x8螺丝将其固定。
 
-<img src={require('./img/Panda_Hub_Preparation4.webp').default} width="80%"/>
+<ImageView src={require('./img/Panda_Hub_Preparation4.webp').default} width="80%"/>
 
-<img src={require('./img/Panda_Hub_Preparation5.webp').default} width="80%"/>
+<ImageView src={require('./img/Panda_Hub_Preparation5.webp').default} width="80%"/>
 
 将组装好的Panda Hub插入打印机USB端口
 
-<img src={require('./img/Panda_Hub_Preparation6.webp').default} width="80%"/>
+<ImageView src={require('./img/Panda_Hub_Preparation6.webp').default} width="80%"/>
 
 取下屏幕，然后使用2.0六角螺丝刀拆下屏幕下方的螺丝 
 
-<img src={require('./img/Panda_Hub_Preparation7.webp').default} width="80%"/>
+<ImageView src={require('./img/Panda_Hub_Preparation7.webp').default} width="80%"/>
 
-<img src={require('./img/Panda_Hub_Preparation8.webp').default} width="80%"/>
+<ImageView src={require('./img/Panda_Hub_Preparation8.webp').default} width="80%"/>
 
 将Panda Hub热熔螺母的螺纹孔与机器上刚取下的螺丝孔对准后，使用2.0六角螺丝刀，用M2.5x8螺丝将Panda Hub固定在机器上。
 
-<img src={require('./img/Panda_Hub_Preparation9.webp').default} width="80%"/>
+<ImageView src={require('./img/Panda_Hub_Preparation9.webp').default} width="80%"/>
 
 装回屏幕，完成安装。
 
-<img src={require('./img/Panda_Hub_Preparation10.webp').default} width="80%"/>
+<ImageView src={require('./img/Panda_Hub_Preparation10.webp').default} width="80%"/>
 
 将Panda Touch USB线/USB灯条插入Panda Hub即可使用。
 
-<img src={require('./img/Panda_Hub_Preparation11.webp').default} width="80%"/>
+<ImageView src={require('./img/Panda_Hub_Preparation11.webp').default} width="80%"/>
 
 **如何使用烙铁嵌入热熔螺母：**
 
 准备好需要嵌入热熔螺母的打印件。
 
-<img src={require('./img/Panda_Hub_Preparation12.webp').default} width="80%"/>
+<ImageView src={require('./img/Panda_Hub_Preparation12.webp').default} width="80%"/>
 
 将热熔螺母置于打印件的预留孔位。
 
-<img src={require('./img/Panda_Hub_Preparation13.webp').default} width="80%"/>
+<ImageView src={require('./img/Panda_Hub_Preparation13.webp').default} width="80%"/>
 
 BIGTREETECH Panda Hub 用户手册   13   将热熔螺母置于打印件的预留孔位。  使用已加热的烙铁，垂直向下施加压力，将热熔螺母熔入打印件中； 
 
-<img src={require('./img/Panda_Hub_Preparation14.webp').default} width="80%"/>
+<ImageView src={require('./img/Panda_Hub_Preparation14.webp').default} width="80%"/>
 
 在此过程中，烙铁会加热螺母，使其缓慢熔入部件中； 请尽量耐心，螺母熔入的速度越慢，金属与塑料之间的结合就越牢固； 待螺母顶部与打印件表面齐平后，即可停止加热并取出烙铁。
 
-<img src={require('./img/Panda_Hub_Preparation15.webp').default} width="80%"/>
+<ImageView src={require('./img/Panda_Hub_Preparation15.webp').default} width="80%"/>
 
-<img src={require('./img/Panda_Hub_Preparation16.webp').default} width="80%"/>
+<ImageView src={require('./img/Panda_Hub_Preparation16.webp').default} width="80%"/>
 
 完成！
 
-<img src={require('./img/Panda_Hub_Preparation17.webp').default} width="80%"/>
+<ImageView src={require('./img/Panda_Hub_Preparation17.webp').default} width="80%"/>
 
 **注意事项：**
 
diff --git a/docs/panda-series/module/panda-jet/panda-jet.md b/docs/panda-series/module/panda-jet/panda-jet.md
index 5201e91..60bd8b6 100644
--- a/docs/panda-series/module/panda-jet/panda-jet.md
+++ b/docs/panda-series/module/panda-jet/panda-jet.md
@@ -2,7 +2,7 @@
 
 <div class="div-table">
 
-<img src={require('./img/Panda_Jet_Title.webp').default} width="40%" class="right-image"/>
+<ImageView src={require('./img/Panda_Jet_Title.webp').default} width="40%" class="right-image"/>
 
 ## **产品简介**
 
@@ -31,7 +31,7 @@ Panda Jet是Bambu Lab X1/P1系列打印机的升级冷却风扇。其特殊的
 
 ## **包装清单**
 
-<img src={require('./img/Panda_Jet_Packaging.webp').default} width="600"/>
+<ImageView src={require('./img/Panda_Jet_Packaging.webp').default} width="600"/>
 
 ## **安装说明**
 
@@ -40,32 +40,32 @@ Panda Jet是Bambu Lab X1/P1系列打印机的升级冷却风扇。其特殊的
 **步骤1：拆下前壳体**
 完全拆下前壳体总成，然后断开风扇连接器。
 
-<img src={require('./img/Panda_Jet_Installation1.webp').default} width="600"/>
+<ImageView src={require('./img/Panda_Jet_Installation1.webp').default} width="600"/>
 
 **步骤2：拆下原来的风扇导管**
 拧下以下两颗固定原始风扇导管的螺钉。保留螺钉，以便以后重新组装。
 
-<img src={require('./img/Panda_Jet_Installation2.webp').default} width="600"/>
+<ImageView src={require('./img/Panda_Jet_Installation2.webp').default} width="600"/>
 
 垂直拉出原来的风扇导管，小心地将其拆下。
 
 <font size="5" color="red">重要提示：P1/X1系列打印机的最新版原厂风道已用胶粘附在前盖上，请使用平口钳或笔刀小心刮除胶体，避免损坏前盖。若拆卸过程中前盖卡扣受损，panda jetpack仍可安装牢固；若jetpack与前盖间出现较大缝隙，可酌情使用少量速干胶进行固定。</font>
 
-<img src={require('./img/Panda_Jet_Installation3.webp').default} width="600"/>
+<ImageView src={require('./img/Panda_Jet_Installation3.webp').default} width="600"/>
 
 **步骤3：安装Panda Jet**
 将Panda Jet与前壳体上的安装孔对齐。
 
-<img src={require('./img/Panda_Jet_Installation4.webp').default} width="600"/>
+<ImageView src={require('./img/Panda_Jet_Installation4.webp').default} width="600"/>
 
 使用您在步骤2中卸下的两个螺钉固定Panda Jet。
 
-<img src={require('./img/Panda_Jet_Installation5.webp').default} width="600"/>
+<ImageView src={require('./img/Panda_Jet_Installation5.webp').default} width="600"/>
 
 **步骤4：重新组装前壳体**
 将风扇连接器重新连接到板上（最上面的插槽），然后重新连接前壳体部件。
 
-<img src={require('./img/Panda_Jet_Installation6.webp').default} width="600"/>
+<ImageView src={require('./img/Panda_Jet_Installation6.webp').default} width="600"/>
 
 **步骤5：检查风扇**
 打开打印机并启用部件冷却风扇。
diff --git a/docs/panda-series/module/panda-jetpack/panda-jetpack.md b/docs/panda-series/module/panda-jetpack/panda-jetpack.md
index d6cb9d9..cc29f70 100644
--- a/docs/panda-series/module/panda-jetpack/panda-jetpack.md
+++ b/docs/panda-series/module/panda-jetpack/panda-jetpack.md
@@ -2,7 +2,7 @@
 
 <div class="div-table">
 
-<img src={require('./img/Panda_Jetpack_title.webp').default} width="40%" class="right-image"/>
+<ImageView src={require('./img/Panda_Jetpack_title.webp').default} width="40%" class="right-image"/>
 
 ## **产品简介**
 
@@ -29,32 +29,32 @@ BIQU Panda Jetpack 是为 Bambu Lab P1 和 X1 打印机专门设计的高效散
 
 组装前准备：Panda Jetpack成品，小内六角扳手H1.5和H2.0，如下图所示
 
-<img src={require('./img/Panda_Jetpack_Installation1.webp').default} width="600"/>
+<ImageView src={require('./img/Panda_Jetpack_Installation1.webp').default} width="600"/>
 
 **P1组装**
 
 1、首先将打印机关闭电源，然后拆下外壳，风扇接口拆开（红圈所示）。
 
-<img src={require('./img/Panda_Jetpack_Installation2.webp').default} width="600"/>
+<ImageView src={require('./img/Panda_Jetpack_Installation2.webp').default} width="600"/>
 
 2、用H2.0内六角小扳手，将风扇拆出，组装在Panda Jetpack成品里面，将螺丝锁上。
 
-<img src={require('./img/Panda_Jetpack_Installation3.webp').default} width="600"/>
+<ImageView src={require('./img/Panda_Jetpack_Installation3.webp').default} width="600"/>
 
 3、将风扇接口接上，组装完成。
 
-<img src={require('./img/Panda_Jetpack_Installation4.webp').default} width="600"/>
+<ImageView src={require('./img/Panda_Jetpack_Installation4.webp').default} width="600"/>
 
 **X1组装**
 
 1、首先将打印机关闭电源，然后拆下外壳，灯板接口拆开（红圈所示）。
 
-<img src={require('./img/Panda_Jetpack_Installation5.webp').default} width="600"/>
+<ImageView src={require('./img/Panda_Jetpack_Installation5.webp').default} width="600"/>
 
 2、将原装灯板和风扇螺丝锁松，将风扇和灯板放进Panda Jetpack成品里面，将螺丝锁上。
 
-<img src={require('./img/Panda_Jetpack_Installation6.webp').default} width="600"/>
+<ImageView src={require('./img/Panda_Jetpack_Installation6.webp').default} width="600"/>
 
 3、将灯板接口接上，组装完成。
 
-<img src={require('./img/Panda_Jetpack_Installation7.webp').default} width="600"/>
+<ImageView src={require('./img/Panda_Jetpack_Installation7.webp').default} width="600"/>
diff --git a/docs/panda-series/module/panda-lux/panda-lux.md b/docs/panda-series/module/panda-lux/panda-lux.md
index 3b4a9e0..4057824 100644
--- a/docs/panda-series/module/panda-lux/panda-lux.md
+++ b/docs/panda-series/module/panda-lux/panda-lux.md
@@ -2,7 +2,7 @@
 
 <div class="div-table">
 
-<img src={require('./img/Panda_Lux_Title.webp').default} width="40%" class="right-image"/>
+<ImageView src={require('./img/Panda_Lux_Title.webp').default} width="40%" class="right-image"/>
 
 ## **产品简介**
 
@@ -31,13 +31,13 @@ Panda Lux是专为Bambu Lab P1/X1系列打印机设计的高亮度LED灯条。
 
 ## **尺寸**
 
-<img src={require('./img/Panda_Lux_Dimension.webp').default} width="80%"/>
+<ImageView src={require('./img/Panda_Lux_Dimension.webp').default} width="80%"/>
 
 ## **包装清单**
 
-<img src={require('./img/Panda_Lux_Packaging1.webp').default} width="80%"/>
+<ImageView src={require('./img/Panda_Lux_Packaging1.webp').default} width="80%"/>
 
-<img src={require('./img/Panda_Lux_Packaging2.webp').default} width="80%"/>
+<ImageView src={require('./img/Panda_Lux_Packaging2.webp').default} width="80%"/>
 
 ## **安装说明**
 
@@ -47,7 +47,7 @@ Panda Lux是专为Bambu Lab P1/X1系列打印机设计的高亮度LED灯条。
 
 *Panda Lux内置磁铁，便于安装。对于额外的加固，包装中包括双面胶带，但不需要双面胶带。
 
-<img src={require('./img/Panda_Lux_Installation1.webp').default} width="80%"/>
+<ImageView src={require('./img/Panda_Lux_Installation1.webp').default} width="80%"/>
 
 **步骤2:** 如果要在P1打印机（USB端口PCB）上安装，请卸下AP板的保护盖；如果要在X1打印机上安装，则打开机架右侧的塑料盖。
 
@@ -55,24 +55,24 @@ Panda Lux是专为Bambu Lab P1/X1系列打印机设计的高亮度LED灯条。
 
 *为了增加稳定性以防止电缆移动，请使用包装中提供的电工胶带将电缆牢固地固定在门框上。
 
-<img src={require('./img/Panda_Lux_Installation2.webp').default} width="80%"/>
+<ImageView src={require('./img/Panda_Lux_Installation2.webp').default} width="80%"/>
 
 **步骤4:** 从AP板上断开库存灯条连接器。
 
-<img src={require('./img/Panda_Lux_Installation3.webp').default} width="80%"/>
+<ImageView src={require('./img/Panda_Lux_Installation3.webp').default} width="80%"/>
 
 **步骤5:** 连接适配器板上的Panda Lux电缆连接器。
 
-<img src={require('./img/Panda_Lux_Installation4.webp').default} width="80%"/>
+<ImageView src={require('./img/Panda_Lux_Installation4.webp').default} width="80%"/>
 
 **步骤6:** 剥去转接板底部的双面胶带，粘贴在合适的位置。
 
-<img src={require('./img/Panda_Lux_Installation5.webp').default} width="80%"/>
+<ImageView src={require('./img/Panda_Lux_Installation5.webp').default} width="80%"/>
 
 **步骤7:** 将连接电缆的一端插入AP板的库存灯条端口，将连接电缆另一端插入适配器板。
 
 注意：X1系列上的库存灯条连接器位置在塑料盖后面的框架左侧。
 
-<img src={require('./img/Panda_Lux_Installation6.webp').default} width="80%"/>
+<ImageView src={require('./img/Panda_Lux_Installation6.webp').default} width="80%"/>
 
 **步骤8:**将保护盖装回AP板（合上X1打印机的塑料盖）。
diff --git a/docs/panda-series/panda-touch/panda-touch-extra/panda-sense/panda-sense.md b/docs/panda-series/panda-touch/panda-touch-extra/panda-sense/panda-sense.md
index 8b7b978..2816334 100644
--- a/docs/panda-series/panda-touch/panda-touch-extra/panda-sense/panda-sense.md
+++ b/docs/panda-series/panda-touch/panda-touch-extra/panda-sense/panda-sense.md
@@ -2,7 +2,7 @@
 
 Panda Sense 环境温度传感器
 
-<img src={require('./img/panda_sense_title.png').default} alt="" width="600" />
+<ImageView src={require('./img/panda_sense_title.png').default} alt="" width="600" />
 
 ## **规格参数**
 
@@ -18,11 +18,11 @@ Panda Sense 环境温度传感器
 
 ## **产品尺寸**
 
-<img src={require('./img/panda_sense_dimensions.png').default} alt="" width="600" />
+<ImageView src={require('./img/panda_sense_dimensions.png').default} alt="" width="600" />
 
 ## **接口**
 
-<img src={require('./img/panda_sense_interfaces.png').default} alt="" width="600" />
+<ImageView src={require('./img/panda_sense_interfaces.png').default} alt="" width="600" />
 
 ## **指示灯说明**
 
@@ -32,7 +32,7 @@ Panda Sense 环境温度传感器
 
 **准备工具**:
 
-<img src={require('./img/panda_sense_installation.png').default} alt="" width="600" />
+<ImageView src={require('./img/panda_sense_installation.png').default} alt="" width="600" />
 
 **安装步骤:**
 
@@ -46,36 +46,36 @@ Panda Touch 的固件需使用 V1.0.6 及以上版本。
 
 1. 使用电烙铁将热熔螺母嵌入打印件中。
 
-    <img src={require('./img/panda_sense_installation1.png').default} alt="" width="600" />
+    <ImageView src={require('./img/panda_sense_installation1.png').default} alt="" width="600" />
 
 2. 继续使用电烙铁将两颗热熔螺母嵌入打印件中，然后使用M3X5圆头螺丝将Panda Sense Dock固定到打印件中。
 
-    <img src={require('./img/panda_sense_installation2.png').default} alt="" width="600" />
+    <ImageView src={require('./img/panda_sense_installation2.png').default} alt="" width="600" />
 
 3. 将装有Panda Sense Dock的打印件固定到Panda Touch USB Dock上。
 
-    <img src={require('./img/panda_sense_installation3.png').default} alt="" width="600" />
+    <ImageView src={require('./img/panda_sense_installation3.png').default} alt="" width="600" />
 
     安装完成效果如下图所示：
 
-    <img src={require('./img/panda_sense_installation4.png').default} alt="" width="600" />
+    <ImageView src={require('./img/panda_sense_installation4.png').default} alt="" width="600" />
 
 4. 将Panda Sense Touch安装到Panda Touch I2C接口，安装完成效果如右下图所示：
 
-    <img src={require('./img/panda_sense_installation5.png').default} alt="" width="600" />
+    <ImageView src={require('./img/panda_sense_installation5.png').default} alt="" width="600" />
 
 5. 将连接线插入Panda Sense Dock的接口，当Panda Touch磁吸到Panda Touch USB Dock后，Panda Sense即可正常工作。
 
-    <img src={require('./img/panda_sense_installation6.png').default} alt="" width="600" />
+    <ImageView src={require('./img/panda_sense_installation6.png').default} alt="" width="600" />
 
 **如何在Panda Touch上查看温度和湿度**
 
-<img src={require('./img/panda_sense_installation7.png').default} alt="" width="600" />
+<ImageView src={require('./img/panda_sense_installation7.png').default} alt="" width="600" />
 
 打印机空闲时
 
-<img src={require('./img/panda_sense_installation8.png').default} alt="" width="600" />
+<ImageView src={require('./img/panda_sense_installation8.png').default} alt="" width="600" />
 
 打印机打印中
 
-<img src={require('./img/panda_sense_installation8.png').default} alt="" width="600" />
+<ImageView src={require('./img/panda_sense_installation8.png').default} alt="" width="600" />
diff --git a/docs/panda-series/panda-touch/panda-touch-firmware.md b/docs/panda-series/panda-touch/panda-touch-firmware.md
index 89103cf..1ac984f 100644
--- a/docs/panda-series/panda-touch/panda-touch-firmware.md
+++ b/docs/panda-series/panda-touch/panda-touch-firmware.md
@@ -19,13 +19,13 @@ import TabItem from '@theme/TabItem';
 
 ### 语言选择指南
 
-<img src={require('./img/language_guide.png').default} alt="" width="600" />
+<ImageView src={require('./img/language_guide.png').default} alt="" width="600" />
 
 * 为Panda Touch选择一种语言，然后点击`下一步`
 
 ### WiFi连接指南
 
-<img src={require('./img/guide_wifi.png').default} alt="" width="600" />
+<ImageView src={require('./img/guide_wifi.png').default} alt="" width="600" />
 
 * 在初始设置过程中，Panda Touch将扫描WiFi网络，然后显示多达20个具有最佳信号强度的网络。如果您在列表中找不到所需的网络，请点击`刷新`，Panda Touch将重新扫描WiFi网络
 >注意：
@@ -39,7 +39,7 @@ import TabItem from '@theme/TabItem';
 
 ### 打印机连接菜单
 
-<img src={require('./img/guide_printer.png').default} alt="" width="600" />
+<ImageView src={require('./img/guide_printer.png').default} alt="" width="600" />
 
 * 将Panda Touch连接到打印机有两种可能的方法。
     1. 自动扫描（推荐）。
@@ -52,19 +52,19 @@ import TabItem from '@theme/TabItem';
 
 * 导航至LCD菜单上的`设置->WLAN`，然后单击`确定`。
 
-    <img src={require('./img/p1_1.png').default} alt="" width="600" />
+    <ImageView src={require('./img/p1_1.png').default} alt="" width="600" />
 
 * 在相应的Panda Touch输入框中输入IP和访问码（仅访问码用于自动扫描）。
 
-    <img src={require('./img/p1_2.png').default} alt="" width="600" />
+    <ImageView src={require('./img/p1_2.png').default} alt="" width="600" />
 
 * 在屏幕菜单中找到`设置->设备`，然后单击`确定`。
 
-    <img src={require('./img/p1_3.png').default} alt="" width="600" />
+    <ImageView src={require('./img/p1_3.png').default} alt="" width="600" />
 
 * 在相应的Panda Touch输入框中输入序列号代码
 
-    <img src={require('./img/p1_4.png').default} alt="" width="600" />
+    <ImageView src={require('./img/p1_4.png').default} alt="" width="600" />
 
 #### 自动扫描
 
@@ -113,7 +113,7 @@ import TabItem from '@theme/TabItem';
 #### 登录拓竹账号
 * 点击跳转到设置页面，然后点击`登录拓竹帐户`按钮。 
 
-    <img src={require('./img/add_account.png').default} alt="" width="600" />
+    <ImageView src={require('./img/add_account.png').default} alt="" width="600" />
 
 * 点击弹出窗口右上角的箭头选择您的地区。
 
@@ -121,7 +121,7 @@ import TabItem from '@theme/TabItem';
 
 ::::info 如何找到我的拓竹账号信息
 
-<img src={require('./img/login.png').default} alt="" width="600" />
+<ImageView src={require('./img/login.png').default} alt="" width="600" />
 
 :::warning 已知问题
 
@@ -129,7 +129,7 @@ import TabItem from '@theme/TabItem';
 
 :::
 
-<img src={require('./img/input_account.png').default} alt="" width="600" />
+<ImageView src={require('./img/input_account.png').default} alt="" width="600" />
 
 ::::
 
@@ -139,18 +139,18 @@ import TabItem from '@theme/TabItem';
 
 * 只有所有打印机都使用云模式运行时，才执行此操作，如果打印机打开了`仅局域网`模式，则可以跳过此操作。如果要改变PandaTouch与打印机之间的通信方式请查看 [如何切换PandaTouch和打印机之间的通信方式](#如何切换pandatouch和打印机之间的通信方式)
 
-    <img src={require('./img/login_ok.png').default} alt="" width="600" />
+    <ImageView src={require('./img/login_ok.png').default} alt="" width="600" />
 
 * 如果您想将现有打印机与PandaTouch之间的通信方式转换为云模式，请点击`是`。 
 
 * 在此过程中，打印机必须与PandaTouch位于同一网络上。如果网络连接不佳，您可能需要重新编辑打印机的IP地址。
 
-    <img src={require('./img/sync_ok.png').default} alt="" width="600" />
+    <ImageView src={require('./img/sync_ok.png').default} alt="" width="600" />
 
 * 一旦打印机在云模式下工作，您将在多打印机视图中注意到与其卡片关联的绿色云。云表示打印机与PandaTouch之间的通信方式。
 
 * 您还将注意到一对绿色箭头，指示与该打印机的连接状态。
-    <img src={require('./img/cloud_mode.png').default} alt="" width="600" />
+    <ImageView src={require('./img/cloud_mode.png').default} alt="" width="600" />
 
 #### 如何删除已登录的账号
 
@@ -158,7 +158,7 @@ import TabItem from '@theme/TabItem';
 
 * 删除帐户信息后，PandaTouch和打印机之间的通信模式将更改为本地模式。请注意，这不会将打印机本身设置为`仅LAN`模式，而是会告诉Panda Touch仅使用LAN模式与打印机通话，这可能会导致某些功能丢失。
 
-    <img src={require('./img/del_account.png').default} alt="" width="600" />
+    <ImageView src={require('./img/del_account.png').default} alt="" width="600" />
 
 #### 如何切换PandaTouch和打印机之间的通信方式
 
@@ -171,7 +171,7 @@ import TabItem from '@theme/TabItem';
 
 必须在设置菜单中启用云帐户，否则将无法将该打印机与PandaTouch之间的通信方式设置为云模式。
 
-<img src={require('./img/switch_work_mode.png').default} alt="" width="600" />
+<ImageView src={require('./img/switch_work_mode.png').default} alt="" width="600" />
 
 :::
 
@@ -184,19 +184,19 @@ import TabItem from '@theme/TabItem';
 
 - 字母输入
 
-    <img src={require('./img/keyboard_letter.png').default} alt="" width="600" />
+    <ImageView src={require('./img/keyboard_letter.png').default} alt="" width="600" />
 
 - 符号输入
 
-    <img src={require('./img/keyboard_symbol.png').default} alt="" width="600" />
+    <ImageView src={require('./img/keyboard_symbol.png').default} alt="" width="600" />
 
 - 数字输入
 
-    <img src={require('./img/keyboard_number.png').default} alt="" width="600" />
+    <ImageView src={require('./img/keyboard_number.png').default} alt="" width="600" />
 
 ## 打印任务和缩略图显示
 
-<img src={require('./img/thumbnail_preview.png').default} alt="" width="600" />
+<ImageView src={require('./img/thumbnail_preview.png').default} alt="" width="600" />
 
 :::info
 
@@ -214,18 +214,18 @@ Panda Touch允许用户配置外部线轴支架和AMS上使用的耗材的类型
 
 执行任何操作时，请确保选择了正确的AMS装置和灯丝槽。当耗材周围有红色边框时，您就会知道耗材已被选中。如果未选择任何内容，则`加载`和`卸载`按钮将变灰。
 
-<img src={require('./img/filament_screen.png').default} alt="" width="600" />
+<ImageView src={require('./img/filament_screen.png').default} alt="" width="600" />
 
 ## 耗材烘干
 Panda Touch允许用户在X1系列和P1S上烘干耗材 
 
 * 点击烘干按钮
 
-<img src={require('./img/drying.png').default} alt="" width="500" />
+<ImageView src={require('./img/drying.png').default} alt="" width="500" />
 
 * 按照右侧的步骤操作
 
-<img src={require('./img/filament_dry.png').default} alt="" width="500" />
+<ImageView src={require('./img/filament_dry.png').default} alt="" width="500" />
 
 ## 零件跳过
 
@@ -239,11 +239,11 @@ Panda Touch允许用户在X1系列和P1S上烘干耗材
 
 :::
 
-<img src={require('./img/skip_objects.gif').default} alt="" width="500" />
+<ImageView src={require('./img/skip_objects.gif').default} alt="" width="500" />
 
 ## HMS (健康管理系统)
 
-<img src={require('./img/hms.png').default} alt="" width="600" />
+<ImageView src={require('./img/hms.png').default} alt="" width="600" />
 
 * 点击Panda Touch的标题栏，HMS通知中心菜单将展开。
 * 当检测到新的HMS通知时，Panda Touch将自动扩展HMS通知中心。
@@ -259,18 +259,18 @@ Panda Touch允许您创建多达10个组，每个组可以包含单个或多个
 
 * 在已连接的打印机列表中点击+，弹出多功能菜单。
     
-    <img src={require('./img/press_plus.png').default} alt="" width="600" />
+    <ImageView src={require('./img/press_plus.png').default} alt="" width="600" />
 
 * 选择添加组选项。
 
-    <img src={require('./img/press_add_group.png').default} alt="" width="600" />
+    <ImageView src={require('./img/press_add_group.png').default} alt="" width="600" />
 
 * 选择要添加到组中的打印机，并确保选择其中一台作为主机（组中的其他打印机将遵循发送给主机的命令）。
 
-    <img src={require('./img/group_choose_printer.png').default} alt="" width="600" />
+    <ImageView src={require('./img/group_choose_printer.png').default} alt="" width="600" />
 
 * 点击下一步，输入组名，然后单击`确定`。
-    <img src={require('./img/group_name.png').default} alt="" width="600" />
+    <ImageView src={require('./img/group_name.png').default} alt="" width="600" />
 
 * 现在，您可以在打印机列表中看到该组，点击该组将允许您控制整个组，但显示的控件将是组长的控件。
 
@@ -280,7 +280,7 @@ Panda Touch允许您创建多达10个组，每个组可以包含单个或多个
 * 如果您向单个打印机发送一个需要一些时间的命令（如归位），然后向它所属的组发送一个命令，如果第一个命令仍然繁忙，则第二个命令将被忽略。
 * 要控制整个组，只需单击与该组对应的卡片，您就会注意到顶部栏中的名称更改为组的名称和主机的名称，用正斜杠分隔。现在，您可以向组长发送命令，组中的其他打印机也将随之发送命令。
 
-<img src={require('./img/add_group_ok.png').default} alt="" width="600" />
+<ImageView src={require('./img/add_group_ok.png').default} alt="" width="600" />
 
 ### 从USB打印的注意事项
 
@@ -289,7 +289,7 @@ Panda Touch允许您创建多达10个组，每个组可以包含单个或多个
 * 确保USB闪存驱动器的文件系统格式化为 `FAT32`。
 * 使用`导出所有盘`选项从Bambu Studio或Orca Slicer导出`.3mf`文件。
 
-    <img src={require('./img/export_3mf.png').default} alt="" width="300" />
+    <ImageView src={require('./img/export_3mf.png').default} alt="" width="300" />
 
 * 将切好的 `.3mf` 文件写入USB储存设备的根目录
 
@@ -299,7 +299,7 @@ Panda Touch允许您创建多达10个组，每个组可以包含单个或多个
 
 * 将USB储存设备插入Panda Touch，然后转到`USB储存设备`菜单。
 
-    <img src={require('./img/usb_flash_drive.png').default} alt="" width="600" />
+    <ImageView src={require('./img/usb_flash_drive.png').default} alt="" width="600" />
 
 ### 使用一台打印机开始打印
 
@@ -312,7 +312,7 @@ Panda Touch允许您创建多达10个组，每个组可以包含单个或多个
     * `自动断电` (自动识别在线的Panda PWR,开启自动断电功能)
     * `清除用电量` (自动识别在线的Panda PWR,重置Panda PWR的用电量)
 
-    <img src={require('./img/start_print_one.png').default} alt="" width="600" />
+    <ImageView src={require('./img/start_print_one.png').default} alt="" width="600" />
 
 * 请确保切片的`.3mf`文件与所选打印机兼容。
 * 如果使用AMS，请确保AMS托盘中的耗材与切片的`.3mf`文件中的耗材一致，因为在打印开始时无法动态映射耗材。
@@ -321,13 +321,13 @@ Panda Touch允许您创建多达10个组，每个组可以包含单个或多个
     1. 打印机中插入了MicroSD卡。
     2. MicroSD卡的剩余容量足以写入要上传的文件。
 
-    <img src={require('./img/uploading.png').default} alt="" width="600" />
+    <ImageView src={require('./img/uploading.png').default} alt="" width="600" />
 
 * 上传完成后，将开始打印。对于非常大的`.3mf`文件，传输到每台打印机可能需要几分钟的时间。
 
 * 开始打印后，Panda Touch将自动跳转到主界面并显示打印机数据。
 
-    <img src={require('./img/start_print_one_ing.png').default} alt="" width="600" />
+    <ImageView src={require('./img/start_print_one_ing.png').default} alt="" width="600" />
 
 ### 组打印
 
@@ -343,7 +343,7 @@ Panda Touch允许您创建多达10个组，每个组可以包含单个或多个
 
 * 特定组的复选框打印选项将基于组中功能最强大的机器可用的功能。例如，您正在使用包含X1C\P1P\P1S的组，您将有激光雷达扫描选项可用，但此选项将仅发送给支持它的组中的打印机。
 
-    <img src={require('./img/start_print.png').default} alt="" width="600" />
+    <ImageView src={require('./img/start_print.png').default} alt="" width="600" />
 
 * Panda Touch将生成一个可用打印机列表供您选择。
 * 已忙的打印机和组将被排除在此列表之外。这意味着，如果组中的单个打印机已经繁忙，则您将无法打印到该组中的任何打印机。这允许组始终保持彼此同步。
@@ -355,12 +355,12 @@ Panda Touch允许您创建多达10个组，每个组可以包含单个或多个
     1. 打印机中插入了MicroSD卡。
     2. MicroSD卡的剩余容量足以写入要上传的文件。
 
-    <img src={require('./img/udisk_upload.png').default} alt="" width="600" />
+    <ImageView src={require('./img/udisk_upload.png').default} alt="" width="600" />
 
 
 * 上传完成后，将开始打印。对于非常大的`.3mf`文件，传输到每台打印机可能需要几分钟的时间。
 
-    <img src={require('./img/group_printing.png').default} alt="" width="600" />
+    <ImageView src={require('./img/group_printing.png').default} alt="" width="600" />
 
 * 开始打印后，您将被带到打印摘要页面，在该页面上，组中每个打印机的状态都在单独的卡片上进行了摘要。
 
@@ -368,7 +368,7 @@ Panda Touch允许您创建多达10个组，每个组可以包含单个或多个
 
 当选择一个组并且组中的多台打印机正忙于打印时，Panda Touch将显示`多台打印`菜单，如下所示。
 
-<img src={require('./img/multi_printing.png').default} alt="" width="600" />
+<ImageView src={require('./img/multi_printing.png').default} alt="" width="600" />
 
 此菜单中存在以下组控件：
 
@@ -380,4 +380,4 @@ Panda Touch允许您创建多达10个组，每个组可以包含单个或多个
 
 在组打印时根据这个时间来进行延时，如果当前打印机加热完成或者时间到了，就发送打印任务到下一台。
 
-<img src={require('./img/group_delay.png').default} alt="" width="600" />
+<ImageView src={require('./img/group_delay.png').default} alt="" width="600" />
diff --git a/docs/panda-series/panda-touch/panda-touch-hardware.md b/docs/panda-series/panda-touch/panda-touch-hardware.md
index 14d632d..823d7ae 100644
--- a/docs/panda-series/panda-touch/panda-touch-hardware.md
+++ b/docs/panda-series/panda-touch/panda-touch-hardware.md
@@ -23,7 +23,7 @@ Panda Touch 的 CAD 文件可以在 GitHub repo [bigtreetech/PandaTouch/3D](http
 
 ### 概述
 
-<img
+<ImageView
     src={require('./img/pt_back.png').default}
     alt="" width="550"
 />
@@ -36,7 +36,7 @@ Panda Touch 的 CAD 文件可以在 GitHub repo [bigtreetech/PandaTouch/3D](http
 
 ### 充电座
 
-<img
+<ImageView
     src={require('./img/charging_dock.png').default}
     alt="" width="550"
 />
@@ -61,28 +61,28 @@ Panda Touch 的 CAD 文件可以在 GitHub repo [bigtreetech/PandaTouch/3D](http
 
 * 如图所示，使用六角/内六角扳手和两个M3x6 FHCS组装充电座和安装支架。
 
-<img
+<ImageView
     src={require('./img/pt_1_1.png').default}
     alt="" width="300"
 />
 
 * 从安装支架的底部剥离薄膜。
 
-<img
+<ImageView
     src={require('./img/pt_1_2.png').default}
     alt="" width="300"
 />
 
 * 确保打印机表面清洁、无油、油脂等，将组装好的充电座固定在原始屏幕的中央。施加压力使其完全粘附，并等待12小时以获得最佳粘附力。
 
-<img
+<ImageView
     src={require('./img/pt_1_3.png').default}
     alt="" width="300"
 />
 
 * 将Panda Touch连接到充电座。
 
-<img
+<ImageView
     src={require('./img/pt_1_4.png').default}
     alt="" width="300"
 />
@@ -91,18 +91,18 @@ Panda Touch 的 CAD 文件可以在 GitHub repo [bigtreetech/PandaTouch/3D](http
 
 - 卸下打印机USB端口上的泡沫，即可访问该端口。
 
-    <img src={require('./img/pt_2_1.png').default} alt="" width="300" />
+    <ImageView src={require('./img/pt_2_1.png').default} alt="" width="300" />
 
 - 将充电电缆穿过打印机右侧的孔，然后将USB-C端插入充电底座的电源输入。
     
-    <img src={require('./img/pt_2_2.png').default} alt="" width="300" />
+    <ImageView src={require('./img/pt_2_2.png').default} alt="" width="300" />
 
 - 将充电电缆的USB-A端插入打印机上的USB端口以连接电源。然后如图所示将电缆布置在夹子中。
 
 > 提示:
 > 请 100% 确定您已将电缆拧入夹子，以防止工具头在归位过程中卡住电缆。
 
-    <img src={require('./img/pt_2_3.png').default} alt="" width="300" />
+    <ImageView src={require('./img/pt_2_3.png').default} alt="" width="300" />
 
 - 后部电源开关上有三个选项。
   * 在`关闭`位置，电池将充电，但Panda Touch不会通电。
@@ -111,8 +111,8 @@ Panda Touch 的 CAD 文件可以在 GitHub repo [bigtreetech/PandaTouch/3D](http
 
   * 当切换到DC 5V位置时，Panda Touch直接由USB输入供电，同时仍在为电池充电。将其从底座上卸下将关闭电源，而Panda Touch不会耗尽电池电量。建议经常打开和关闭打印机的用户使用此模式，因为它可以保持电池充电周期。如果这些用户希望在便携式模式下使用Panda Touch，那么他们可以在将其从底座上取下后将开关切换到电池电源。
 
-    <img src={require('./img/pt_2_4.png').default} alt="" width="300" />
+    <ImageView src={require('./img/pt_2_4.png').default} alt="" width="300" />
 
 - Panda Touch已成功安装并通电。请按照屏幕上的说明进行下一步设置。
   
-    <img src={require('./img/pt_2_5.png').default} alt="" width="300" />
+    <ImageView src={require('./img/pt_2_5.png').default} alt="" width="300" />
diff --git a/docusaurus.config.ts b/docusaurus.config.ts
index d0cc17f..294619d 100644
--- a/docusaurus.config.ts
+++ b/docusaurus.config.ts
@@ -114,7 +114,7 @@ const config: Config = {
   ],
 
   plugins: [
-    'docusaurus-plugin-image-zoom',
+
   ],
 
   themeConfig: {
@@ -245,14 +245,6 @@ const config: Config = {
       darkTheme: custom_code_themes,
       additionalLanguages: ['bash','systemd'],
     },
-    zoom: {
-      selector: '.markdown > img',
-      background: {
-        light: 'rgb(255, 255, 255)',
-        dark: 'rgb(20, 20, 20)'
-      },
-      config: {}
-    }
   } satisfies Preset.ThemeConfig,
 };
 
diff --git a/i18n/en/docusaurus-plugin-content-docs/current/accessories-docs/display/HDMI5-display/hdmi5-display.md b/i18n/en/docusaurus-plugin-content-docs/current/accessories-docs/display/HDMI5-display/hdmi5-display.md
index 3ee30fc..0f03c37 100644
--- a/i18n/en/docusaurus-plugin-content-docs/current/accessories-docs/display/HDMI5-display/hdmi5-display.md
+++ b/i18n/en/docusaurus-plugin-content-docs/current/accessories-docs/display/HDMI5-display/hdmi5-display.md
@@ -14,7 +14,7 @@ import TabItem from '@theme/TabItem';
 
 <div class="div-table">
 
-<img src={require('@site/docs/accessories-docs/display/HDMI5-display/img/HDMI5_Title.png').default} width="45%" class="right-image"/>
+<ImageView src={require('@site/docs/accessories-docs/display/HDMI5-display/img/HDMI5_Title.png').default} width="45%" class="right-image"/>
 
 ## 产品规格
 
@@ -32,11 +32,11 @@ import TabItem from '@theme/TabItem';
 
 ## 尺寸
 
-<img src={require('@site/docs/accessories-docs/display/HDMI5-display/img/HDMI5_Dimension.png').default} width="80%"/>
+<ImageView src={require('@site/docs/accessories-docs/display/HDMI5-display/img/HDMI5_Dimension.png').default} width="80%"/>
 
 ## 接口示意图
 
-<img src={require('@site/docs/accessories-docs/display/HDMI5-display/img/HDMI5_Interface.png').default} width="80%"/>
+<ImageView src={require('@site/docs/accessories-docs/display/HDMI5-display/img/HDMI5_Interface.png').default} width="80%"/>
 
 ## 硬件配置
 
@@ -50,19 +50,19 @@ import TabItem from '@theme/TabItem';
 
 将3.5毫米耳机/扬声器插入AUDIO接口，实现音频输出。
 
-<img src={require('@site/docs/accessories-docs/display/HDMI5-display/img/HDMI5_Audio.png').default} width="80%"/>
+<ImageView src={require('@site/docs/accessories-docs/display/HDMI5-display/img/HDMI5_Audio.png').default} width="80%"/>
 
 ### 屏幕亮度调整
 
 BIGTREETECH HDMI5 V1.0 支持亮度调节，可以通过 `Ks1` 按钮增加亮度，通过 `Ks3` 按钮降低亮度。
 
-<img src={require('@site/docs/accessories-docs/display/HDMI5-display/img/HDMI5_Brightness.png').default} width="80%"/>
+<ImageView src={require('@site/docs/accessories-docs/display/HDMI5-display/img/HDMI5_Brightness.png').default} width="80%"/>
 
 ### 显示方向调整
 
 BIGTREETECH HDMI5 V1.0 支持通过 `Ks2` 按钮进行水平显示方向调整。
 
-<img src={require('@site/docs/accessories-docs/display/HDMI5-display/img/HDMI5_Direction.png').default} width="80%"/>
+<ImageView src={require('@site/docs/accessories-docs/display/HDMI5-display/img/HDMI5_Direction.png').default} width="80%"/>
 
 ### 指示灯
 
@@ -92,4 +92,4 @@ hdmi_drive=1
 
 进入系统桌面后，右键单击右上角的音频源图标，然后选择HDMI。
 
-<img src={require('@site/docs/accessories-docs/display/HDMI5-display/img/HDMI5_Desktop.png').default} width="80%"/>
+<ImageView src={require('@site/docs/accessories-docs/display/HDMI5-display/img/HDMI5_Desktop.png').default} width="80%"/>
diff --git a/i18n/en/docusaurus-plugin-content-docs/current/accessories-docs/display/HDMI7-v1-display/hdmi7-v1-display.md b/i18n/en/docusaurus-plugin-content-docs/current/accessories-docs/display/HDMI7-v1-display/hdmi7-v1-display.md
index dcbc1e7..0d555a1 100644
--- a/i18n/en/docusaurus-plugin-content-docs/current/accessories-docs/display/HDMI7-v1-display/hdmi7-v1-display.md
+++ b/i18n/en/docusaurus-plugin-content-docs/current/accessories-docs/display/HDMI7-v1-display/hdmi7-v1-display.md
@@ -14,7 +14,7 @@ import TabItem from '@theme/TabItem';
 
 <div class="div-table">
 
-<img src={require('@site/docs/accessories-docs/display/HDMI7-v1-display/img/HDMI7_Title.png').default} width="45%" class="right-image"/>
+<ImageView src={require('@site/docs/accessories-docs/display/HDMI7-v1-display/img/HDMI7_Title.png').default} width="45%" class="right-image"/>
 
 ## 产品规格
 
@@ -32,11 +32,11 @@ import TabItem from '@theme/TabItem';
 
 ## 尺寸
 
-<img src={require('@site/docs/accessories-docs/display/HDMI7-v1-display/img/HDMI7_Dimension.png').default} width="80%"/>
+<ImageView src={require('@site/docs/accessories-docs/display/HDMI7-v1-display/img/HDMI7_Dimension.png').default} width="80%"/>
 
 ## 接口示意图
 
-<img src={require('@site/docs/accessories-docs/display/HDMI7-v1-display/img/HDMI7_Interface.png').default} width="80%"/>
+<ImageView src={require('@site/docs/accessories-docs/display/HDMI7-v1-display/img/HDMI7_Interface.png').default} width="80%"/>
 
 ## 硬件配置
 
@@ -50,19 +50,19 @@ import TabItem from '@theme/TabItem';
 
 将3.5毫米耳机/扬声器插入AUDIO接口，实现音频输出。
 
-<img src={require('@site/docs/accessories-docs/display/HDMI7-v1-display/img/HDMI7_Audio.png').default} width="80%"/>
+<ImageView src={require('@site/docs/accessories-docs/display/HDMI7-v1-display/img/HDMI7_Audio.png').default} width="80%"/>
 
 ### 屏幕亮度调整
 
 BIGTREETECH HDMI7 V1.0 支持亮度调节，可以通过 `Ks1` 按钮增加亮度，通过 `Ks3` 按钮降低亮度。
 
-<img src={require('@site/docs/accessories-docs/display/HDMI7-v1-display/img/HDMI7_Brightness.png').default} width="80%"/>
+<ImageView src={require('@site/docs/accessories-docs/display/HDMI7-v1-display/img/HDMI7_Brightness.png').default} width="80%"/>
 
 ### 显示方向调整
 
 BIGTREETECH HDMI7 V1.0 支持通过 `Ks2` 按钮进行水平显示方向调整。
 
-<img src={require('@site/docs/accessories-docs/display/HDMI7-v1-display/img/HDMI7_Direction.png').default} width="80%"/>
+<ImageView src={require('@site/docs/accessories-docs/display/HDMI7-v1-display/img/HDMI7_Direction.png').default} width="80%"/>
 
 ### 指示灯
 
@@ -92,4 +92,4 @@ hdmi_drive=1
 
 进入系统桌面后，右键单击右上角的音频源图标，然后选择HDMI。
 
-<img src={require('@site/docs/accessories-docs/display/HDMI7-v1-display/img/HDMI7_Desktop.png').default} width="80%"/>
+<ImageView src={require('@site/docs/accessories-docs/display/HDMI7-v1-display/img/HDMI7_Desktop.png').default} width="80%"/>
diff --git a/i18n/en/docusaurus-plugin-content-docs/current/accessories-docs/display/HDMI7-v1_2-display/hdmi7-v1_2-display.md b/i18n/en/docusaurus-plugin-content-docs/current/accessories-docs/display/HDMI7-v1_2-display/hdmi7-v1_2-display.md
index b8ce6b8..c12b487 100644
--- a/i18n/en/docusaurus-plugin-content-docs/current/accessories-docs/display/HDMI7-v1_2-display/hdmi7-v1_2-display.md
+++ b/i18n/en/docusaurus-plugin-content-docs/current/accessories-docs/display/HDMI7-v1_2-display/hdmi7-v1_2-display.md
@@ -14,7 +14,7 @@ import TabItem from '@theme/TabItem';
 
 <div class="div-table">
 
-<img src={require('@site/docs/accessories-docs/display/HDMI7-v1_2-display/img/HDMI7V1.2_Title.png').default} width="50%" class="right-image"/>
+<ImageView src={require('@site/docs/accessories-docs/display/HDMI7-v1_2-display/img/HDMI7V1.2_Title.png').default} width="50%" class="right-image"/>
 
 ## 产品规格
 
@@ -32,11 +32,11 @@ import TabItem from '@theme/TabItem';
 
 ## 尺寸
 
-<img src={require('@site/docs/accessories-docs/display/HDMI7-v1_2-display/img/HDMI7V1.2_Dimension.png').default} width="80%"/>
+<ImageView src={require('@site/docs/accessories-docs/display/HDMI7-v1_2-display/img/HDMI7V1.2_Dimension.png').default} width="80%"/>
 
 ## 接口示意图
 
-<img src={require('@site/docs/accessories-docs/display/HDMI7-v1_2-display/img/HDMI7V1.2_Interface.png').default} width="80%"/>
+<ImageView src={require('@site/docs/accessories-docs/display/HDMI7-v1_2-display/img/HDMI7V1.2_Interface.png').default} width="80%"/>
 
 ## 硬件配置
 
@@ -52,19 +52,19 @@ import TabItem from '@theme/TabItem';
 
 将3.5毫米耳机/扬声器插入AUDIO接口，实现音频输出。
 
-<img src={require('@site/docs/accessories-docs/display/HDMI7-v1_2-display/img/HDMI7V1.2_Audio.png').default} width="80%"/>
+<ImageView src={require('@site/docs/accessories-docs/display/HDMI7-v1_2-display/img/HDMI7V1.2_Audio.png').default} width="80%"/>
 
 ### 屏幕亮度调整
 
 BIGTREETECH HDMI7 V1.2 支持亮度调节，可以通过 `Ks1` 按钮增加亮度，通过 `Ks3` 按钮降低亮度。
 
-<img src={require('@site/docs/accessories-docs/display/HDMI7-v1_2-display/img/HDMI7V1.2_Screen.png').default} width="80%"/>
+<ImageView src={require('@site/docs/accessories-docs/display/HDMI7-v1_2-display/img/HDMI7V1.2_Screen.png').default} width="80%"/>
 
 ### 显示方向调整
 
 BIGTREETECH HDMI7 V1.0 支持通过 `Ks2` 按钮进行水平显示方向调整。
 
-<img src={require('@site/docs/accessories-docs/display/HDMI7-v1_2-display/img/HDMI7V1.2_Display.png').default} width="80%"/>
+<ImageView src={require('@site/docs/accessories-docs/display/HDMI7-v1_2-display/img/HDMI7V1.2_Display.png').default} width="80%"/>
 
 ### 指示灯
 
@@ -94,4 +94,4 @@ hdmi_drive=1
 
 进入系统桌面后，右键单击右上角的音频源图标，然后选择HDMI。
 
-<img src={require('@site/docs/accessories-docs/display/HDMI7-v1_2-display/img/HDMI7V1.2_RPI.png').default} width="80%"/>
+<ImageView src={require('@site/docs/accessories-docs/display/HDMI7-v1_2-display/img/HDMI7V1.2_RPI.png').default} width="80%"/>
diff --git a/i18n/en/docusaurus-plugin-content-docs/current/accessories-docs/display/TFT24/tft24.md b/i18n/en/docusaurus-plugin-content-docs/current/accessories-docs/display/TFT24/tft24.md
index 5842dd8..ad759e1 100644
--- a/i18n/en/docusaurus-plugin-content-docs/current/accessories-docs/display/TFT24/tft24.md
+++ b/i18n/en/docusaurus-plugin-content-docs/current/accessories-docs/display/TFT24/tft24.md
@@ -14,7 +14,7 @@ import TabItem from '@theme/TabItem';
 
 <div class="div-table">
 
-<img src={require('@site/docs/accessories-docs/display/TFT24/img/TFT24_Title.png').default} width="45%" class="right-image"/>
+<ImageView src={require('@site/docs/accessories-docs/display/TFT24/img/TFT24_Title.png').default} width="45%" class="right-image"/>
 
 ## 产品规格
 
@@ -29,11 +29,11 @@ import TabItem from '@theme/TabItem';
 
 ## 尺寸
 
-<img src={require('@site/docs/accessories-docs/display/TFT24/img/TFT24_Diagram.png').default} width="50%"/>
+<ImageView src={require('@site/docs/accessories-docs/display/TFT24/img/TFT24_Diagram.png').default} width="50%"/>
 
 ## 接口示意图
 
-<img src={require('@site/docs/accessories-docs/display/TFT24/img/TFT24_Interface.png').default} width="50%"/>
+<ImageView src={require('@site/docs/accessories-docs/display/TFT24/img/TFT24_Interface.png').default} width="50%"/>
 
 :::info[固件与功能选择]
 
diff --git a/i18n/en/docusaurus-plugin-content-docs/current/accessories-docs/display/TFT35-E3/tft35-e3.md b/i18n/en/docusaurus-plugin-content-docs/current/accessories-docs/display/TFT35-E3/tft35-e3.md
index 538df85..8830bd5 100644
--- a/i18n/en/docusaurus-plugin-content-docs/current/accessories-docs/display/TFT35-E3/tft35-e3.md
+++ b/i18n/en/docusaurus-plugin-content-docs/current/accessories-docs/display/TFT35-E3/tft35-e3.md
@@ -14,7 +14,7 @@ import TabItem from '@theme/TabItem';
 
 <div class="div-table">
 
-<img src={require('@site/docs/accessories-docs/display/TFT35-E3/img/TFT35_E3_Title.png').default} width="45%" class="right-image"/>
+<ImageView src={require('@site/docs/accessories-docs/display/TFT35-E3/img/TFT35_E3_Title.png').default} width="45%" class="right-image"/>
 
 ## 产品简介
 
@@ -42,7 +42,7 @@ TFT35-E3 是一款中等尺寸、双模、超清晰的3D打印机显示器，可
 
 ## 尺寸
 
-<img src={require('@site/docs/accessories-docs/display/TFT35-E3/img/TFT35_E3_Diagram.png').default} width="50%"/>
+<ImageView src={require('@site/docs/accessories-docs/display/TFT35-E3/img/TFT35_E3_Diagram.png').default} width="50%"/>
 
 ## 接口示意图
 
@@ -56,7 +56,7 @@ TFT35-E3 是一款中等尺寸、双模、超清晰的3D打印机显示器，可
 
 :::
 
-<img src={require('@site/docs/accessories-docs/display/TFT35-E3/img/TFT35_E3_Interface.png').default} width="50%"/>
+<ImageView src={require('@site/docs/accessories-docs/display/TFT35-E3/img/TFT35_E3_Interface.png').default} width="50%"/>
 
 ## 软件配置
 
diff --git a/i18n/en/docusaurus-plugin-content-docs/current/accessories-docs/display/TFT35-SPI/tft35-spi.md b/i18n/en/docusaurus-plugin-content-docs/current/accessories-docs/display/TFT35-SPI/tft35-spi.md
index 8adaafc..77823dc 100644
--- a/i18n/en/docusaurus-plugin-content-docs/current/accessories-docs/display/TFT35-SPI/tft35-spi.md
+++ b/i18n/en/docusaurus-plugin-content-docs/current/accessories-docs/display/TFT35-SPI/tft35-spi.md
@@ -27,15 +27,15 @@ import TabItem from '@theme/TabItem';
 
 ## 尺寸
 
-<img src={require('@site/docs/accessories-docs/display/TFT35-SPI/img/TFT35_SPI_Dimension.png').default} width="50%"/>
+<ImageView src={require('@site/docs/accessories-docs/display/TFT35-SPI/img/TFT35_SPI_Dimension.png').default} width="50%"/>
 
 ## 接口示意图
 
-<img src={require('@site/docs/accessories-docs/display/TFT35-SPI/img/TFT35_SPI_Interface.png').default} width="50%"/>
+<ImageView src={require('@site/docs/accessories-docs/display/TFT35-SPI/img/TFT35_SPI_Interface.png').default} width="50%"/>
 
 ## Pinout
 
-<img src={require('@site/docs/accessories-docs/display/TFT35-SPI/img/TFT35_SPI_Pinout.png').default} width="50%"/>
+<ImageView src={require('@site/docs/accessories-docs/display/TFT35-SPI/img/TFT35_SPI_Pinout.png').default} width="50%"/>
 
 ## 软件安装
 
@@ -49,13 +49,13 @@ V2.2.0及更早版本的操作系统不支持 TFT35 SPI。需要使用 V2.2.1 
 
 CB1 系统 img [bigtreetech/CB1/releases](https://github.com/bigtreetech/CB1/releases)
 
-<img src={require('@site/docs/accessories-docs/display/TFT35-SPI/img/TFT35_SPI_Soft1.png').default} width="80%"/>
+<ImageView src={require('@site/docs/accessories-docs/display/TFT35-SPI/img/TFT35_SPI_Soft1.png').default} width="80%"/>
 
 操作系统写入SD卡后，有一个名为 `BOOT` 的 `FAT32` 分区，用 VSCode 打开 `BoardEnv.txt` 文件。
 
 取消注释覆盖 `=tft35_spi` 以启用 tft35 spi 屏幕
 
-<img src={require('@site/docs/accessories-docs/display/TFT35-SPI/img/TFT35_SPI_Soft2.png').default} width="80%"/>
+<ImageView src={require('@site/docs/accessories-docs/display/TFT35-SPI/img/TFT35_SPI_Soft2.png').default} width="80%"/>
 
 :::warning[已知问题]
 
@@ -65,4 +65,4 @@ CB1 系统 img [bigtreetech/CB1/releases](https://github.com/bigtreetech/CB1/rel
 
 :::
 
-<img src={require('@site/docs/accessories-docs/display/TFT35-SPI/img/TFT35_SPI_Soft3.png').default} width="80%"/>
+<ImageView src={require('@site/docs/accessories-docs/display/TFT35-SPI/img/TFT35_SPI_Soft3.png').default} width="80%"/>
diff --git a/i18n/en/docusaurus-plugin-content-docs/current/accessories-docs/display/TFT35/tft35.md b/i18n/en/docusaurus-plugin-content-docs/current/accessories-docs/display/TFT35/tft35.md
index a3a3462..9a52858 100644
--- a/i18n/en/docusaurus-plugin-content-docs/current/accessories-docs/display/TFT35/tft35.md
+++ b/i18n/en/docusaurus-plugin-content-docs/current/accessories-docs/display/TFT35/tft35.md
@@ -14,7 +14,7 @@ import TabItem from '@theme/TabItem';
 
 <div class="div-table">
 
-<img src={require('@site/docs/accessories-docs/display/TFT35/img/TFT35_V3.0_Title.png').default} width="45%" class="right-image"/>
+<ImageView src={require('@site/docs/accessories-docs/display/TFT35/img/TFT35_V3.0_Title.png').default} width="45%" class="right-image"/>
 
 ## 产品规格
 
@@ -29,11 +29,11 @@ import TabItem from '@theme/TabItem';
 
 ## 尺寸
 
-<img src={require('@site/docs/accessories-docs/display/TFT35/img/TFT35_V3.0_Diagram.png').default} width="50%"/>
+<ImageView src={require('@site/docs/accessories-docs/display/TFT35/img/TFT35_V3.0_Diagram.png').default} width="50%"/>
 
 ## 接口示意图
 
-<img src={require('@site/docs/accessories-docs/display/TFT35/img/TFT35_V3.0_Interface.png').default} width="50%"/>
+<ImageView src={require('@site/docs/accessories-docs/display/TFT35/img/TFT35_V3.0_Interface.png').default} width="50%"/>
 
 :::info 
 
diff --git a/i18n/en/docusaurus-plugin-content-docs/current/accessories-docs/display/TFT43-DIP/tft43-dip.md b/i18n/en/docusaurus-plugin-content-docs/current/accessories-docs/display/TFT43-DIP/tft43-dip.md
index 0b26ab1..c7d83ca 100644
--- a/i18n/en/docusaurus-plugin-content-docs/current/accessories-docs/display/TFT43-DIP/tft43-dip.md
+++ b/i18n/en/docusaurus-plugin-content-docs/current/accessories-docs/display/TFT43-DIP/tft43-dip.md
@@ -14,7 +14,7 @@ import TabItem from '@theme/TabItem';
 
 <div class="div-table">
 
-<img src={require('@site/docs/accessories-docs/display/TFT43-DIP/img/TFT43_DIP_Title.png').default} width="45%" class="right-image"/>
+<ImageView src={require('@site/docs/accessories-docs/display/TFT43-DIP/img/TFT43_DIP_Title.png').default} width="45%" class="right-image"/>
 
 ## 产品简介
 
diff --git a/i18n/en/docusaurus-plugin-content-docs/current/accessories-docs/extruder/h2-v2x/h2-v2x-hardware.md b/i18n/en/docusaurus-plugin-content-docs/current/accessories-docs/extruder/h2-v2x/h2-v2x-hardware.md
index ec05a11..11e1815 100644
--- a/i18n/en/docusaurus-plugin-content-docs/current/accessories-docs/extruder/h2-v2x/h2-v2x-hardware.md
+++ b/i18n/en/docusaurus-plugin-content-docs/current/accessories-docs/extruder/h2-v2x/h2-v2x-hardware.md
@@ -34,12 +34,12 @@ EVA3 适配件 [bigtreetech/H2-V2X/3D Model/EVA3](https://github.com/bigtreetech
 
 XYZ尺寸: $53.9 mm * 37.88 mm * 51.52 mm$
 
-<img
+<ImageView
     src={require('@site/docs/accessories-docs/extruder/h2-v2x/img/H2V2X_Dimension1.png').default}
     alt="h2 v2x" width="60%"
 />
 
-<img
+<ImageView
     src={require('@site/docs/accessories-docs/extruder/h2-v2x/img/H2V2X_Dimension2.png').default}
     alt="h2 v2x" width="60%"
 />
@@ -51,7 +51,7 @@ XYZ尺寸: $53.9 mm * 37.88 mm * 51.52 mm$
 :::
 
 <div class="div-table">
-    <img
+    <ImageView
     src={require('@site/docs/accessories-docs/extruder/h2-v2x/img/H2V2X_Filament1.png').default}
     alt="h2 v2x" width="35%" class="right-image"
     />
@@ -69,7 +69,7 @@ XYZ尺寸: $53.9 mm * 37.88 mm * 51.52 mm$
 
 <div class="div-table">
 
-<img
+<ImageView
     src={require('@site/docs/accessories-docs/extruder/h2-v2x/img/H2V2X_motor1.png').default}
     alt="h2 v2x" width="60%" class="right-image"
 />
diff --git a/i18n/en/docusaurus-plugin-content-docs/current/accessories-docs/extruder/h2-v2x/h2-v2x.md b/i18n/en/docusaurus-plugin-content-docs/current/accessories-docs/extruder/h2-v2x/h2-v2x.md
index 36f3a09..ab252de 100644
--- a/i18n/en/docusaurus-plugin-content-docs/current/accessories-docs/extruder/h2-v2x/h2-v2x.md
+++ b/i18n/en/docusaurus-plugin-content-docs/current/accessories-docs/extruder/h2-v2x/h2-v2x.md
@@ -15,7 +15,7 @@ import DocCardList from '@theme/DocCardList';
 
 <div class="div-table">
 
-<img
+<ImageView
   src={require('@site/docs/accessories-docs/extruder/h2-v2x/img/h2-v2x-title.png').default}
   alt="h2 v2x" width="35%" class="right-image" 
 />
diff --git a/i18n/en/docusaurus-plugin-content-docs/current/accessories-docs/extruder/nebula/nebula-hardware.md b/i18n/en/docusaurus-plugin-content-docs/current/accessories-docs/extruder/nebula/nebula-hardware.md
index c86aef0..0045fc3 100644
--- a/i18n/en/docusaurus-plugin-content-docs/current/accessories-docs/extruder/nebula/nebula-hardware.md
+++ b/i18n/en/docusaurus-plugin-content-docs/current/accessories-docs/extruder/nebula/nebula-hardware.md
@@ -32,7 +32,7 @@ EVA3 适配件 [bigtreetech/Nebula/3D Model/EVA3](https://github.com/bigtreetech
 
 XYZ 尺寸: $52.73 mm * 36.5 mm * 54.82 mm$
 
-<img
+<ImageView
     src={require('@site/docs/accessories-docs/extruder/nebula/img/nebula_dimensions.png').default}
     alt="nebula" width="60%"
 />
@@ -44,7 +44,7 @@ XYZ 尺寸: $52.73 mm * 36.5 mm * 54.82 mm$
 :::
 
 <div class="div-table">
-    <img
+    <ImageView
     src={require('@site/docs/accessories-docs/extruder/nebula/img/nebula_adjusting.png').default}
     alt="nebula" width="35%" class="right-image"
     />
@@ -54,7 +54,7 @@ XYZ 尺寸: $52.73 mm * 36.5 mm * 54.82 mm$
 ## Nebula Pin 
 
 <div class="div-table">
-    <img
+    <ImageView
         src={require('@site/docs/accessories-docs/extruder/nebula/img/nebula_pin.png').default}
         alt="nebula" width="60%" class="right-image"
     />
@@ -73,7 +73,7 @@ XYZ 尺寸: $52.73 mm * 36.5 mm * 54.82 mm$
 ## Nebula 电机规格
 
 <div class="div-table">
-    <img
+    <ImageView
         src={require('@site/docs/accessories-docs/extruder/nebula/img/nebula_motor.png').default}
         alt="nebula" width="60%" class="right-image"
     />
diff --git a/i18n/en/docusaurus-plugin-content-docs/current/accessories-docs/extruder/nebula/nebula.md b/i18n/en/docusaurus-plugin-content-docs/current/accessories-docs/extruder/nebula/nebula.md
index 9522204..fb50848 100644
--- a/i18n/en/docusaurus-plugin-content-docs/current/accessories-docs/extruder/nebula/nebula.md
+++ b/i18n/en/docusaurus-plugin-content-docs/current/accessories-docs/extruder/nebula/nebula.md
@@ -15,7 +15,7 @@ import DocCardList from '@theme/DocCardList';
 
 <div class="div-table">
 
-<img
+<ImageView
   src={require('@site/docs/accessories-docs/extruder/nebula/img/nebula_title.png').default}
   alt="nebula" width="35%" class="right-image" 
 />
diff --git a/i18n/en/docusaurus-plugin-content-docs/current/accessories-docs/sensor/adxl345/adxl345-firmware.md b/i18n/en/docusaurus-plugin-content-docs/current/accessories-docs/sensor/adxl345/adxl345-firmware.md
index c536dfc..933a02c 100644
--- a/i18n/en/docusaurus-plugin-content-docs/current/accessories-docs/sensor/adxl345/adxl345-firmware.md
+++ b/i18n/en/docusaurus-plugin-content-docs/current/accessories-docs/sensor/adxl345/adxl345-firmware.md
@@ -20,7 +20,7 @@ cd ~/klipper
 make menuconfig 
 ```
 
-<img src={require('@site/docs/accessories-docs/sensor/adxl345/img/adxl-firmware-config.png').default} width="80%"/>
+<ImageView src={require('@site/docs/accessories-docs/sensor/adxl345/img/adxl-firmware-config.png').default} width="80%"/>
 
 当配置完成使用 `q` 来退出。使用 `y` 来保存编译选项。
 
diff --git a/i18n/en/docusaurus-plugin-content-docs/current/accessories-docs/sensor/adxl345/adxl345-hardware.md b/i18n/en/docusaurus-plugin-content-docs/current/accessories-docs/sensor/adxl345/adxl345-hardware.md
index 8a545fa..3e61a4a 100644
--- a/i18n/en/docusaurus-plugin-content-docs/current/accessories-docs/sensor/adxl345/adxl345-hardware.md
+++ b/i18n/en/docusaurus-plugin-content-docs/current/accessories-docs/sensor/adxl345/adxl345-hardware.md
@@ -24,14 +24,14 @@ import ThemedImage from '@theme/ThemedImage';
 
 ## Pinout
 
-<img src={require('@site/docs/accessories-docs/sensor/adxl345/img/adxl-pinout.png').default} width="60%"/>
+<ImageView src={require('@site/docs/accessories-docs/sensor/adxl345/img/adxl-pinout.png').default} width="60%"/>
 
 ## 连接 Klipper Host
 
 ### 使用 PI2 / Raspberry Pi
 
-<img src={require('@site/docs/accessories-docs/sensor/adxl345/img/adxl-connect-rpi.png').default} width="60%"/>
+<ImageView src={require('@site/docs/accessories-docs/sensor/adxl345/img/adxl-connect-rpi.png').default} width="60%"/>
 
 ### 使用 USB 连接 Manta M8P / Manta M5P / Manta M4P
 
-<img src={require('@site/docs/accessories-docs/sensor/adxl345/img/adxl-connect-manta-usb.png').default} width="60%"/>
+<ImageView src={require('@site/docs/accessories-docs/sensor/adxl345/img/adxl-connect-manta-usb.png').default} width="60%"/>
diff --git a/i18n/en/docusaurus-plugin-content-docs/current/accessories-docs/sensor/adxl345/adxl345.md b/i18n/en/docusaurus-plugin-content-docs/current/accessories-docs/sensor/adxl345/adxl345.md
index 526c043..c48e60a 100644
--- a/i18n/en/docusaurus-plugin-content-docs/current/accessories-docs/sensor/adxl345/adxl345.md
+++ b/i18n/en/docusaurus-plugin-content-docs/current/accessories-docs/sensor/adxl345/adxl345.md
@@ -14,7 +14,7 @@ import TabItem from '@theme/TabItem';
 
 <div class="div-table">
 
-<img 
+<ImageView 
     src={require('@site/docs/accessories-docs/sensor/adxl345/img/adxl-main.png').default} 
     width="45%" class="right-image"
 />
diff --git a/i18n/en/docusaurus-plugin-content-docs/current/accessories-docs/sensor/eddy/eddy-hardware.md b/i18n/en/docusaurus-plugin-content-docs/current/accessories-docs/sensor/eddy/eddy-hardware.md
index ed180c7..9cd0d22 100644
--- a/i18n/en/docusaurus-plugin-content-docs/current/accessories-docs/sensor/eddy/eddy-hardware.md
+++ b/i18n/en/docusaurus-plugin-content-docs/current/accessories-docs/sensor/eddy/eddy-hardware.md
@@ -13,15 +13,15 @@ import TabItem from '@theme/TabItem';
 
 ## **产品尺寸及接口**
 
-<img src={require('@site/docs/accessories-docs/sensor/eddy/img/Eddy_Dimensions.png').default} alt="" width="600" />
+<ImageView src={require('@site/docs/accessories-docs/sensor/eddy/img/Eddy_Dimensions.png').default} alt="" width="600" />
 
 用于计算 XY 偏移的线圈中心点如下：
 
-<img src={require('@site/docs/accessories-docs/sensor/eddy/img/Eddy_Dimensions1.png').default} alt="" width="600" />
+<ImageView src={require('@site/docs/accessories-docs/sensor/eddy/img/Eddy_Dimensions1.png').default} alt="" width="600" />
 
 ## **BOOT 按键位置**
 
-<img src={require('@site/docs/accessories-docs/sensor/eddy/img/eddy_boot_1.png').default} alt="" width="600" />
+<ImageView src={require('@site/docs/accessories-docs/sensor/eddy/img/eddy_boot_1.png').default} alt="" width="600" />
 
 BOOT 按钮在首次对 Eddy 烧录 Klipper 固件时使用；之后 Klipper 可以自动进入BOOT 模式并重新烧录固件。
 
@@ -41,9 +41,9 @@ BOOT 按钮在首次对 Eddy 烧录 Klipper 固件时使用；之后 Klipper 可
 安装位置，完全替代原有 PL-08N 安装位
 使用两颗 M3*25 螺丝（包装内附）将模块固定再 X Carriage 打印件上，如视图
 
-<img src={require('@site/docs/accessories-docs/sensor/eddy/img/Eddy_Installation1.png').default} alt="" width="600" />
+<ImageView src={require('@site/docs/accessories-docs/sensor/eddy/img/Eddy_Installation1.png').default} alt="" width="600" />
 
-<img src={require('@site/docs/accessories-docs/sensor/eddy/img/Eddy_Installation2.png').default} alt="" width="600" />
+<ImageView src={require('@site/docs/accessories-docs/sensor/eddy/img/Eddy_Installation2.png').default} alt="" width="600" />
 
 ### 在其他机器上的安装
 
@@ -51,56 +51,56 @@ BOOT 按钮在首次对 Eddy 烧录 Klipper 固件时使用；之后 Klipper 可
 
 ### Eddy + Manta M5P
 
-<img src={require('@site/docs/accessories-docs/sensor/eddy/img/Eddy_Connection.png').default} alt="" width="600" />
+<ImageView src={require('@site/docs/accessories-docs/sensor/eddy/img/Eddy_Connection.png').default} alt="" width="600" />
 
 ### Eddy + Manta M8P V2.0
 
-<img src={require('@site/docs/accessories-docs/sensor/eddy/img/Eddy_Connection1.png').default} alt="" width="600" />
+<ImageView src={require('@site/docs/accessories-docs/sensor/eddy/img/Eddy_Connection1.png').default} alt="" width="600" />
 
 ### Eddy Coil + EBB36 V1.2
 
-<img src={require('@site/docs/accessories-docs/sensor/eddy/img/Eddy_Connection2.png').default} alt="" width="600" />
+<ImageView src={require('@site/docs/accessories-docs/sensor/eddy/img/Eddy_Connection2.png').default} alt="" width="600" />
 
 ### Eddy Coil + EBB42 V1.2
 
-<img src={require('@site/docs/accessories-docs/sensor/eddy/img/Eddy_Connection3.png').default} alt="" width="600" />
+<ImageView src={require('@site/docs/accessories-docs/sensor/eddy/img/Eddy_Connection3.png').default} alt="" width="600" />
 
 ### Eddy Duo + MANTA M5P（USB）
 
-<img src={require('@site/docs/accessories-docs/sensor/eddy/img/eddy_connection4.png').default} alt="" width="600" />
+<ImageView src={require('@site/docs/accessories-docs/sensor/eddy/img/eddy_connection4.png').default} alt="" width="600" />
 
 ### Eddy Duo + MANTA M8P V2.0（USB）
 
-<img src={require('@site/docs/accessories-docs/sensor/eddy/img/eddy_connection6.png').default} alt="" width="600" />
+<ImageView src={require('@site/docs/accessories-docs/sensor/eddy/img/eddy_connection6.png').default} alt="" width="600" />
 
 ### Eddy Duo + MANTA M8P V2.0（CAN）
 
-<img src={require('@site/docs/accessories-docs/sensor/eddy/img/eddy_connection7.png').default} alt="" width="600" />
+<ImageView src={require('@site/docs/accessories-docs/sensor/eddy/img/eddy_connection7.png').default} alt="" width="600" />
 
 ### Eddy Duo + EBB36
 
-<img src={require('@site/docs/accessories-docs/sensor/eddy/img/eddy_connection8.png').default} alt="" width="600" />
+<ImageView src={require('@site/docs/accessories-docs/sensor/eddy/img/eddy_connection8.png').default} alt="" width="600" />
 
 ### Eddy Duo + EBB42
 
-<img src={require('@site/docs/accessories-docs/sensor/eddy/img/eddy_connection9.png').default} alt="" width="600" />
+<ImageView src={require('@site/docs/accessories-docs/sensor/eddy/img/eddy_connection9.png').default} alt="" width="600" />
 
 ### Eddy Duo + EBB SB
 
-<img src={require('@site/docs/accessories-docs/sensor/eddy/img/eddy_connection10.png').default} alt="" width="600" />
+<ImageView src={require('@site/docs/accessories-docs/sensor/eddy/img/eddy_connection10.png').default} alt="" width="600" />
 
 ### Octopus V1.1/Pro V1.0/Pro V1.0.1 + Eddy Duo（USB）
 
-<img src={require('@site/docs/accessories-docs/sensor/eddy/img/eddy_connection11.png').default} alt="" width="600" />
+<ImageView src={require('@site/docs/accessories-docs/sensor/eddy/img/eddy_connection11.png').default} alt="" width="600" />
 
 ### Octopus V1.1/Pro V1.0/Pro V1.0.1 + Eddy Duo（CAN）
 
-<img src={require('@site/docs/accessories-docs/sensor/eddy/img/eddy_connection12.png').default} alt="" width="600" />
+<ImageView src={require('@site/docs/accessories-docs/sensor/eddy/img/eddy_connection12.png').default} alt="" width="600" />
 
 ### Octopus Pro V1.1 + Eddy Duo（USB）
 
-<img src={require('@site/docs/accessories-docs/sensor/eddy/img/eddy_connection13.png').default} alt="" width="600" />
+<ImageView src={require('@site/docs/accessories-docs/sensor/eddy/img/eddy_connection13.png').default} alt="" width="600" />
 
 ### Octopus Pro V1.1 + Eddy Duo（CAN）
 
-<img src={require('@site/docs/accessories-docs/sensor/eddy/img/eddy_connection14.png').default} alt="" width="600" />
+<ImageView src={require('@site/docs/accessories-docs/sensor/eddy/img/eddy_connection14.png').default} alt="" width="600" />
diff --git a/i18n/en/docusaurus-plugin-content-docs/current/accessories-docs/sensor/eddy/eddy.md b/i18n/en/docusaurus-plugin-content-docs/current/accessories-docs/sensor/eddy/eddy.md
index 0b83aa6..9aff99c 100644
--- a/i18n/en/docusaurus-plugin-content-docs/current/accessories-docs/sensor/eddy/eddy.md
+++ b/i18n/en/docusaurus-plugin-content-docs/current/accessories-docs/sensor/eddy/eddy.md
@@ -13,7 +13,7 @@ import TabItem from '@theme/TabItem';
 
 <!-- import lib end -->
 
-<img src={require('@site/docs/accessories-docs/sensor/eddy/img/eddy_title_1.png').default} alt="" width="600" />
+<ImageView src={require('@site/docs/accessories-docs/sensor/eddy/img/eddy_title_1.png').default} alt="" width="600" />
 
 ## **功能亮点**
 
diff --git a/i18n/en/docusaurus-plugin-content-docs/current/accessories-docs/sensor/lis2dw/lis2dw-firmware.md b/i18n/en/docusaurus-plugin-content-docs/current/accessories-docs/sensor/lis2dw/lis2dw-firmware.md
index a2e7193..e89697e 100644
--- a/i18n/en/docusaurus-plugin-content-docs/current/accessories-docs/sensor/lis2dw/lis2dw-firmware.md
+++ b/i18n/en/docusaurus-plugin-content-docs/current/accessories-docs/sensor/lis2dw/lis2dw-firmware.md
@@ -20,7 +20,7 @@ cd ~/klipper
 make menuconfig 
 ```
 
-<img src={require('@site/docs/accessories-docs/sensor/lis2dw/img/lis2dw-firmware-config.png').default} width="80%"/>
+<ImageView src={require('@site/docs/accessories-docs/sensor/lis2dw/img/lis2dw-firmware-config.png').default} width="80%"/>
 
 当配置完成使用 `q` 来退出。使用 `y` 来保存编译选项。
 
diff --git a/i18n/en/docusaurus-plugin-content-docs/current/accessories-docs/sensor/lis2dw/lis2dw-hardware.md b/i18n/en/docusaurus-plugin-content-docs/current/accessories-docs/sensor/lis2dw/lis2dw-hardware.md
index 9c59438..856ef83 100644
--- a/i18n/en/docusaurus-plugin-content-docs/current/accessories-docs/sensor/lis2dw/lis2dw-hardware.md
+++ b/i18n/en/docusaurus-plugin-content-docs/current/accessories-docs/sensor/lis2dw/lis2dw-hardware.md
@@ -24,14 +24,14 @@ import ThemedImage from '@theme/ThemedImage';
 
 ## Pinout
 
-<img src={require('@site/docs/accessories-docs/sensor/lis2dw/img/lis2dw-pinout.png').default} width="60%"/>
+<ImageView src={require('@site/docs/accessories-docs/sensor/lis2dw/img/lis2dw-pinout.png').default} width="60%"/>
 
 ## 连接 Klipper Host
 
 ### 使用 PI2 / Raspberry Pi
 
-<img src={require('@site/docs/accessories-docs/sensor/lis2dw/img/lis2dw-connect-rpi.png').default} width="60%"/>
+<ImageView src={require('@site/docs/accessories-docs/sensor/lis2dw/img/lis2dw-connect-rpi.png').default} width="60%"/>
 
 ### 使用 USB 连接 Manta M8P / Manta M5P / Manta M4P
 
-<img src={require('@site/docs/accessories-docs/sensor/lis2dw/img/lis2dw-connect-manta-usb.png').default} width="60%"/>
+<ImageView src={require('@site/docs/accessories-docs/sensor/lis2dw/img/lis2dw-connect-manta-usb.png').default} width="60%"/>
diff --git a/i18n/en/docusaurus-plugin-content-docs/current/accessories-docs/sensor/lis2dw/lis2dw.md b/i18n/en/docusaurus-plugin-content-docs/current/accessories-docs/sensor/lis2dw/lis2dw.md
index 9a2baa9..98b5218 100644
--- a/i18n/en/docusaurus-plugin-content-docs/current/accessories-docs/sensor/lis2dw/lis2dw.md
+++ b/i18n/en/docusaurus-plugin-content-docs/current/accessories-docs/sensor/lis2dw/lis2dw.md
@@ -14,7 +14,7 @@ import TabItem from '@theme/TabItem';
 
 <div class="div-table">
 
-<img 
+<ImageView 
     src={require('@site/docs/accessories-docs/sensor/lis2dw/img/lis2dw-main.png').default} 
     width="45%" class="right-image"
 />
diff --git a/i18n/en/docusaurus-plugin-content-docs/current/accessories-docs/sensor/microprobe/microprobe-hardware.md b/i18n/en/docusaurus-plugin-content-docs/current/accessories-docs/sensor/microprobe/microprobe-hardware.md
index 751bed0..64ae000 100644
--- a/i18n/en/docusaurus-plugin-content-docs/current/accessories-docs/sensor/microprobe/microprobe-hardware.md
+++ b/i18n/en/docusaurus-plugin-content-docs/current/accessories-docs/sensor/microprobe/microprobe-hardware.md
@@ -34,4 +34,4 @@ Terminator 工具头 [Microprobe Bracket for Terminator](https://github.com/bigt
 
 ## 硬件连接
 
-<img src={require('@site/docs/accessories-docs/sensor/microprobe/img/microprobe-connect.png').default} width="50%"/>
+<ImageView src={require('@site/docs/accessories-docs/sensor/microprobe/img/microprobe-connect.png').default} width="50%"/>
diff --git a/i18n/en/docusaurus-plugin-content-docs/current/accessories-docs/sensor/microprobe/microprobe.md b/i18n/en/docusaurus-plugin-content-docs/current/accessories-docs/sensor/microprobe/microprobe.md
index 8d9e4a6..b313152 100644
--- a/i18n/en/docusaurus-plugin-content-docs/current/accessories-docs/sensor/microprobe/microprobe.md
+++ b/i18n/en/docusaurus-plugin-content-docs/current/accessories-docs/sensor/microprobe/microprobe.md
@@ -14,7 +14,7 @@ import TabItem from '@theme/TabItem';
 
 <div class="div-table">
 
-<img 
+<ImageView 
     src={require('@site/docs/accessories-docs/sensor/microprobe/img/microprobe-main.png').default} 
     width="45%" class="right-image"
 />
diff --git a/i18n/en/docusaurus-plugin-content-docs/current/accessories-docs/tmc-driver/tmc-2130/tmc-2130.md b/i18n/en/docusaurus-plugin-content-docs/current/accessories-docs/tmc-driver/tmc-2130/tmc-2130.md
index c643b7f..d42cb8f 100644
--- a/i18n/en/docusaurus-plugin-content-docs/current/accessories-docs/tmc-driver/tmc-2130/tmc-2130.md
+++ b/i18n/en/docusaurus-plugin-content-docs/current/accessories-docs/tmc-driver/tmc-2130/tmc-2130.md
@@ -15,7 +15,7 @@ import DocCardList from '@theme/DocCardList';
 
 <div class="div-table">
 
-<img
+<ImageView
     src={require('@site/docs/accessories-docs/tmc-driver/tmc-2130/img/TMC2130_Title.png').default}
     alt="" width="35%" class="right-image"
 />
@@ -36,12 +36,12 @@ TMC 2130 是一款高性能两相步进电机驱动芯片，具有标准SPI接
 
 ## 尺寸
 
-<img
+<ImageView
     src={require('@site/docs/accessories-docs/tmc-driver/tmc-2130/img/TMC2130_Size1.png').default}
     alt="" width="45%"
 />
 
-<img
+<ImageView
     src={require('@site/docs/accessories-docs/tmc-driver/tmc-2130/img/TMC2130_Size2.png').default}
     alt="" width="45%"
 />
diff --git a/i18n/en/docusaurus-plugin-content-docs/current/accessories-docs/tmc-driver/tmc-2208/tmc-2208.md b/i18n/en/docusaurus-plugin-content-docs/current/accessories-docs/tmc-driver/tmc-2208/tmc-2208.md
index b036602..ea0e9ef 100644
--- a/i18n/en/docusaurus-plugin-content-docs/current/accessories-docs/tmc-driver/tmc-2208/tmc-2208.md
+++ b/i18n/en/docusaurus-plugin-content-docs/current/accessories-docs/tmc-driver/tmc-2208/tmc-2208.md
@@ -14,7 +14,7 @@ import TabItem from '@theme/TabItem';
 
 <div class="div-table">
 
-<img
+<ImageView
     src={require('@site/docs/accessories-docs/tmc-driver/tmc-2208/img/TMC2208_Title.png').default}
     alt="" width="35%" class="right-image"
 />
@@ -41,19 +41,19 @@ TMC 2208 V3.0 原理图 [TMC2208-V3.0SCH.pdf](https://github.com/bigtreetech/BIG
 
 :::
 
-<img
+<ImageView
     src={require('@site/docs/accessories-docs/tmc-driver/tmc-2208/img/TMC2208_Pin.png').default}
     alt="" width="45%"
 />
 
 ## 尺寸
 
-<img
+<ImageView
     src={require('@site/docs/accessories-docs/tmc-driver/tmc-2208/img/TMC2208_Dimension1.png').default}
     alt="" width="45%"
 />
 
-<img
+<ImageView
     src={require('@site/docs/accessories-docs/tmc-driver/tmc-2208/img/TMC2208_Dimension2.png').default}
     alt="" width="45%"
 />
diff --git a/i18n/en/docusaurus-plugin-content-docs/current/accessories-docs/tmc-driver/tmc-2209/tmc-2209.md b/i18n/en/docusaurus-plugin-content-docs/current/accessories-docs/tmc-driver/tmc-2209/tmc-2209.md
index 4a6df7e..7791878 100644
--- a/i18n/en/docusaurus-plugin-content-docs/current/accessories-docs/tmc-driver/tmc-2209/tmc-2209.md
+++ b/i18n/en/docusaurus-plugin-content-docs/current/accessories-docs/tmc-driver/tmc-2209/tmc-2209.md
@@ -14,7 +14,7 @@ import TabItem from '@theme/TabItem';
 
 <div class="div-table">
 
-<img
+<ImageView
     src={require('@site/docs/accessories-docs/tmc-driver/tmc-2209/img/TMC2209_Title.png').default}
     alt="" width="35%" class="right-image"
 />
@@ -45,7 +45,7 @@ TMC 2209 V1.3 原理图 [TMC2209 V1.3-SCH.pdf](https://github.com/bigtreetech/BI
 
 :::
 
-<img
+<ImageView
     src={require('@site/docs/accessories-docs/tmc-driver/tmc-2209/img/TMC2209_Func.png').default}
     alt="" width="45%"
 />
@@ -58,7 +58,7 @@ TMC 2209 V1.3 模型 [TMC2209 V1.3.step](https://github.com/bigtreetech/BIGTREET
 
 :::
 
-<img
+<ImageView
     src={require('@site/docs/accessories-docs/tmc-driver/tmc-2209/img/TMC2209_Dimension.png').default}
     alt="" width="45%"
 />
@@ -95,14 +95,14 @@ $V_{REF}$ 范围: 0.2V – 2.2V
 
 默认已将 UART 引脚连接至第四引脚，即下图左侧所示的 PDN_UART 引脚。若将第五引脚作为 UART 引脚使用，则需移除电阻并焊接至下图右侧所示的两个焊盘。PDN需焊接至对应UART模式的选择引脚。
 
-<img
+<ImageView
     src={require('@site/docs/accessories-docs/tmc-driver/tmc-2209/img/TMC2209_Uart.png').default}
     alt="" width="45%"
 />
 
 ### UART模式接线图
 
-<img
+<ImageView
     src={require('@site/docs/accessories-docs/tmc-driver/tmc-2209/img/TMC2209_Uart1.png').default}
     alt="" width="80%"
 />
@@ -111,7 +111,7 @@ $V_{REF}$ 范围: 0.2V – 2.2V
 
 默认使用 `stealthChop`, 如图左侧所示。如果要使用 `spreadCycle`，移除电阻并将其焊接至下方两个焊盘，如图右侧所示。
 
-<img
+<ImageView
     src={require('@site/docs/accessories-docs/tmc-driver/tmc-2209/img/TMC2209_Mode1.png').default}
     alt="" width="80%"
 />
diff --git a/i18n/en/docusaurus-plugin-content-docs/current/accessories-docs/tmc-driver/tmc-2240/tmc-2240.md b/i18n/en/docusaurus-plugin-content-docs/current/accessories-docs/tmc-driver/tmc-2240/tmc-2240.md
index a9d0aef..e657006 100644
--- a/i18n/en/docusaurus-plugin-content-docs/current/accessories-docs/tmc-driver/tmc-2240/tmc-2240.md
+++ b/i18n/en/docusaurus-plugin-content-docs/current/accessories-docs/tmc-driver/tmc-2240/tmc-2240.md
@@ -14,7 +14,7 @@ import TabItem from '@theme/TabItem';
 
 <div class="div-table">
 
-<img
+<ImageView
     src={require('@site/docs/accessories-docs/tmc-driver/tmc-2240/img/tmc-2240-title.png').default}
     alt="" width="35%" class="right-image"
 />
@@ -41,7 +41,7 @@ TMC 2240 原理图 [TMC2240_V1.0-SCH.pdf](https://github.com/bigtreetech/BIGTREE
 
 :::
 
-<img
+<ImageView
     src={require('@site/docs/accessories-docs/tmc-driver/tmc-2240/img/tmc-2240-pinout.png').default}
     alt="" width="45%"
 />
@@ -54,7 +54,7 @@ TMC 2240 模型 [TMC2240_V1.0.step](https://github.com/bigtreetech/BIGTREETECH-S
 
 :::
 
-<img
+<ImageView
     src={require('@site/docs/accessories-docs/tmc-driver/tmc-2240/img/tmc-2240-size.png').default}
     alt="" width="45%"
 />
diff --git a/i18n/en/docusaurus-plugin-content-docs/current/accessories-docs/tmc-driver/tmc-5160-t-plus/tmc-5160-t-plus-hardware.md b/i18n/en/docusaurus-plugin-content-docs/current/accessories-docs/tmc-driver/tmc-5160-t-plus/tmc-5160-t-plus-hardware.md
index 9f93066..82e61fb 100644
--- a/i18n/en/docusaurus-plugin-content-docs/current/accessories-docs/tmc-driver/tmc-5160-t-plus/tmc-5160-t-plus-hardware.md
+++ b/i18n/en/docusaurus-plugin-content-docs/current/accessories-docs/tmc-driver/tmc-5160-t-plus/tmc-5160-t-plus-hardware.md
@@ -22,7 +22,7 @@ TMC 5160 T Plus 建模参考文件 [bigtreetech/BIGTREETECH-Stepper-Motor-Driver
 
 ## 接口和功能
 
-<img
+<ImageView
     src={require('@site/docs/accessories-docs/tmc-driver/tmc-5160-t-plus/img/TMC5160TPlus_Pin.png').default}
     alt="" width="60%"
 />
@@ -35,7 +35,7 @@ TMC 5160 T Plus 建模参考文件 [bigtreetech/BIGTREETECH-Stepper-Motor-Driver
 TMC 驱动转换模块只支持 24V
 :::
 
-<img
+<ImageView
     src={require('@site/docs/accessories-docs/tmc-driver/tmc-5160-t-plus/img/TMC5160TPlus_Ins1.png').default}
     alt="" width="60%"
 />
@@ -46,7 +46,7 @@ TMC 驱动转换模块只支持 24V
 EZ 驱动转换模块只支持 24V
 :::
 
-<img
+<ImageView
     src={require('@site/docs/accessories-docs/tmc-driver/tmc-5160-t-plus/img/TMC5160TPlus_Ins2.png').default}
     alt="" width="60%"
 />
diff --git a/i18n/en/docusaurus-plugin-content-docs/current/accessories-docs/tmc-driver/tmc-5160-t-plus/tmc-5160-t-plus.md b/i18n/en/docusaurus-plugin-content-docs/current/accessories-docs/tmc-driver/tmc-5160-t-plus/tmc-5160-t-plus.md
index 238f462..a90c3ba 100644
--- a/i18n/en/docusaurus-plugin-content-docs/current/accessories-docs/tmc-driver/tmc-5160-t-plus/tmc-5160-t-plus.md
+++ b/i18n/en/docusaurus-plugin-content-docs/current/accessories-docs/tmc-driver/tmc-5160-t-plus/tmc-5160-t-plus.md
@@ -15,7 +15,7 @@ import DocCardList from '@theme/DocCardList';
 
 <div class="div-table">
 
-<img
+<ImageView
     src={require('@site/docs/accessories-docs/tmc-driver/tmc-5160-t-plus/img/TMC5160TPlus_Title.png').default}
     alt="" width="35%" class="right-image"
 />
diff --git a/i18n/en/docusaurus-plugin-content-docs/current/accessories-docs/tmc-driver/tmc-5160-t-pro/tmc-5160-t-pro.md b/i18n/en/docusaurus-plugin-content-docs/current/accessories-docs/tmc-driver/tmc-5160-t-pro/tmc-5160-t-pro.md
index a06c4fd..09f2c70 100644
--- a/i18n/en/docusaurus-plugin-content-docs/current/accessories-docs/tmc-driver/tmc-5160-t-pro/tmc-5160-t-pro.md
+++ b/i18n/en/docusaurus-plugin-content-docs/current/accessories-docs/tmc-driver/tmc-5160-t-pro/tmc-5160-t-pro.md
@@ -14,7 +14,7 @@ import TabItem from '@theme/TabItem';
 
 <div class="div-table">
 
-<img
+<ImageView
     src={require('@site/docs/accessories-docs/tmc-driver/tmc-5160-t-pro/img/tmc-5160-t-pro-title.png').default}
     alt="" width="35%" class="right-image"
 />
@@ -38,7 +38,7 @@ import TabItem from '@theme/TabItem';
 TMC 5160 T Pro 原理图 [BIGTREETECH TMC5160T_Pro-SCH.pdf](https://github.com/bigtreetech/BIGTREETECH-Stepper-Motor-Driver/blob/master/TMC5160(T)%20Pro%20V1.1/Hardware/BIGTREETECH%20TMC5160T_Pro-SCH.pdf)
 :::
 
-<img
+<ImageView
     src={require('@site/docs/accessories-docs/tmc-driver/tmc-5160-t-pro/img/tmc-5160-t-pro-pinout.png').default}
     alt="" width="45%"
 />
@@ -52,7 +52,7 @@ TMC 5160 T Pro 模型 [TMC5160_Pro V1.1.step](https://github.com/bigtreetech/BIG
 
 :::
 
-<img
+<ImageView
     src={require('@site/docs/accessories-docs/tmc-driver/tmc-5160-t-pro/img/tmc-5160-t-pro-size.png').default}
     alt="" width="45%"
 />
diff --git a/i18n/en/docusaurus-plugin-content-docs/current/accessories-docs/tmc-driver/tmc-5160/tmc-5160.md b/i18n/en/docusaurus-plugin-content-docs/current/accessories-docs/tmc-driver/tmc-5160/tmc-5160.md
index 7b042ad..51642cd 100644
--- a/i18n/en/docusaurus-plugin-content-docs/current/accessories-docs/tmc-driver/tmc-5160/tmc-5160.md
+++ b/i18n/en/docusaurus-plugin-content-docs/current/accessories-docs/tmc-driver/tmc-5160/tmc-5160.md
@@ -15,7 +15,7 @@ import DocCardList from '@theme/DocCardList';
 
 <div class="div-table">
 
-<img
+<ImageView
     src={require('@site/docs/accessories-docs/tmc-driver/tmc-5160/img/TMC5160_Title.png').default}
     alt="" width="35%" class="right-image"
 />
@@ -42,7 +42,7 @@ TMC 5160 原理图 [TMC5160-Schematic.pdf)](https://github.com/bigtreetech/BIGTR
 
 :::
 
-<img
+<ImageView
     src={require('@site/docs/accessories-docs/tmc-driver/tmc-5160/img/TMC5160_Pin.png').default}
     alt="" width="60%"
 />
diff --git a/i18n/en/docusaurus-plugin-content-docs/current/board-docs/ebb-series/ebb-2209-rp2040/ebb-2209-rp2040-hardware.md b/i18n/en/docusaurus-plugin-content-docs/current/board-docs/ebb-series/ebb-2209-rp2040/ebb-2209-rp2040-hardware.md
index 64a48e6..37327e4 100644
--- a/i18n/en/docusaurus-plugin-content-docs/current/board-docs/ebb-series/ebb-2209-rp2040/ebb-2209-rp2040-hardware.md
+++ b/i18n/en/docusaurus-plugin-content-docs/current/board-docs/ebb-series/ebb-2209-rp2040/ebb-2209-rp2040-hardware.md
@@ -14,7 +14,7 @@ import TabItem from '@theme/TabItem';
 
 ## Pin Diagram
 
-<img src={require('@site/docs/board-docs/ebb-series/ebb-2209-rp2040/img/ebb-2209-rp2040-pinout.png').default} width="70%"/>
+<ImageView src={require('@site/docs/board-docs/ebb-series/ebb-2209-rp2040/img/ebb-2209-rp2040-pinout.png').default} width="70%"/>
 
 ## Hardware Functions
 
diff --git a/i18n/en/docusaurus-plugin-content-docs/current/board-docs/ebb-series/ebb-2209-rp2040/ebb-2209-rp2040.md b/i18n/en/docusaurus-plugin-content-docs/current/board-docs/ebb-series/ebb-2209-rp2040/ebb-2209-rp2040.md
index de6017b..40518b0 100644
--- a/i18n/en/docusaurus-plugin-content-docs/current/board-docs/ebb-series/ebb-2209-rp2040/ebb-2209-rp2040.md
+++ b/i18n/en/docusaurus-plugin-content-docs/current/board-docs/ebb-series/ebb-2209-rp2040/ebb-2209-rp2040.md
@@ -13,7 +13,7 @@ import DocCardList from '@theme/DocCardList';
 
 <div class="div-table">
 
-<img 
+<ImageView 
     src={require('@site/docs/board-docs/ebb-series/ebb-2209-rp2040/img/ebb2209-rp2040-main.png').default} 
     width="45%" class="right-image"
 />
diff --git a/i18n/en/docusaurus-plugin-content-docs/current/board-docs/ebb-series/ebb-36/ebb-36-hardware.md b/i18n/en/docusaurus-plugin-content-docs/current/board-docs/ebb-series/ebb-36/ebb-36-hardware.md
index 3e7eadb..1b4ce13 100644
--- a/i18n/en/docusaurus-plugin-content-docs/current/board-docs/ebb-series/ebb-36/ebb-36-hardware.md
+++ b/i18n/en/docusaurus-plugin-content-docs/current/board-docs/ebb-series/ebb-36/ebb-36-hardware.md
@@ -21,10 +21,10 @@ EBB 36 V1.0/V1.1/V1.2 currently only supports Klipper firmware
 
 <Tabs groupId="ebb-version">
     <TabItem value="ebb-36-1_2" label="EBB 36 V1.1 / V1.2" default>
-        <img src={require('@site/docs/board-docs/ebb-series/ebb-36/img/G0B1/EBB_G0B1_Diagram.png').default} width="450"/>
+        <ImageView src={require('@site/docs/board-docs/ebb-series/ebb-36/img/G0B1/EBB_G0B1_Diagram.png').default} width="450"/>
     </TabItem>
     <TabItem value="ebb-36-1_0" label="EBB 36 V1.0">
-        <img src={require('@site/docs/board-docs/ebb-series/ebb-36/img/072/EBB_072_Diagram.png').default} width="450"/>
+        <ImageView src={require('@site/docs/board-docs/ebb-series/ebb-36/img/072/EBB_072_Diagram.png').default} width="450"/>
     </TabItem>
 </Tabs>
 
@@ -32,10 +32,10 @@ EBB 36 V1.0/V1.1/V1.2 currently only supports Klipper firmware
 
 <Tabs groupId="ebb-version">
     <TabItem value="ebb-36-1_2" label="EBB 36 V1.1 / V1.2" default>
-        <img src={require('@site/docs/board-docs/ebb-series/ebb-36/img/G0B1/EBB_G0B1_Pin.png').default} width="450"/>
+        <ImageView src={require('@site/docs/board-docs/ebb-series/ebb-36/img/G0B1/EBB_G0B1_Pin.png').default} width="450"/>
     </TabItem>
     <TabItem value="ebb-36-1_0" label="EBB 36 V1.0">
-        <img src={require('@site/docs/board-docs/ebb-series/ebb-36/img/072/EBB_072_Pin.png').default} width="450"/>
+        <ImageView src={require('@site/docs/board-docs/ebb-series/ebb-36/img/072/EBB_072_Pin.png').default} width="450"/>
     </TabItem>
 </Tabs>
 
@@ -46,11 +46,11 @@ EBB 36 V1.0/V1.1/V1.2 currently only supports Klipper firmware
 <Tabs groupId="ebb-version">
     <TabItem value="ebb-36-1_2" label="EBB 36 V1.1 / V1.2" default>
         LED1 lights up only when `EBB 36 v1.1 / v1.2` is powered on. The `VUSB` on the right side of `EBB 36` is used to select USB interface power for the MCU.
-        <img src={require('@site/docs/board-docs/ebb-series/ebb-36/img/G0B1/EBB_G0B1_USB_Power.png').default} width="450"/>
+        <ImageView src={require('@site/docs/board-docs/ebb-series/ebb-36/img/G0B1/EBB_G0B1_USB_Power.png').default} width="450"/>
     </TabItem>
     <TabItem value="ebb-36-1_0" label="EBB 36 V1.0">
         The `D1 LED` lights up only when `EBB 36 v1.0` is powered on. The `VUSB` on `EBB 36` is used to select USB interface power for the MCU.
-        <img src={require('@site/docs/board-docs/ebb-series/ebb-36/img/072/EBB_072_USB_Power.png').default} width="450"/>
+        <ImageView src={require('@site/docs/board-docs/ebb-series/ebb-36/img/072/EBB_072_USB_Power.png').default} width="450"/>
     </TabItem>
 </Tabs>
 
@@ -66,10 +66,10 @@ Using PT1000 in this way results in lower temperature accuracy compared to using
 
 <Tabs groupId="ebb-version">
     <TabItem value="ebb-36-1_2" label="EBB 36 V1.1 / V1.2" default>
-        <img src={require('@site/docs/board-docs/ebb-series/ebb-36/img/G0B1/EBB_G0B1_PT100.png').default} width="450"/>
+        <ImageView src={require('@site/docs/board-docs/ebb-series/ebb-36/img/G0B1/EBB_G0B1_PT100.png').default} width="450"/>
     </TabItem>
     <TabItem value="ebb-36-1_0" label="EBB 36 V1.0">
-        <img src={require('@site/docs/board-docs/ebb-series/ebb-36/img/072/EBB_072_PT100.png').default} width="450"/>
+        <ImageView src={require('@site/docs/board-docs/ebb-series/ebb-36/img/072/EBB_072_PT100.png').default} width="450"/>
     </TabItem>
 </Tabs>
 
@@ -78,12 +78,12 @@ Using PT1000 in this way results in lower temperature accuracy compared to using
 <div class="div-table">
     <Tabs groupId="ebb-version">
         <TabItem value="ebb-36-1_2" label="EBB 36 V1.1 / V1.2" default>
-            <img src={require('@site/docs/board-docs/ebb-series/ebb-36/img/G0B1/EBB_G0B1_TwoW.png').default} width="300" class="image-margin"/>
-            <img src={require('@site/docs/board-docs/ebb-series/ebb-36/img/G0B1/EBB_G0B1_FourW.png').default} width="300" class="image-margin"/>
+            <ImageView src={require('@site/docs/board-docs/ebb-series/ebb-36/img/G0B1/EBB_G0B1_TwoW.png').default} width="300" class="image-margin"/>
+            <ImageView src={require('@site/docs/board-docs/ebb-series/ebb-36/img/G0B1/EBB_G0B1_FourW.png').default} width="300" class="image-margin"/>
         </TabItem>
         <TabItem value="ebb-36-1_0" label="EBB 36 V1.0">
-            <img src={require('@site/docs/board-docs/ebb-series/ebb-36/img/072/EBB_072_TwoW.png').default} width="300" class="image-margin"/>
-            <img src={require('@site/docs/board-docs/ebb-series/ebb-36/img/072/EBB_072_FourW.png').default} width="300" class="image-margin"/>
+            <ImageView src={require('@site/docs/board-docs/ebb-series/ebb-36/img/072/EBB_072_TwoW.png').default} width="300" class="image-margin"/>
+            <ImageView src={require('@site/docs/board-docs/ebb-series/ebb-36/img/072/EBB_072_FourW.png').default} width="300" class="image-margin"/>
         </TabItem>
     </Tabs>
 </div>
@@ -103,10 +103,10 @@ MAX 31865 selects PT100/PT1000 2-wire or 4-wire configuration
 
 <Tabs groupId="ebb-version">
     <TabItem value="ebb-36-1_2" label="EBB 36 V1.1 / V1.2" default>
-        <img src={require('@site/docs/board-docs/ebb-series/ebb-36/img/G0B1/EBB_G0B1_BLTouch.png').default} width="450"/>
+        <ImageView src={require('@site/docs/board-docs/ebb-series/ebb-36/img/G0B1/EBB_G0B1_BLTouch.png').default} width="450"/>
     </TabItem>
     <TabItem value="ebb-36-1_0" label="EBB 36 V1.0">
-        <img src={require('@site/docs/board-docs/ebb-series/ebb-36/img/072/EBB_072_BLTouch.png').default} width="450"/>
+        <ImageView src={require('@site/docs/board-docs/ebb-series/ebb-36/img/072/EBB_072_BLTouch.png').default} width="450"/>
     </TabItem>
 </Tabs>
 
@@ -114,10 +114,10 @@ MAX 31865 selects PT100/PT1000 2-wire or 4-wire configuration
 
 <Tabs groupId="ebb-version">
     <TabItem value="ebb-36-1_2" label="EBB 36 V1.1 / V1.2" default>
-        <img src={require('@site/docs/board-docs/ebb-series/ebb-36/img/G0B1/EBB_G0B1_Broke.png').default} width="450"/>
+        <ImageView src={require('@site/docs/board-docs/ebb-series/ebb-36/img/G0B1/EBB_G0B1_Broke.png').default} width="450"/>
     </TabItem>
     <TabItem value="ebb-36-1_0" label="EBB 36 V1.0">
-        <img src={require('@site/docs/board-docs/ebb-series/ebb-36/img/072/EBB_072_Broke.png').default} width="450"/>
+        <ImageView src={require('@site/docs/board-docs/ebb-series/ebb-36/img/072/EBB_072_Broke.png').default} width="450"/>
     </TabItem>
 </Tabs>
 
@@ -125,9 +125,9 @@ MAX 31865 selects PT100/PT1000 2-wire or 4-wire configuration
 
 <Tabs groupId="ebb-version">
     <TabItem value="ebb-36-1_2" label="EBB 36 V1.1 / V1.2" default>
-        <img src={require('@site/docs/board-docs/ebb-series/ebb-36/img/G0B1/EBB_G0B1_RGB.png').default} width="450"/>
+        <ImageView src={require('@site/docs/board-docs/ebb-series/ebb-36/img/G0B1/EBB_G0B1_RGB.png').default} width="450"/>
     </TabItem>
     <TabItem value="ebb-36-1_0" label="EBB 36 V1.0">
-        <img src={require('@site/docs/board-docs/ebb-series/ebb-36/img/072/EBB_072_RGB.png').default} width="450"/>
+        <ImageView src={require('@site/docs/board-docs/ebb-series/ebb-36/img/072/EBB_072_RGB.png').default} width="450"/>
     </TabItem>
 </Tabs>
diff --git a/i18n/en/docusaurus-plugin-content-docs/current/board-docs/ebb-series/ebb-36/ebb-36.md b/i18n/en/docusaurus-plugin-content-docs/current/board-docs/ebb-series/ebb-36/ebb-36.md
index 25c6d55..4f057ed 100644
--- a/i18n/en/docusaurus-plugin-content-docs/current/board-docs/ebb-series/ebb-36/ebb-36.md
+++ b/i18n/en/docusaurus-plugin-content-docs/current/board-docs/ebb-series/ebb-36/ebb-36.md
@@ -15,7 +15,7 @@ import DocCardList from '@theme/DocCardList';
 
 <!-- import lib end -->
 
-<img
+<ImageView
 src={require('@site/docs/board-docs/ebb-series/ebb-36/img/ebb_36_title.png').default}
 alt="ebb 36 title" width="550"
 />
diff --git a/i18n/en/docusaurus-plugin-content-docs/current/board-docs/ebb-series/ebb-firmware-f072.md b/i18n/en/docusaurus-plugin-content-docs/current/board-docs/ebb-series/ebb-firmware-f072.md
index e5ac7d4..afdafd3 100644
--- a/i18n/en/docusaurus-plugin-content-docs/current/board-docs/ebb-series/ebb-firmware-f072.md
+++ b/i18n/en/docusaurus-plugin-content-docs/current/board-docs/ebb-series/ebb-firmware-f072.md
@@ -17,7 +17,7 @@ make menuconfig
 
 Then build the `EBB` firmware using `STM32F072` as the `MCU` according to the following options.
 
-<img
+<ImageView
     src={require('@site/docs/board-docs/ebb-series/img/ebb-f072-make-can.png').default}
     alt="EBB with f072 build config"
 />
diff --git a/i18n/en/docusaurus-plugin-content-docs/current/board-docs/ebb-series/ebb-firmware-g0b1.md b/i18n/en/docusaurus-plugin-content-docs/current/board-docs/ebb-series/ebb-firmware-g0b1.md
index f5727b3..77c860d 100644
--- a/i18n/en/docusaurus-plugin-content-docs/current/board-docs/ebb-series/ebb-firmware-g0b1.md
+++ b/i18n/en/docusaurus-plugin-content-docs/current/board-docs/ebb-series/ebb-firmware-g0b1.md
@@ -17,7 +17,7 @@ make menuconfig
 
 Then build the `EBB` firmware using `STM32G0B1` as the `MCU` according to the following options.
 
-<img
+<ImageView
     src={require('@site/docs/board-docs/ebb-series/img/ebb-g0b1-make-can.png').default}
     alt="EBB with G0B1 build config"
 />
diff --git a/i18n/en/docusaurus-plugin-content-docs/current/board-docs/ebb-series/ebb-firmware-rp2040.md b/i18n/en/docusaurus-plugin-content-docs/current/board-docs/ebb-series/ebb-firmware-rp2040.md
index 5d422f7..5fc9873 100644
--- a/i18n/en/docusaurus-plugin-content-docs/current/board-docs/ebb-series/ebb-firmware-rp2040.md
+++ b/i18n/en/docusaurus-plugin-content-docs/current/board-docs/ebb-series/ebb-firmware-rp2040.md
@@ -17,7 +17,7 @@ make menuconfig
 
 Then build the EBB firmware using `RP2040` as the `MCU` according to the following options.
 
-<img
+<ImageView
     src={require('@site/docs/board-docs/ebb-series/img/ebb-g0b1-make-can.png').default}
     alt="EBB with RP2040 build config"
 />
diff --git a/i18n/en/docusaurus-plugin-content-docs/current/board-docs/manta-series/manta-core-image-rpi.md b/i18n/en/docusaurus-plugin-content-docs/current/board-docs/manta-series/manta-core-image-rpi.md
index 7f85864..2d9e2e5 100644
--- a/i18n/en/docusaurus-plugin-content-docs/current/board-docs/manta-series/manta-core-image-rpi.md
+++ b/i18n/en/docusaurus-plugin-content-docs/current/board-docs/manta-series/manta-core-image-rpi.md
@@ -39,11 +39,11 @@ The eMMC version requires this tool to read and write to eMMC.
     <TabItem value="sd-card" label="Use SD Card" default>
         Insert the Micro SD card into the computer using a card reader, then select the system.
 
-        <img src={require('@site/docs/board-docs/manta-series/img/cm-flash-1.png').default} width="65%"/>
+        <ImageView src={require('@site/docs/board-docs/manta-series/img/cm-flash-1.png').default} width="65%"/>
 
         Select `Use custom`, then choose the image downloaded to the computer.
 
-        <img src={require('@site/docs/board-docs/manta-series/img/cm-flash-2.png').default} width="65%"/>
+        <ImageView src={require('@site/docs/board-docs/manta-series/img/cm-flash-2.png').default} width="65%"/>
 
         Select the Micro SD card to be written, then write the system image.
 
@@ -53,11 +53,11 @@ The eMMC version requires this tool to read and write to eMMC.
 
         :::
 
-        <img src={require('@site/docs/board-docs/manta-series/img/cm-flash-3.png').default} width="65%"/>
+        <ImageView src={require('@site/docs/board-docs/manta-series/img/cm-flash-3.png').default} width="65%"/>
 
         Wait for the system writing to complete
         
-        <img src={require('@site/docs/board-docs/manta-series/img/cm-flash-4.png').default} width="65%"/>
+        <ImageView src={require('@site/docs/board-docs/manta-series/img/cm-flash-4.png').default} width="65%"/>
     </TabItem>
     <TabItem value="emmc" label="Use eMMC">
         First, set switches 3 `RPIBOOT` and 4 `USBOTG` to `ON` to enter BOOT mode
@@ -68,11 +68,11 @@ The eMMC version requires this tool to read and write to eMMC.
         
         Then use Raspberry Pi Imager to select the system
 
-        <img src={require('@site/docs/board-docs/manta-series/img/cm-flash-1.png').default} width="65%"/>
+        <ImageView src={require('@site/docs/board-docs/manta-series/img/cm-flash-1.png').default} width="65%"/>
 
         Select `Use custom`, then choose the image downloaded to the computer.
 
-        <img src={require('@site/docs/board-docs/manta-series/img/cm-flash-2.png').default} width="65%"/>
+        <ImageView src={require('@site/docs/board-docs/manta-series/img/cm-flash-2.png').default} width="65%"/>
 
         Select the eMMC device to be written, then write the system image.
 
@@ -82,10 +82,10 @@ The eMMC version requires this tool to read and write to eMMC.
 
         :::
 
-        <img src={require('@site/docs/board-docs/manta-series/img/cm-flash-3.png').default} width="65%"/>
+        <ImageView src={require('@site/docs/board-docs/manta-series/img/cm-flash-3.png').default} width="65%"/>
 
         Wait for the system writing to complete
 
-        <img src={require('@site/docs/board-docs/manta-series/img/cm-flash-4.png').default} width="65%"/>
+        <ImageView src={require('@site/docs/board-docs/manta-series/img/cm-flash-4.png').default} width="65%"/>
     </TabItem>
 </Tabs>
diff --git a/i18n/en/docusaurus-plugin-content-docs/current/board-docs/manta-series/manta-m4p-firmware-g0b1.md b/i18n/en/docusaurus-plugin-content-docs/current/board-docs/manta-series/manta-m4p-firmware-g0b1.md
index 17763f5..93ccdd4 100644
--- a/i18n/en/docusaurus-plugin-content-docs/current/board-docs/manta-series/manta-m4p-firmware-g0b1.md
+++ b/i18n/en/docusaurus-plugin-content-docs/current/board-docs/manta-series/manta-m4p-firmware-g0b1.md
@@ -21,7 +21,7 @@ make menuconfig
 
 Build the USB serial firmware for `Manta M4P` using `STM32G0B1` as the `MCU` according to the following options.
 
-<img src={require('@site/docs/board-docs/manta-series/img/manta-m4p-make-usb.png').default} alt="manta m4p with g0b1 usb"/>
+<ImageView src={require('@site/docs/board-docs/manta-series/img/manta-m4p-make-usb.png').default} alt="manta m4p with g0b1 usb"/>
 
 After configuration, use `q` to exit and `y` to save the build options.
 
diff --git a/i18n/en/docusaurus-plugin-content-docs/current/board-docs/manta-series/manta-m4p/manta-m4p-hardware.md b/i18n/en/docusaurus-plugin-content-docs/current/board-docs/manta-series/manta-m4p/manta-m4p-hardware.md
index eba3296..05e3824 100644
--- a/i18n/en/docusaurus-plugin-content-docs/current/board-docs/manta-series/manta-m4p/manta-m4p-hardware.md
+++ b/i18n/en/docusaurus-plugin-content-docs/current/board-docs/manta-series/manta-m4p/manta-m4p-hardware.md
@@ -20,7 +20,7 @@ Manta M4P 模型 [BIGTREETECH_Manta_M4P_V2.1_220608_3D.step](https://github.com/
 
 :::
 
-<img src={require('@site/docs/board-docs/manta-series/manta-m4p/img/M4P_Size.webp').default} width="100%"/>
+<ImageView src={require('@site/docs/board-docs/manta-series/manta-m4p/img/M4P_Size.webp').default} width="100%"/>
 
 ## Pinout
 
@@ -30,7 +30,7 @@ Manta M4P v2 原理图 [bigtreetech_manta_m4p_v2.1_220608_SCH.pdf](https://githu
 
 :::
 
-<img src={require('@site/docs/board-docs/manta-series/manta-m4p/img/M4P_Pinout.webp').default} width="100%"/>
+<ImageView src={require('@site/docs/board-docs/manta-series/manta-m4p/img/M4P_Pinout.webp').default} width="100%"/>
 
 ## 步进电机驱动
 
@@ -39,36 +39,36 @@ Manta M4P v2 原理图 [bigtreetech_manta_m4p_v2.1_220608_SCH.pdf](https://githu
 <Tabs groupId="m4p-stepper-driver">
     <TabItem value="tmc-uart" label="Uart 模式" default>
         使用 Uart 模式连接驱动
-        <img
+        <ImageView
             src={require('@site/docs/board-docs/manta-series/manta-m4p/img/M4P_TMC_UART_Mode.webp').default}
             alt="" width="100%"
         />
     </TabItem>
     <TabItem value="tmc-spi" label="SPI 模式">
         使用 SPI 模式连接驱动
-        <img
+        <ImageView
             src={require('@site/docs/board-docs/manta-series/manta-m4p/img/M4P_TMC_SPI_Mode.webp').default}
             alt="" width="100%"
         />
     </TabItem>
     <TabItem value="step-dir" label="Step / dir 模式">
         A4988 / DRV8825 使用跳线帽短接 MS0-MS2 以调整细分
-        <img src={require('@site/docs/board-docs/manta-series/manta-m4p/img/M4P_Stepper_Driver.webp').default} width="100%"/>
+        <ImageView src={require('@site/docs/board-docs/manta-series/manta-m4p/img/M4P_Stepper_Driver.webp').default} width="100%"/>
     </TabItem>
 </Tabs>
 
 ### TMC Sensorless
 
-<img src={require('@site/docs/board-docs/manta-series/manta-m4p/img/M4P_TMC_DIAG_Mode.webp').default} width="100%"/>
+<ImageView src={require('@site/docs/board-docs/manta-series/manta-m4p/img/M4P_TMC_DIAG_Mode.webp').default} width="100%"/>
 
 ### 驱动电压选择
 
 <Tabs groupId="m4p-driver-power">
     <TabItem value="m4p-power-24" label="使用 24V 电源" default>
-        <img src={require('@site/docs/board-docs/manta-series/manta-m4p/img/M4P_driver_24.webp').default} width="100%"/>
+        <ImageView src={require('@site/docs/board-docs/manta-series/manta-m4p/img/M4P_driver_24.webp').default} width="100%"/>
     </TabItem>
     <TabItem value="m4p-power-48" label="使用 48V 电源">
-        <img src={require('@site/docs/board-docs/manta-series/manta-m4p/img/M4P_driver_48.webp').default} width="100%"/>
+        <ImageView src={require('@site/docs/board-docs/manta-series/manta-m4p/img/M4P_driver_48.webp').default} width="100%"/>
     </TabItem>
 </Tabs>
 
@@ -78,10 +78,10 @@ Manta M4P v2 原理图 [bigtreetech_manta_m4p_v2.1_220608_SCH.pdf](https://githu
 
 <Tabs groupId="m4p-cm">
     <TabItem value="m4p-cm-rpi" label="使用树莓派 CM4/CM5" default>
-        <img src={require('@site/docs/board-docs/manta-series/manta-m4p/img/m4p_cm_rpi.webp').default} width="100%"/>
+        <ImageView src={require('@site/docs/board-docs/manta-series/manta-m4p/img/m4p_cm_rpi.webp').default} width="100%"/>
     </TabItem>
     <TabItem value="m4p-cm-cb" label="使用 CB1/CB2">
-        <img src={require('@site/docs/board-docs/manta-series/manta-m4p/img/m4p_cm_cb.webp').default} width="100%"/>
+        <ImageView src={require('@site/docs/board-docs/manta-series/manta-m4p/img/m4p_cm_cb.webp').default} width="100%"/>
     </TabItem>
 </Tabs>
 
@@ -89,11 +89,11 @@ Manta M4P v2 原理图 [bigtreetech_manta_m4p_v2.1_220608_SCH.pdf](https://githu
 
 M4P 开机后，主板右下侧的红色 LED1 会亮起，表示电源正常。板中间的 J8 是电源选择端子，只有当type-C USB用于向主板供电或USB用于外部供电时，才需要短接。type-C的信号连接到 SoC，仅在写入 CM4 eMMC 版本的操作系统映像时使用。
 
-<img src={require('@site/docs/board-docs/manta-series/manta-m4p/img/M4P_TYPE_C.webp').default} width="45%"/>
+<ImageView src={require('@site/docs/board-docs/manta-series/manta-m4p/img/M4P_TYPE_C.webp').default} width="45%"/>
 
 ### 40 Pin GPIO
 
-<img src={require('@site/docs/board-docs/manta-series/manta-m4p/img/m4p-40pin-gpio.webp').default} width="50%"/>
+<ImageView src={require('@site/docs/board-docs/manta-series/manta-m4p/img/m4p-40pin-gpio.webp').default} width="50%"/>
 
 ### DSI / CSI连接
 
@@ -103,24 +103,24 @@ DSI / CSI 需要核心板硬件支持
 
 :::
 
-<img src={require('@site/docs/board-docs/manta-series/manta-m4p/img/M4P_DSI_CSI_Wiring.webp').default} width="100%"/>
+<ImageView src={require('@site/docs/board-docs/manta-series/manta-m4p/img/M4P_DSI_CSI_Wiring.webp').default} width="100%"/>
 
 ### SPI 显示器
 
-<img src={require('@site/docs/board-docs/manta-series/manta-m4p/img/M4P_SPI_Display_Wiring.webp').default} width="100%"/>
+<ImageView src={require('@site/docs/board-docs/manta-series/manta-m4p/img/M4P_SPI_Display_Wiring.webp').default} width="100%"/>
 
 ## 传感器
 
 ### BLTouch
 
-<img src={require('@site/docs/board-docs/manta-series/manta-m4p/img/M4P_BLTouch_Wiring.webp').default} width="60%"/>
+<ImageView src={require('@site/docs/board-docs/manta-series/manta-m4p/img/M4P_BLTouch_Wiring.webp').default} width="60%"/>
 
 ### ADXL 345
 
-<img src={require('@site/docs/board-docs/manta-series/manta-m4p/img/M4P_ADXL345.webp').default} width="60%"/>
+<ImageView src={require('@site/docs/board-docs/manta-series/manta-m4p/img/M4P_ADXL345.webp').default} width="60%"/>
 
 ## 其他硬件
 
 ### Neopixel 
 
-<img src={require('@site/docs/board-docs/manta-series/manta-m4p/img/M4P_RGB_Wiring.webp').default} width="80%"/>
+<ImageView src={require('@site/docs/board-docs/manta-series/manta-m4p/img/M4P_RGB_Wiring.webp').default} width="80%"/>
diff --git a/i18n/en/docusaurus-plugin-content-docs/current/board-docs/manta-series/manta-m4p/manta-m4p.md b/i18n/en/docusaurus-plugin-content-docs/current/board-docs/manta-series/manta-m4p/manta-m4p.md
index a80ceb0..1bc33ec 100644
--- a/i18n/en/docusaurus-plugin-content-docs/current/board-docs/manta-series/manta-m4p/manta-m4p.md
+++ b/i18n/en/docusaurus-plugin-content-docs/current/board-docs/manta-series/manta-m4p/manta-m4p.md
@@ -13,7 +13,7 @@ import DocCardList from '@theme/DocCardList';
 
 <div class="div-table">
 
-<img 
+<ImageView 
     src={require('@site/docs/board-docs/manta-series/manta-m4p/img/M4P_Title.webp').default} 
     width="45%" class="right-image"
 />
diff --git a/i18n/en/docusaurus-plugin-content-docs/current/board-docs/manta-series/manta-m5p-firmware-g0b1.md b/i18n/en/docusaurus-plugin-content-docs/current/board-docs/manta-series/manta-m5p-firmware-g0b1.md
index 616c0f1..25fbe9e 100644
--- a/i18n/en/docusaurus-plugin-content-docs/current/board-docs/manta-series/manta-m5p-firmware-g0b1.md
+++ b/i18n/en/docusaurus-plugin-content-docs/current/board-docs/manta-series/manta-m5p-firmware-g0b1.md
@@ -25,14 +25,14 @@ make menuconfig
 <Tabs groupId="M5P-v1-make-connect">
     <TabItem value="bridge" label="CAN Bridge Firmware" default>
         Build the CAN bridge firmware for `Manta M5P` using `STM32G0B1` as the `MCU` according to the following options.
-        <img
+        <ImageView
             src={require('@site/docs/board-docs/manta-series/img/manta-m5p-make-bridge.png').default}
             alt="manta M5P with g0b1 bridge"
         />
     </TabItem>
     <TabItem value="usb" label="USB Serial Firmware">
         Build the USB serial firmware for `Manta M5P` using `STM32G0B1` as the `MCU` according to the following options.
-        <img
+        <ImageView
             src={require('@site/docs/board-docs/manta-series/img/manta-m5p-make-usb.png').default}
             alt="manta M5P with g0b1 usb"
         />
diff --git a/i18n/en/docusaurus-plugin-content-docs/current/board-docs/manta-series/manta-m5p/manta-m5p-hardware.md b/i18n/en/docusaurus-plugin-content-docs/current/board-docs/manta-series/manta-m5p/manta-m5p-hardware.md
index 8849ea3..5553b09 100644
--- a/i18n/en/docusaurus-plugin-content-docs/current/board-docs/manta-series/manta-m5p/manta-m5p-hardware.md
+++ b/i18n/en/docusaurus-plugin-content-docs/current/board-docs/manta-series/manta-m5p/manta-m5p-hardware.md
@@ -22,10 +22,10 @@ Manta M5P 模型 [BIGTREETECH MANTA M5P-step.rar](https://github.com/bigtreetech
 
 <Tabs groupId="m5p-dim">
     <TabItem value="m5p-dim-1" label="正面尺寸" default>
-        <img src={require('@site/docs/board-docs/manta-series/manta-m5p/img/M5P_Dimension1.png').default} width="80%"/>
+        <ImageView src={require('@site/docs/board-docs/manta-series/manta-m5p/img/M5P_Dimension1.png').default} width="80%"/>
     </TabItem>
     <TabItem value="m5p-dim-2" label="反面尺寸">
-        <img src={require('@site/docs/board-docs/manta-series/manta-m5p/img/M5P_Dimension2.png').default} width="80%"/>
+        <ImageView src={require('@site/docs/board-docs/manta-series/manta-m5p/img/M5P_Dimension2.png').default} width="80%"/>
     </TabItem>
 </Tabs>
 
@@ -37,7 +37,7 @@ Manta M5P 原理图 [BIGTREETECH MANTA M5P V1.0-SCH.pdf](https://github.com/bigt
 
 :::
 
-<img src={require('@site/docs/board-docs/manta-series/manta-m5p/img/manta-m5p-pinout.png').default} width="100%"/>
+<ImageView src={require('@site/docs/board-docs/manta-series/manta-m5p/img/manta-m5p-pinout.png').default} width="100%"/>
 
 ## 步进电机驱动
 
@@ -46,21 +46,21 @@ Manta M5P 原理图 [BIGTREETECH MANTA M5P V1.0-SCH.pdf](https://github.com/bigt
 <Tabs groupId="m5p-stepper-driver">
     <TabItem value="tmc-uart" label="Uart 模式" default>
         使用 Uart 模式连接驱动
-        <img
+        <ImageView
             src={require('@site/docs/board-docs/manta-series/manta-m5p/img/manta-m5p-driver-uart.png').default}
             alt="" width="80%"
         />
     </TabItem>
     <TabItem value="tmc-spi" label="SPI 模式">
         使用 SPI 模式连接驱动
-        <img
+        <ImageView
             src={require('@site/docs/board-docs/manta-series/manta-m5p/img/manta-m5p-driver-spi.png').default}
             alt="" width="80%"
         />
     </TabItem>
     <TabItem value="step-dir" label="Step / DIR 模式">
         A4988 / DRV8825 使用跳线帽短接 MS0-MS2 以调整细分
-        <img
+        <ImageView
             src={require('@site/docs/board-docs/manta-series/manta-m5p/img/manta-m5p-driver-step.png').default}
             alt="" width="80%"
         />
@@ -69,16 +69,16 @@ Manta M5P 原理图 [BIGTREETECH MANTA M5P V1.0-SCH.pdf](https://github.com/bigt
 
 ### TMC Sensorless
 
-<img src={require('@site/docs/board-docs/manta-series/manta-m5p/img/manta-m5p-sensorless.png').default} width="80%"/>
+<ImageView src={require('@site/docs/board-docs/manta-series/manta-m5p/img/manta-m5p-sensorless.png').default} width="80%"/>
 
 ### 驱动电压选择
 
 <Tabs groupId="m5p-driver-power">
     <TabItem value="m5p-power-24" label="使用 24V 电源" default>
-        <img src={require('@site/docs/board-docs/manta-series/manta-m5p/img/manta-m5p-driver-24.png').default} width="80%"/>
+        <ImageView src={require('@site/docs/board-docs/manta-series/manta-m5p/img/manta-m5p-driver-24.png').default} width="80%"/>
     </TabItem>
     <TabItem value="m5p-power-48" label="使用 48V 电源">
-        <img src={require('@site/docs/board-docs/manta-series/manta-m5p/img/manta-m5p-driver-48.png').default} width="80%"/>
+        <ImageView src={require('@site/docs/board-docs/manta-series/manta-m5p/img/manta-m5p-driver-48.png').default} width="80%"/>
     </TabItem>
 </Tabs>
 
@@ -88,10 +88,10 @@ Manta M5P 原理图 [BIGTREETECH MANTA M5P V1.0-SCH.pdf](https://github.com/bigt
 
 <Tabs groupId="m5p-cm">
     <TabItem value="m5p-cm-rpi" label="使用树莓派 CM4/CM5" default>
-        <img src={require('@site/docs/board-docs/manta-series/manta-m5p/img/m5p_cm_rpi.png').default} width="80%"/>
+        <ImageView src={require('@site/docs/board-docs/manta-series/manta-m5p/img/m5p_cm_rpi.png').default} width="80%"/>
     </TabItem>
     <TabItem value="m5p-cm-cb" label="使用 CB1/CB2">
-        <img src={require('@site/docs/board-docs/manta-series/manta-m5p/img/m5p_cm_cb.png').default} width="80%"/>
+        <ImageView src={require('@site/docs/board-docs/manta-series/manta-m5p/img/m5p_cm_cb.png').default} width="80%"/>
     </TabItem>
 </Tabs>
 
@@ -99,7 +99,7 @@ Manta M5P 原理图 [BIGTREETECH MANTA M5P V1.0-SCH.pdf](https://github.com/bigt
 
 MANTA M5P通电后，MCU左侧的红灯D22将亮起，表示已通电。当仅使用USB为板供电或通过USB供电时，请将跳线帽插入VUSB。
 
-<img src={require('@site/docs/board-docs/manta-series/manta-m5p/img/M5P_USB_PS.png').default} width="45%"/>
+<ImageView src={require('@site/docs/board-docs/manta-series/manta-m5p/img/M5P_USB_PS.png').default} width="45%"/>
 
 ### DSI / CSI连接
 
@@ -109,7 +109,7 @@ DSI / CSI 需要核心板硬件支持
 
 :::
 
-<img src={require('@site/docs/board-docs/manta-series/manta-m5p/img/M5P_DSI.png').default} width="100%"/>
+<ImageView src={require('@site/docs/board-docs/manta-series/manta-m5p/img/M5P_DSI.png').default} width="100%"/>
 
 ## 风扇
 
@@ -123,13 +123,13 @@ DSI / CSI 需要核心板硬件支持
 
 :::
 
-<img src={require('@site/docs/board-docs/manta-series/manta-m5p/img/manta-m5p-fan-voltage.png').default} width="40%"/>
+<ImageView src={require('@site/docs/board-docs/manta-series/manta-m5p/img/manta-m5p-fan-voltage.png').default} width="40%"/>
 
 ## 传感器
 
 ### BLTouch
 
-<img src={require('@site/docs/board-docs/manta-series/manta-m5p/img/M5P_BLTouch_Wiring.png').default} width="80%"/>
+<ImageView src={require('@site/docs/board-docs/manta-series/manta-m5p/img/M5P_BLTouch_Wiring.png').default} width="80%"/>
 
 ### 100K NTC 或 PT1000 设置
 
@@ -141,19 +141,19 @@ DSI / CSI 需要核心板硬件支持
 
 这样读取的温度精度将远不如MAX31865读取的精度
 
-<img src={require('@site/docs/board-docs/manta-series/manta-m5p/img/M5P_100K.png').default} width="20%"/>
+<ImageView src={require('@site/docs/board-docs/manta-series/manta-m5p/img/M5P_100K.png').default} width="20%"/>
 
 :::
 
 ### 耗材传感器
 
-<img src={require('@site/docs/board-docs/manta-series/manta-m5p/img/M5P_Filament.png').default} width="80%"/>
+<ImageView src={require('@site/docs/board-docs/manta-series/manta-m5p/img/M5P_Filament.png').default} width="80%"/>
 
 ### 接近开关接线
 
 使用 PNP 接近开关
 
-<img src={require('@site/docs/board-docs/manta-series/manta-m5p/img/M5P_Proximity-PNP.png').default} width="80%"/>
+<ImageView src={require('@site/docs/board-docs/manta-series/manta-m5p/img/M5P_Proximity-PNP.png').default} width="80%"/>
 
 :::info[NPN 接近开关]
 
@@ -165,4 +165,4 @@ NPN 接近开关不需要接 `Pull UP` 跳线帽
 
 ### Neopixel 
 
-<img src={require('@site/docs/board-docs/manta-series/manta-m5p/img/M5P_RGB_Wiring.png').default} width="80%"/>
+<ImageView src={require('@site/docs/board-docs/manta-series/manta-m5p/img/M5P_RGB_Wiring.png').default} width="80%"/>
diff --git a/i18n/en/docusaurus-plugin-content-docs/current/board-docs/manta-series/manta-m5p/manta-m5p.md b/i18n/en/docusaurus-plugin-content-docs/current/board-docs/manta-series/manta-m5p/manta-m5p.md
index 828fa31..5cb8b62 100644
--- a/i18n/en/docusaurus-plugin-content-docs/current/board-docs/manta-series/manta-m5p/manta-m5p.md
+++ b/i18n/en/docusaurus-plugin-content-docs/current/board-docs/manta-series/manta-m5p/manta-m5p.md
@@ -13,7 +13,7 @@ import DocCardList from '@theme/DocCardList';
 
 <div class="div-table">
 
-<img 
+<ImageView 
     src={require('@site/docs/board-docs/manta-series/manta-m5p/img/M5P_Title.png').default} 
     width="45%" class="right-image"
 />
diff --git a/i18n/en/docusaurus-plugin-content-docs/current/board-docs/manta-series/manta-m8p-firmware-g0b1.md b/i18n/en/docusaurus-plugin-content-docs/current/board-docs/manta-series/manta-m8p-firmware-g0b1.md
index 8249c25..fece01e 100644
--- a/i18n/en/docusaurus-plugin-content-docs/current/board-docs/manta-series/manta-m8p-firmware-g0b1.md
+++ b/i18n/en/docusaurus-plugin-content-docs/current/board-docs/manta-series/manta-m8p-firmware-g0b1.md
@@ -31,14 +31,14 @@ M8P v1.0 不能使用 CAN Bridge
 <Tabs groupId="m8p-v1-make-connect">
     <TabItem value="bridge" label="CAN 桥接固件" default>
         按照以下选项构建使用 `STM32G0B1` 为 `MCU` 的 `Manta M8P` CAN 桥接固件
-        <img
+        <ImageView
             src={require('@site/docs/board-docs/manta-series/img/manta-m8p-v1-make-bridge.png').default}
             alt="manta m8p with g0b1 bridge"
         />
     </TabItem>
     <TabItem value="usb" label="USB 串口固件">
         按照以下选项构建使用 `STM32G0B1` 为 `MCU` 的 `Manta M8P` USB 串口固件
-        <img
+        <ImageView
             src={require('@site/docs/board-docs/manta-series/img/manta-m8p-v1-make-usb.png').default}
             alt="manta m8p with g0b1 usb"
         />
diff --git a/i18n/en/docusaurus-plugin-content-docs/current/board-docs/manta-series/manta-m8p-firmware-h723.md b/i18n/en/docusaurus-plugin-content-docs/current/board-docs/manta-series/manta-m8p-firmware-h723.md
index d6510fb..ba518aa 100644
--- a/i18n/en/docusaurus-plugin-content-docs/current/board-docs/manta-series/manta-m8p-firmware-h723.md
+++ b/i18n/en/docusaurus-plugin-content-docs/current/board-docs/manta-series/manta-m8p-firmware-h723.md
@@ -25,14 +25,14 @@ make menuconfig
 <Tabs groupId="m8p-v2-make-connect">
     <TabItem value="bridge" label="CAN 桥接固件" default>
         按照以下选项构建使用 `STM32H723` 为 `MCU` 的 `Manta M8P` CAN 桥接固件
-        <img
+        <ImageView
             src={require('@site/docs/board-docs/manta-series/img/manta-h723-make-bridge.png').default}
             alt="manta m8p with h723 bridge"
         />
     </TabItem>
     <TabItem value="usb" label="USB 串口固件">
         按照以下选项构建使用 `STM32H723` 为 `MCU` 的 `Manta M8P` USB 串口固件
-        <img
+        <ImageView
             src={require('@site/docs/board-docs/manta-series/img/manta-h723-make-usb.png').default}
             alt="manta m8p with h723 usb"
         />
diff --git a/i18n/en/docusaurus-plugin-content-docs/current/board-docs/manta-series/manta-m8p-v1/manta-m8p-v1-hardware.md b/i18n/en/docusaurus-plugin-content-docs/current/board-docs/manta-series/manta-m8p-v1/manta-m8p-v1-hardware.md
index 5bbe7b5..813f495 100644
--- a/i18n/en/docusaurus-plugin-content-docs/current/board-docs/manta-series/manta-m8p-v1/manta-m8p-v1-hardware.md
+++ b/i18n/en/docusaurus-plugin-content-docs/current/board-docs/manta-series/manta-m8p-v1/manta-m8p-v1-hardware.md
@@ -23,10 +23,10 @@ Manta M8P v1.1 模型 [BIGTREETECH MANTA M8P V1.1.step.zip](https://github.com/b
 
 <Tabs groupId="m8p-dim">
     <TabItem value="m8p-dim-1" label="正面尺寸" default>
-        <img src={require('@site/docs/board-docs/manta-series/manta-m8p-v1/img/M8P_dimensions_1.png').default} width="100%"/>
+        <ImageView src={require('@site/docs/board-docs/manta-series/manta-m8p-v1/img/M8P_dimensions_1.png').default} width="100%"/>
     </TabItem>
     <TabItem value="m8p-dim-2" label="反面尺寸">
-        <img src={require('@site/docs/board-docs/manta-series/manta-m8p-v1/img/M8P_dimensions_2.png').default} width="100%"/>
+        <ImageView src={require('@site/docs/board-docs/manta-series/manta-m8p-v1/img/M8P_dimensions_2.png').default} width="100%"/>
     </TabItem>
 </Tabs>
 
@@ -42,10 +42,10 @@ Manta M8P v1.1 原理图 [BIGTREETECH MANTA M8P V1.1-SCH.pdf](https://github.com
 
 <Tabs groupId="m8p-pinout">
     <TabItem value="m8p-pinout-1_1" label="Manta M8P v1.1" default>
-        <img src={require('@site/docs/board-docs/manta-series/manta-m8p-v1/img/M8P_pinout-v1_1.png').default} width="100%"/>
+        <ImageView src={require('@site/docs/board-docs/manta-series/manta-m8p-v1/img/M8P_pinout-v1_1.png').default} width="100%"/>
     </TabItem>
     <TabItem value="m8p-pinout-1_0" label="Manta M8P v1.0">
-        <img src={require('@site/docs/board-docs/manta-series/manta-m8p-v1/img/M8P_pinout-v1_0.png').default} width="100%"/>
+        <ImageView src={require('@site/docs/board-docs/manta-series/manta-m8p-v1/img/M8P_pinout-v1_0.png').default} width="100%"/>
     </TabItem>
 </Tabs>
 
@@ -59,7 +59,7 @@ Pi FAN（由GPIO26控制）
 
 FAN4成为2线CNC风扇。
 
-<img src={require('@site/docs/board-docs/manta-series/manta-m8p-v1/img/M8P_Add_Func1.png').default} width="80%"/>
+<ImageView src={require('@site/docs/board-docs/manta-series/manta-m8p-v1/img/M8P_Add_Func1.png').default} width="80%"/>
 
 :::
 
@@ -69,21 +69,21 @@ FAN4成为2线CNC风扇。
 
 M8P主板通电后，MCU左侧的D32红灯亮起，表示电源正常。电路板中间的VUSB是电源选择端子。只有在使用USB向主板供电或需要通过USB供电时，才需要使用跳线将其短路。
 
-<img src={require('@site/docs/board-docs/manta-series/manta-m8p-v1/img/M8P_USB_PS.png').default} width="80%"/>
+<ImageView src={require('@site/docs/board-docs/manta-series/manta-m8p-v1/img/M8P_USB_PS.png').default} width="80%"/>
 
 ### 步进电机驱动
 
 #### TMC 2208 / TMC 2209 UART 模式
 
-<img src={require('@site/docs/board-docs/manta-series/manta-m8p-v1/img/M8P_uart.png').default} width="80%"/>
+<ImageView src={require('@site/docs/board-docs/manta-series/manta-m8p-v1/img/M8P_uart.png').default} width="80%"/>
 
 #### TMC 2130 / TMC 5160 SPI 模式
 
-<img src={require('@site/docs/board-docs/manta-series/manta-m8p-v1/img/M8P_spi.png').default} width="80%"/>
+<ImageView src={require('@site/docs/board-docs/manta-series/manta-m8p-v1/img/M8P_spi.png').default} width="80%"/>
 
 #### TMC Sensorless
 
-<img src={require('@site/docs/board-docs/manta-series/manta-m8p-v1/img/M8P_Dri_sensorless.png').default} width="80%"/>
+<ImageView src={require('@site/docs/board-docs/manta-series/manta-m8p-v1/img/M8P_Dri_sensorless.png').default} width="80%"/>
 
 #### 仅使用 STEP/DIR 驱动
 
@@ -93,16 +93,16 @@ A4988 / DRV8825 使用跳线帽短接 MS0-MS2 以调整细分
 如果使用 `A4988` 或 `DRV8825` 需要短接 `RST` 和 `SLP` 才能正常工作
 :::
 
-<img src={require('@site/docs/board-docs/manta-series/manta-m8p-v1/img/M8P_Dri_Step.png').default} width="80%"/>
+<ImageView src={require('@site/docs/board-docs/manta-series/manta-m8p-v1/img/M8P_Dri_Step.png').default} width="80%"/>
 
 ### 驱动电压选择
 
 <Tabs groupId="m8p-driver-power">
     <TabItem value="m8p-power-24" label="使用 24V 电源" default>
-        <img src={require('@site/docs/board-docs/manta-series/manta-m8p-v1/img/M8P_driver_24.png').default} width="80%"/>
+        <ImageView src={require('@site/docs/board-docs/manta-series/manta-m8p-v1/img/M8P_driver_24.png').default} width="80%"/>
     </TabItem>
     <TabItem value="m8p-power-48" label="使用 48V 电源">
-        <img src={require('@site/docs/board-docs/manta-series/manta-m8p-v1/img/M8P_driver_48.png').default} width="80%"/>
+        <ImageView src={require('@site/docs/board-docs/manta-series/manta-m8p-v1/img/M8P_driver_48.png').default} width="80%"/>
     </TabItem>
 </Tabs>
 
@@ -110,10 +110,10 @@ A4988 / DRV8825 使用跳线帽短接 MS0-MS2 以调整细分
 
 <Tabs groupId="m8p-cm">
     <TabItem value="m8p-cm-rpi" label="使用树莓派 CM4/CM5" default>
-        <img src={require('@site/docs/board-docs/manta-series/manta-m8p-v1/img/M8P_cm_rpi.png').default} width="80%"/>
+        <ImageView src={require('@site/docs/board-docs/manta-series/manta-m8p-v1/img/M8P_cm_rpi.png').default} width="80%"/>
     </TabItem>
     <TabItem value="m8p-cm-cb" label="使用 CB1/CB2">
-        <img src={require('@site/docs/board-docs/manta-series/manta-m8p-v1/img/M8P_cm_cb.png').default} width="80%"/>
+        <ImageView src={require('@site/docs/board-docs/manta-series/manta-m8p-v1/img/M8P_cm_cb.png').default} width="80%"/>
     </TabItem>
 </Tabs>
 
@@ -127,11 +127,11 @@ A4988 / DRV8825 使用跳线帽短接 MS0-MS2 以调整细分
 
 :::
 
-<img src={require('@site/docs/board-docs/manta-series/manta-m8p-v1/img/M8P_fan.png').default} width="60%"/>
+<ImageView src={require('@site/docs/board-docs/manta-series/manta-m8p-v1/img/M8P_fan.png').default} width="60%"/>
 
 ### 4Pin PWM 风扇接线
 
-<img src={require('@site/docs/board-docs/manta-series/manta-m8p-v1/img/M8P_4_pin_pwm.png').default} width="60%"/>
+<ImageView src={require('@site/docs/board-docs/manta-series/manta-m8p-v1/img/M8P_4_pin_pwm.png').default} width="60%"/>
 
 ### 100K NTC 或 PT1000 设置
 
@@ -143,22 +143,22 @@ A4988 / DRV8825 使用跳线帽短接 MS0-MS2 以调整细分
 
 这样读取的温度精度将远不如MAX31865读取的精度
 
-<img src={require('@site/docs/board-docs/manta-series/manta-m8p-v1/img/M8P_pt1000.png').default} width="30%"/>
+<ImageView src={require('@site/docs/board-docs/manta-series/manta-m8p-v1/img/M8P_pt1000.png').default} width="30%"/>
 
 :::
 
 ### BLTouch
 
-<img src={require('@site/docs/board-docs/manta-series/manta-m8p-v1/img/M8P_BLTouch.png').default} width="80%"/>
+<ImageView src={require('@site/docs/board-docs/manta-series/manta-m8p-v1/img/M8P_BLTouch.png').default} width="80%"/>
 
 ### 接近开关接线
 
 <Tabs groupId="m8p-proximity">
     <TabItem value="m8p-proximity-npn" label="NPN 接近开关" default>
-        <img src={require('@site/docs/board-docs/manta-series/manta-m8p-v1/img/M8P_Proximity_npn.png').default} width="80%"/>
+        <ImageView src={require('@site/docs/board-docs/manta-series/manta-m8p-v1/img/M8P_Proximity_npn.png').default} width="80%"/>
     </TabItem>
     <TabItem value="m8p-proximity-pnp" label="PNP 接近开关">
-        <img src={require('@site/docs/board-docs/manta-series/manta-m8p-v1/img/M8P_Proximity_pnp.png').default} width="80%"/>
+        <ImageView src={require('@site/docs/board-docs/manta-series/manta-m8p-v1/img/M8P_Proximity_pnp.png').default} width="80%"/>
     </TabItem>
 </Tabs>
 
@@ -172,19 +172,19 @@ Manta M8P ADXL 345 配置文件参考 [Manta M8P ADXL 配置文件](./manta-m8p-
 
 :::
 
-<img src={require('@site/docs/board-docs/manta-series/manta-m8p-v1/img/M8P_ADXL345.png').default} width="80%"/>
+<ImageView src={require('@site/docs/board-docs/manta-series/manta-m8p-v1/img/M8P_ADXL345.png').default} width="80%"/>
 
 ### Neopixel 
 
-<img src={require('@site/docs/board-docs/manta-series/manta-m8p-v1/img/M8P_RGB.png').default} width="80%"/>
+<ImageView src={require('@site/docs/board-docs/manta-series/manta-m8p-v1/img/M8P_RGB.png').default} width="80%"/>
 
 ### 断料检测
 
-<img src={require('@site/docs/board-docs/manta-series/manta-m8p-v1/img/M8P_Filament.png').default} width="80%"/>
+<ImageView src={require('@site/docs/board-docs/manta-series/manta-m8p-v1/img/M8P_Filament.png').default} width="80%"/>
 
 ### 40 Pin GPIO
 
-<img src={require('@site/docs/board-docs/manta-series/manta-m8p-v1/img/M8P_40_Pin.png').default} width="60%"/>
+<ImageView src={require('@site/docs/board-docs/manta-series/manta-m8p-v1/img/M8P_40_Pin.png').default} width="60%"/>
 
 ### DSI/CSI 接线
 
@@ -194,4 +194,4 @@ DSI/CSI 需要核心板硬件支持
 
 :::
 
-<img src={require('@site/docs/board-docs/manta-series/manta-m8p-v1/img/M8P_DSI.png').default} width="80%"/>
+<ImageView src={require('@site/docs/board-docs/manta-series/manta-m8p-v1/img/M8P_DSI.png').default} width="80%"/>
diff --git a/i18n/en/docusaurus-plugin-content-docs/current/board-docs/manta-series/manta-m8p-v1/manta-m8p-v1.md b/i18n/en/docusaurus-plugin-content-docs/current/board-docs/manta-series/manta-m8p-v1/manta-m8p-v1.md
index 5bfbe41..3ed5fc2 100644
--- a/i18n/en/docusaurus-plugin-content-docs/current/board-docs/manta-series/manta-m8p-v1/manta-m8p-v1.md
+++ b/i18n/en/docusaurus-plugin-content-docs/current/board-docs/manta-series/manta-m8p-v1/manta-m8p-v1.md
@@ -15,7 +15,7 @@ import DocCardList from '@theme/DocCardList';
 
 <div class="div-table">
 
-<img 
+<ImageView 
     src={require('@site/docs/board-docs/manta-series/manta-m8p-v1/img/m8p-v1-main.png').default} 
     width="45%" class="right-image"
 />
diff --git a/i18n/en/docusaurus-plugin-content-docs/current/board-docs/manta-series/manta-m8p-v2/manta-m8p-v2-hardware.md b/i18n/en/docusaurus-plugin-content-docs/current/board-docs/manta-series/manta-m8p-v2/manta-m8p-v2-hardware.md
index 57aa30b..ebb0088 100644
--- a/i18n/en/docusaurus-plugin-content-docs/current/board-docs/manta-series/manta-m8p-v2/manta-m8p-v2-hardware.md
+++ b/i18n/en/docusaurus-plugin-content-docs/current/board-docs/manta-series/manta-m8p-v2/manta-m8p-v2-hardware.md
@@ -20,7 +20,7 @@ Manta M8P v2 模型 [BIGTREETECH MANTA M8P V2.0.zip](https://github.com/bigtreet
 
 :::
 
-<img src={require('@site/docs/board-docs/manta-series/manta-m8p-v2/img/m8p-v2-dimensions.png').default} width="100%"/>
+<ImageView src={require('@site/docs/board-docs/manta-series/manta-m8p-v2/img/m8p-v2-dimensions.png').default} width="100%"/>
 
 ## Pinout
 
@@ -30,7 +30,7 @@ Manta M8P v2 原理图 [BIGTREETECH MANTA M8P V2.0-SCH.pdf](https://github.com/b
 
 :::
 
-<img src={require('@site/docs/board-docs/manta-series/manta-m8p-v2/img/m8p-v2-pinout.png').default} width="100%"/>
+<ImageView src={require('@site/docs/board-docs/manta-series/manta-m8p-v2/img/m8p-v2-pinout.png').default} width="100%"/>
 
 ## 步进电机驱动
 
@@ -39,14 +39,14 @@ Manta M8P v2 原理图 [BIGTREETECH MANTA M8P V2.0-SCH.pdf](https://github.com/b
 <Tabs groupId="m8p-v2-stepper-driver">
     <TabItem value="tmc-uart" label="Uart 模式" default>
         使用 Uart 模式连接驱动
-        <img
+        <ImageView
             src={require('@site/docs/board-docs/manta-series/manta-m8p-v2/img/m8p_v2_0_tmc_uart.png').default}
             alt="" width="100%"
         />
     </TabItem>
     <TabItem value="tmc-spi" label="SPI 模式">
         使用 SPI 模式连接驱动
-        <img
+        <ImageView
             src={require('@site/docs/board-docs/manta-series/manta-m8p-v2/img/m8p_v2_0_tmc_spi.png').default}
             alt="" width="100%"
         />
@@ -57,7 +57,7 @@ Manta M8P v2 原理图 [BIGTREETECH MANTA M8P V2.0-SCH.pdf](https://github.com/b
         :::info[已知问题]
         如果使用 `A4988` 或 `DRV8825` 需要短接 `RST` 和 `SLP` 才能正常工作
         :::
-        <img src={require('@site/docs/board-docs/manta-series/manta-m8p-v2/img/m8p_v2_0_step-dir.png').default} width="100%"/>
+        <ImageView src={require('@site/docs/board-docs/manta-series/manta-m8p-v2/img/m8p_v2_0_step-dir.png').default} width="100%"/>
     </TabItem>
 </Tabs>
 
@@ -65,16 +65,16 @@ Manta M8P v2 原理图 [BIGTREETECH MANTA M8P V2.0-SCH.pdf](https://github.com/b
 
 <Tabs groupId="m8p-v2-driver-power">
     <TabItem value="m8p-power-24" label="使用 24V 电源" default>
-        <img src={require('@site/docs/board-docs/manta-series/manta-m8p-v2/img/M8P_driver_24.png').default} width="100%"/>
+        <ImageView src={require('@site/docs/board-docs/manta-series/manta-m8p-v2/img/M8P_driver_24.png').default} width="100%"/>
     </TabItem>
     <TabItem value="m8p-power-48" label="使用 48V 电源">
-        <img src={require('@site/docs/board-docs/manta-series/manta-m8p-v2/img/M8P_driver_48.png').default} width="100%"/>
+        <ImageView src={require('@site/docs/board-docs/manta-series/manta-m8p-v2/img/M8P_driver_48.png').default} width="100%"/>
     </TabItem>
 </Tabs>
 
 ### TMC Sensorless
 
-<img src={require('@site/docs/board-docs/manta-series/manta-m8p-v2/img/m8p_v2_0_tmc_sensorless.png').default} width="100%"/>
+<ImageView src={require('@site/docs/board-docs/manta-series/manta-m8p-v2/img/m8p_v2_0_tmc_sensorless.png').default} width="100%"/>
 
 ## 核心板
 
@@ -82,10 +82,10 @@ Manta M8P v2 原理图 [BIGTREETECH MANTA M8P V2.0-SCH.pdf](https://github.com/b
 
 <Tabs groupId="m8p-v2-cm">
     <TabItem value="m8p-cm-rpi" label="使用树莓派 CM4/CM5" default>
-        <img src={require('@site/docs/board-docs/manta-series/manta-m8p-v2/img/M8P-v2_cm_rpi.png').default} width="100%"/>
+        <ImageView src={require('@site/docs/board-docs/manta-series/manta-m8p-v2/img/M8P-v2_cm_rpi.png').default} width="100%"/>
     </TabItem>
     <TabItem value="m8p-cm-cb" label="使用 CB1/CB2">
-        <img src={require('@site/docs/board-docs/manta-series/manta-m8p-v2/img/M8P-v2_cm_cb.png').default} width="100%"/>
+        <ImageView src={require('@site/docs/board-docs/manta-series/manta-m8p-v2/img/M8P-v2_cm_cb.png').default} width="100%"/>
     </TabItem>
 </Tabs>
 
@@ -93,7 +93,7 @@ Manta M8P v2 原理图 [BIGTREETECH MANTA M8P V2.0-SCH.pdf](https://github.com/b
 
 M8P主板上电之后，板子左下角的灯会亮起，表示供电正常。板子中部的VUSB是电源选择端，仅当使用USB给主板供电或需通过USB向外供电时，才需要使用跳帽将它短接。
 
-<img src={require('@site/docs/board-docs/manta-series/manta-m8p-v2/img/m8p_v2_0_usb.png').default} width="50%"/>
+<ImageView src={require('@site/docs/board-docs/manta-series/manta-m8p-v2/img/m8p_v2_0_usb.png').default} width="50%"/>
 
 ### DSI / CSI连接
 
@@ -103,7 +103,7 @@ DSI / CSI 需要核心板硬件支持
 
 :::
 
-<img src={require('@site/docs/board-docs/manta-series/manta-m8p-v2/img/m8p_v2_0_dsi.png').default} width="100%"/>
+<ImageView src={require('@site/docs/board-docs/manta-series/manta-m8p-v2/img/m8p_v2_0_dsi.png').default} width="100%"/>
 
 ## 风扇
 
@@ -117,11 +117,11 @@ DSI / CSI 需要核心板硬件支持
 
 :::
 
-<img src={require('@site/docs/board-docs/manta-series/manta-m8p-v2/img/m8p_v2_0_cnc.png').default} width="100%"/>
+<ImageView src={require('@site/docs/board-docs/manta-series/manta-m8p-v2/img/m8p_v2_0_cnc.png').default} width="100%"/>
 
 ### 4Pin PWM 风扇接线
 
-<img src={require('@site/docs/board-docs/manta-series/manta-m8p-v2/img/m8p_v2_0_4pin_fan.png').default} width="60%"/>
+<ImageView src={require('@site/docs/board-docs/manta-series/manta-m8p-v2/img/m8p_v2_0_4pin_fan.png').default} width="60%"/>
 
 ## 传感器
 
@@ -135,36 +135,36 @@ DSI / CSI 需要核心板硬件支持
 
 这样读取的温度精度将远不如MAX31865读取的精度
 
-<img src={require('@site/docs/board-docs/manta-series/manta-m8p-v2/img/m8p_v2_0_100k.png').default} width="20%"/>
+<ImageView src={require('@site/docs/board-docs/manta-series/manta-m8p-v2/img/m8p_v2_0_100k.png').default} width="20%"/>
 
 :::
 
 ### BLTouch
 
-<img src={require('@site/docs/board-docs/manta-series/manta-m8p-v2/img/m8p_v2_0_bltouch.png').default} width="100%"/>
+<ImageView src={require('@site/docs/board-docs/manta-series/manta-m8p-v2/img/m8p_v2_0_bltouch.png').default} width="100%"/>
 
 ### 接近开关接线
 
 <Tabs groupId="m8p-v2-proximity">
     <TabItem value="m8p-v2-proximity-npn" label="NPN 接近开关" default>
-        <img src={require('@site/docs/board-docs/manta-series/manta-m8p-v2/img/m8p_v2_0_proximity1.png').default} width="80%"/>
+        <ImageView src={require('@site/docs/board-docs/manta-series/manta-m8p-v2/img/m8p_v2_0_proximity1.png').default} width="80%"/>
     </TabItem>
     <TabItem value="m8p-v2-proximity-pnp" label="PNP 接近开关">
-        <img src={require('@site/docs/board-docs/manta-series/manta-m8p-v2/img/m8p_v2_0_proximity.png').default} width="80%"/>
+        <ImageView src={require('@site/docs/board-docs/manta-series/manta-m8p-v2/img/m8p_v2_0_proximity.png').default} width="80%"/>
     </TabItem>
 </Tabs>
 
 ### I2C接线 (温湿度传感器)
 
-<img src={require('@site/docs/board-docs/manta-series/manta-m8p-v2/img/m8p_v2_0_i2c.png').default} width="80%"/>
+<ImageView src={require('@site/docs/board-docs/manta-series/manta-m8p-v2/img/m8p_v2_0_i2c.png').default} width="80%"/>
 
 ## 其他硬件
 
 ### Neopixel 
 
-<img src={require('@site/docs/board-docs/manta-series/manta-m8p-v2/img/m8p_v2_0_rgb.png').default} width="80%"/>
+<ImageView src={require('@site/docs/board-docs/manta-series/manta-m8p-v2/img/m8p_v2_0_rgb.png').default} width="80%"/>
 
 ### 舵机接线
 
-<img src={require('@site/docs/board-docs/manta-series/manta-m8p-v2/img/m8p_v2_0_servo.png').default} width="80%"/>
+<ImageView src={require('@site/docs/board-docs/manta-series/manta-m8p-v2/img/m8p_v2_0_servo.png').default} width="80%"/>
 
diff --git a/i18n/en/docusaurus-plugin-content-docs/current/board-docs/manta-series/manta-m8p-v2/manta-m8p-v2.md b/i18n/en/docusaurus-plugin-content-docs/current/board-docs/manta-series/manta-m8p-v2/manta-m8p-v2.md
index 2315275..b811f21 100644
--- a/i18n/en/docusaurus-plugin-content-docs/current/board-docs/manta-series/manta-m8p-v2/manta-m8p-v2.md
+++ b/i18n/en/docusaurus-plugin-content-docs/current/board-docs/manta-series/manta-m8p-v2/manta-m8p-v2.md
@@ -15,7 +15,7 @@ import DocCardList from '@theme/DocCardList';
 
 <div class="div-table">
 
-<img 
+<ImageView 
     src={require('@site/docs/board-docs/manta-series/manta-m8p-v2/img/m8p-v2-main.png').default} 
     width="45%" class="right-image"
 />
diff --git a/i18n/en/docusaurus-plugin-content-docs/current/board-docs/mmb-series/mmb-2/mmb-2-hardware.md b/i18n/en/docusaurus-plugin-content-docs/current/board-docs/mmb-series/mmb-2/mmb-2-hardware.md
index 35f390b..eef3d38 100644
--- a/i18n/en/docusaurus-plugin-content-docs/current/board-docs/mmb-series/mmb-2/mmb-2-hardware.md
+++ b/i18n/en/docusaurus-plugin-content-docs/current/board-docs/mmb-series/mmb-2/mmb-2-hardware.md
@@ -22,14 +22,14 @@ MMB CAN V2.0 模型 [bigtreetech/MMB/3D/BIGTREETECH MMB CAN V2.0-3D.step](https:
 
 ## 外观尺寸
 
-<img
+<ImageView
     src={require('@site/docs/board-docs/mmb-series/mmb-2/img/mmb_can_v2_0_dimensions.png').default}
     alt="mmb can v2" width="80%"
 />
 
 ## 引脚说明
 
-<img
+<ImageView
     src={require('@site/docs/board-docs/mmb-series/mmb-2/img/mmb_can_v2_0_pin.png').default}
     alt="mmb can v2" width="80%"
 />
@@ -40,42 +40,42 @@ MMB CAN V2.0 模型 [bigtreetech/MMB/3D/BIGTREETECH MMB CAN V2.0-3D.step](https:
 
 主板上电之后， 电源灯会亮起，表示供电正常。板上标识VUSB是电源选择端，仅当使用USB给主板供电时，才需要使用跳帽将VUSB短接。
 
-<img
+<ImageView
     src={require('@site/docs/board-docs/mmb-series/mmb-2/img/mmb_can_v2_0_usb.png').default}
     alt="mmb can v2" width="80%"
 />
 
 ### 舵机接口
 
-<img
+<ImageView
     src={require('@site/docs/board-docs/mmb-series/mmb-2/img/mmb_can_v2_0_mot.png').default}
     alt="mmb can v2" width="80%"
 />
 
 ### Neopixel
 
-<img
+<ImageView
     src={require('@site/docs/board-docs/mmb-series/mmb-2/img/mmb_can_v2_0_rgb.png').default}
     alt="mmb can v2" width="80%"
 />
 
 ### 编码器接线 
 
-<img
+<ImageView
     src={require('@site/docs/board-docs/mmb-series/mmb-2/img/mmb_can_v2_0_sensor.png').default}
     alt="mmb can v2" width="80%"
 />
 
 ### IIC 接线
 
-<img
+<ImageView
     src={require('@site/docs/board-docs/mmb-series/mmb-2/img/mmb_can_v2_0_i2c.png').default}
     alt="mmb can v2" width="80%"
 />
 
 ### 限位开关
 
-<img
+<ImageView
     src={require('@site/docs/board-docs/mmb-series/mmb-2/img/mmb_can_v2_0_endstop.png').default}
     alt="mmb can v2" width="80%"
 />
diff --git a/i18n/en/docusaurus-plugin-content-docs/current/board-docs/octopus-series/max-ez/max-ez-hardware.md b/i18n/en/docusaurus-plugin-content-docs/current/board-docs/octopus-series/max-ez/max-ez-hardware.md
index ec725bf..6aae51e 100644
--- a/i18n/en/docusaurus-plugin-content-docs/current/board-docs/octopus-series/max-ez/max-ez-hardware.md
+++ b/i18n/en/docusaurus-plugin-content-docs/current/board-docs/octopus-series/max-ez/max-ez-hardware.md
@@ -15,14 +15,14 @@ import TabItem from '@theme/TabItem';
 
 ## 外观尺寸
 
-<img
+<ImageView
     src={require('@site/docs/board-docs/octopus-series/max-ez/img/max-ez-size-v1.png').default}
     alt="max ez size" width="800"
 />
 
 ## Pinout
 
-<img
+<ImageView
     src={require('@site/docs/board-docs/octopus-series/max-ez/img/max-ez-pinout-v1.png').default}
     alt="max ez pinout" width="800"
 />
@@ -33,7 +33,7 @@ import TabItem from '@theme/TabItem';
 
 Octopus Max EZ 上电后，MCU 左侧的红灯 `D32` 将亮起，表示电源已打开。仅使用 `USB` 为电路板供电或通过 `USB` 供电时，请将跳线帽插入 `VUSB。`
 
-<img
+<ImageView
     src={require('@site/docs/board-docs/octopus-series/max-ez/img/Octopus_MAX_EZ_Hardware1.png').default}
     alt="max ez vusb" width="70%"
 />
@@ -44,7 +44,7 @@ Octopus Max EZ 上电后，MCU 左侧的红灯 `D32` 将亮起，表示电源已
 
 ### TMC 驱动 DIAG PIN (Sensorless Homing)
 
-<img
+<ImageView
     src={require('@site/docs/board-docs/octopus-series/max-ez/img/Octopus_MAX_EZ_Hardware2.png').default}
     alt="max ez tmc" width="70%"
 />
@@ -54,14 +54,14 @@ Octopus Max EZ 上电后，MCU 左侧的红灯 `D32` 将亮起，表示电源已
 <Tabs groupId="maxez-v">
     <TabItem value="VBB" label="Max EZ VBB" default>
         当使用 `VBB` 进行供电的时候。来源为主板 `Power` 输入。最高电压为 `24V`。
-        <img
+        <ImageView
             src={require('@site/docs/board-docs/octopus-series/max-ez/img/max-ez-driver-vbb.png').default}
             alt="max ez vbb" width="70%"
         />
     </TabItem>
     <TabItem value="high-oltage" label="Max EZ High Voltage">
         当使用 `High Voltage` 进行供电的时候。来源为主板 `Motor Power` 输入。最高电压为 `56V`。需要注意驱动最大电压范围。
-        <img
+        <ImageView
             src={require('@site/docs/board-docs/octopus-series/max-ez/img/max-ez-driver-hv.png').default}
             alt="max ez high voltage" width="70%"
         />
@@ -76,7 +76,7 @@ Octopus Max EZ 上电后，MCU 左侧的红灯 `D32` 将亮起，表示电源已
 
 通过跳帽来设置输出电压为 `5V` `12V` 或是 `24V`。 (其中 `MFAN` 与 `FAN6` 共用电源 `VFAN6`).
 
-<img
+<ImageView
     src={require('@site/docs/board-docs/octopus-series/max-ez/img/Octopus_MAX_EZ_Hardware5.png').default}
     alt="max ez fan" width="70%"
 />
@@ -89,42 +89,42 @@ Octopus Max EZ 上电后，MCU 左侧的红灯 `D32` 将亮起，表示电源已
 这种连接 PT1000 的方法读取温度的精度远低于 `MAX31865`
 :::
 
-<img
+<ImageView
     src={require('@site/docs/board-docs/octopus-series/max-ez/img/Octopus_MAX_EZ_Hardware6.png').default}
     alt="max ez ntc" width="70%"
 />
 
 ### BLTouch 接线
 
-<img
+<ImageView
     src={require('@site/docs/board-docs/octopus-series/max-ez/img/Octopus_MAX_EZ_Hardware7.png').default}
     alt="max ez bltouch" width="70%"
 />
 
 ### 自动断电模块 (v1.2) 接线
 
-<img
+<ImageView
     src={require('@site/docs/board-docs/octopus-series/max-ez/img/Octopus_MAX_EZ_Hardware8.png').default}
     alt="max ez auto power" width="70%"
 />
 
 ### MINI12864 / TFT 屏幕
 
-<img
+<ImageView
     src={require('@site/docs/board-docs/octopus-series/max-ez/img/Octopus_MAX_EZ_Hardware9.png').default}
     alt="max ez screen" width="70%"
 />
 
 ### Neopixel
 
-<img
+<ImageView
     src={require('@site/docs/board-docs/octopus-series/max-ez/img/Octopus_MAX_EZ_Hardware10.png').default}
     alt="max ez Neopixel" width="70%"
 />
 
 ### 耗材传感器
 
-<img
+<ImageView
     src={require('@site/docs/board-docs/octopus-series/max-ez/img/Octopus_MAX_EZ_Hardware11.png').default}
     alt="max ez Filament sensor" width="70%"
 />
@@ -133,13 +133,13 @@ Octopus Max EZ 上电后，MCU 左侧的红灯 `D32` 将亮起，表示电源已
 
 <Tabs groupId="maxez-pro-switch">
     <TabItem value="VBB" label="常开 NPN 接近开关" default>
-        <img
+        <ImageView
             src={require('@site/docs/board-docs/octopus-series/max-ez/img/Octopus_MAX_EZ_Hardware12.png').default}
             alt="max ez npn" width="70%"
         />
     </TabItem>
     <TabItem value="high-oltage" label="常闭 PNP 接近开关">
-        <img
+        <ImageView
             src={require('@site/docs/board-docs/octopus-series/max-ez/img/Octopus_MAX_EZ_Hardware13.png').default}
             alt="max ez pnp" width="70%"
         />
@@ -150,7 +150,7 @@ Octopus Max EZ 上电后，MCU 左侧的红灯 `D32` 将亮起，表示电源已
 
 下面是使用 12V电压的接线方法
 
-<img
+<ImageView
     src={require('@site/docs/board-docs/octopus-series/max-ez/img/Octopus_MAX_EZ_Hardware14.png').default}
     alt="max ez pnp" width="70%"
 />
diff --git a/i18n/en/docusaurus-plugin-content-docs/current/board-docs/octopus-series/max-ez/max-ez.md b/i18n/en/docusaurus-plugin-content-docs/current/board-docs/octopus-series/max-ez/max-ez.md
index 375661f..0943b11 100644
--- a/i18n/en/docusaurus-plugin-content-docs/current/board-docs/octopus-series/max-ez/max-ez.md
+++ b/i18n/en/docusaurus-plugin-content-docs/current/board-docs/octopus-series/max-ez/max-ez.md
@@ -17,7 +17,7 @@ import DocCardList from '@theme/DocCardList';
 
 <div class="div-table">
 
-<img 
+<ImageView 
     src={require('@site/docs/board-docs/octopus-series/max-ez/img/maxez-main.png').default} 
     width="45%" class="right-image"
 />
diff --git a/i18n/en/docusaurus-plugin-content-docs/current/board-docs/octopus-series/octopus-firmware-f446.md b/i18n/en/docusaurus-plugin-content-docs/current/board-docs/octopus-series/octopus-firmware-f446.md
index 8842dc6..f831540 100644
--- a/i18n/en/docusaurus-plugin-content-docs/current/board-docs/octopus-series/octopus-firmware-f446.md
+++ b/i18n/en/docusaurus-plugin-content-docs/current/board-docs/octopus-series/octopus-firmware-f446.md
@@ -25,14 +25,14 @@ make menuconfig
 <Tabs groupId="octopus-make-connect">
     <TabItem value="bridge" label="CAN 桥接固件" default>
         按照以下选项构建使用 `STM32F446` 为 `MCU` 的 `Octopus` CAN 桥接固件
-        <img
+        <ImageView
             src={require('@site/docs/board-docs/octopus-series/img/octopus-f446-make-bridge.png').default}
             alt="octopus with h723 bridge"
         />
     </TabItem>
     <TabItem value="usb" label="USB 串口固件">
         按照以下选项构建使用 `STM32F446` 为 `MCU` 的 `Octopus` USB 串口固件
-        <img
+        <ImageView
             src={require('@site/docs/board-docs/octopus-series/img/octopus-f446-make-usb.png').default}
             alt="octopus with h723 usb"
         />
diff --git a/i18n/en/docusaurus-plugin-content-docs/current/board-docs/octopus-series/octopus-firmware-h723.md b/i18n/en/docusaurus-plugin-content-docs/current/board-docs/octopus-series/octopus-firmware-h723.md
index 52a655d..4711d04 100644
--- a/i18n/en/docusaurus-plugin-content-docs/current/board-docs/octopus-series/octopus-firmware-h723.md
+++ b/i18n/en/docusaurus-plugin-content-docs/current/board-docs/octopus-series/octopus-firmware-h723.md
@@ -25,14 +25,14 @@ make menuconfig
 <Tabs groupId="octopus-make-connect">
     <TabItem value="bridge" label="CAN 桥接固件" default>
         按照以下选项构建使用 `STM32H723` 为 `MCU` 的 `Octopus` CAN 桥接固件
-        <img
+        <ImageView
             src={require('@site/docs/board-docs/octopus-series/img/octopus-h723-make-bridge.png').default}
             alt="octopus with h723 bridge"
         />
     </TabItem>
     <TabItem value="usb" label="USB 串口固件">
         按照以下选项构建使用 `STM32H723` 为 `MCU` 的 `Octopus` USB 串口固件
-        <img
+        <ImageView
             src={require('@site/docs/board-docs/octopus-series/img/octopus-h723-make-usb.png').default}
             alt="octopus with h723 usb"
         />
diff --git a/i18n/en/docusaurus-plugin-content-docs/current/board-docs/octopus-series/octopus-pro/octopus-pro-hardware.md b/i18n/en/docusaurus-plugin-content-docs/current/board-docs/octopus-series/octopus-pro/octopus-pro-hardware.md
index 22e5885..f2b8c27 100644
--- a/i18n/en/docusaurus-plugin-content-docs/current/board-docs/octopus-series/octopus-pro/octopus-pro-hardware.md
+++ b/i18n/en/docusaurus-plugin-content-docs/current/board-docs/octopus-series/octopus-pro/octopus-pro-hardware.md
@@ -41,13 +41,13 @@ import ThemedImage from '@theme/ThemedImage';
 
 如果您不连接此跳线，那么如果您想通过 `USB-C` 进行通信，则必须通过主输入电源为板供电。
 
-<img src={require('@site/docs/board-docs/octopus-series/octopus-pro/img/octopus-pro-usb-power.png').default} width="80%"/>
+<ImageView src={require('@site/docs/board-docs/octopus-series/octopus-pro/img/octopus-pro-usb-power.png').default} width="80%"/>
 
 ### 自动断电接线
 
 当使用 BIGTREETECH 继电器 V1.2 模块时，可以按照下图所示进行接线。
 
-<img src={require('@site/docs/board-docs/octopus-series/octopus-pro/img/octopus-pro-relay.png').default} width="80%"/>
+<ImageView src={require('@site/docs/board-docs/octopus-series/octopus-pro/img/octopus-pro-relay.png').default} width="80%"/>
 
 :::warning
 
@@ -59,11 +59,11 @@ import ThemedImage from '@theme/ThemedImage';
 
 使用BL Touch时，如下图所示将其连接到主板。
 
-<img src={require('@site/docs/board-docs/octopus-series/octopus-pro/img/octopus-pro-bltouch.png').default} width="80%"/>
+<ImageView src={require('@site/docs/board-docs/octopus-series/octopus-pro/img/octopus-pro-bltouch.png').default} width="80%"/>
 
 ### Neopixel
 
-<img src={require('@site/docs/board-docs/octopus-series/octopus-pro/img/octopus-pro-neopix.png').default} width="80%"/>
+<ImageView src={require('@site/docs/board-docs/octopus-series/octopus-pro/img/octopus-pro-neopix.png').default} width="80%"/>
 
 ### Raspberry Pi
 
@@ -77,26 +77,26 @@ Octopus Pro 支持连接到树莓派进行打印。有几种连接方式可用
 <Tabs groupId="octopus-stepper-driver">
     <TabItem value="tmc-uart" label="Uart 模式" default>
         使用 Uart 模式连接驱动
-        <img
+        <ImageView
             src={require('@site/docs/board-docs/octopus-series/octopus-pro/img/octopus-pro-driver-uart.png').default}
             alt="" width="100%"
         />
     </TabItem>
     <TabItem value="tmc-spi" label="SPI 模式">
         使用 SPI 模式连接驱动
-        <img
+        <ImageView
             src={require('@site/docs/board-docs/octopus-series/octopus-pro/img/octopus-pro-driver-spi.png').default}
             alt="" width="100%"
         />
     </TabItem>
     <TabItem value="step-dir" label="Step / dir 模式">
         使用不支持 Uart 或者 SPI 的驱动。
-        <img
+        <ImageView
             src={require('@site/docs/board-docs/octopus-series/octopus-pro/img/octopus-pro-driver-step-dir.png').default}
             alt="" width="100%"
         />
         以下是跳线参考，不同的驱动会有不同的跳线配置
-        <img
+        <ImageView
             src={require('@site/docs/board-docs/octopus-series/octopus-pro/img/octopus-pro-driver-step-dir-config.png').default}
             alt="" width="100%"
         />
@@ -114,14 +114,14 @@ Octopus Pro 支持连接到树莓派进行打印。有几种连接方式可用
 <Tabs groupId="octopus-driver-v">
     <TabItem value="VBB" label="Octopus Pro VBB" default>
         当使用 `VBB` 进行供电的时候。来源为主板 `Power` 输入。最高电压为 `24V`。
-        <img
+        <ImageView
             src={require('@site/docs/board-docs/octopus-series/octopus-pro/img/octopus-pro-driver-vbb.png').default}
             alt="octo pro vbb" width="60%"
         />
     </TabItem>
     <TabItem value="high-oltage" label="Octopus Pro High Voltage">
         当使用 `High Voltage` 进行供电的时候。来源为主板 `Motor Power` 输入。最高电压为 `56V`。需要注意驱动最大电压范围。
-        <img
+        <ImageView
             src={require('@site/docs/board-docs/octopus-series/octopus-pro/img/octopus-pro-driver-hv.png').default}
             alt="octo pro high voltage" width="60%"
         />
@@ -138,19 +138,19 @@ Octopus_Pro具有6个PWM风扇输出和两个“常开”风扇输出。还有
 
 <Tabs groupId="octopus-fan-v">
     <TabItem value="24v-fan" label="24V 风扇 / 接近开关" default>
-        <img
+        <ImageView
             src={require('@site/docs/board-docs/octopus-series/octopus-pro/img/octopus-pro-fan-24.png').default}
             alt="octo pro fan 24" width="100%"
         />
     </TabItem>
     <TabItem value="12v-fan" label="12V 风扇 / 接近开关">
-        <img
+        <ImageView
             src={require('@site/docs/board-docs/octopus-series/octopus-pro/img/octopus-pro-fan-12.png').default}
             alt="octo pro fan 12" width="100%"
         />
     </TabItem>
     <TabItem value="5v-fan" label=" 5V 风扇 / 接近开关">
-        <img
+        <ImageView
             src={require('@site/docs/board-docs/octopus-series/octopus-pro/img/octopus-pro-fan-5.png').default}
             alt="octo pro fan 5" width="100%"
         />
@@ -163,13 +163,13 @@ Octopus_Pro具有6个PWM风扇输出和两个“常开”风扇输出。还有
 
 确切的diag编号可以通过查看引脚文件或板下的丝印来找到。
 
-<img src={require('@site/docs/board-docs/octopus-series/octopus-pro/img/octopus-pro-driver-spi.png').default} width="80%"/>
+<ImageView src={require('@site/docs/board-docs/octopus-series/octopus-pro/img/octopus-pro-driver-spi.png').default} width="80%"/>
 
 ### MAX 31865
 
 <div class="div-table">
 
-<img src={require('@site/docs/board-docs/octopus-series/octopus-pro/img/octopus-pro-max-31865.png').default} width="50%" class="right-image"/>
+<ImageView src={require('@site/docs/board-docs/octopus-series/octopus-pro/img/octopus-pro-max-31865.png').default} width="50%" class="right-image"/>
 
 MAX 31865 选择 PT100/PT1000 2线或4线配置
 
diff --git a/i18n/en/docusaurus-plugin-content-docs/current/board-docs/skr-series/skr-firmware-rp2040.md b/i18n/en/docusaurus-plugin-content-docs/current/board-docs/skr-series/skr-firmware-rp2040.md
index bd53c52..e8c9694 100644
--- a/i18n/en/docusaurus-plugin-content-docs/current/board-docs/skr-series/skr-firmware-rp2040.md
+++ b/i18n/en/docusaurus-plugin-content-docs/current/board-docs/skr-series/skr-firmware-rp2040.md
@@ -17,7 +17,7 @@ make menuconfig
 
 然后按照以下选项构建使用 `RP2040` 为 `MCU` 的 `SKR` 固件
 
-<img
+<ImageView
     src={require('@site/docs/board-docs/skr-series/img/skr-rp2040-make-usb.png').default}
     alt="skr rp2040 usb"
 />
diff --git a/i18n/en/docusaurus-plugin-content-docs/current/board-docs/skr-series/skr-pico/skr-pico-hardware.md b/i18n/en/docusaurus-plugin-content-docs/current/board-docs/skr-series/skr-pico/skr-pico-hardware.md
index 4c14485..adf1c68 100644
--- a/i18n/en/docusaurus-plugin-content-docs/current/board-docs/skr-series/skr-pico/skr-pico-hardware.md
+++ b/i18n/en/docusaurus-plugin-content-docs/current/board-docs/skr-series/skr-pico/skr-pico-hardware.md
@@ -15,14 +15,14 @@ import TabItem from '@theme/TabItem';
 
 ## 外观尺寸
 
-<img
+<ImageView
     src={require('@site/docs/board-docs/skr-series/skr-pico/img/skr-pico-size.png').default}
     alt="size" width="800"
 />
 
 ## Pinout
 
-<img
+<ImageView
     src={require('@site/docs/board-docs/skr-series/skr-pico/img/skr-pico-pin.png').default}
     alt="pinout" width="800"
 />
@@ -37,21 +37,21 @@ import TabItem from '@theme/TabItem';
 
 :::
 
-<img
+<ImageView
     src={require('@site/docs/board-docs/skr-series/skr-pico/img/SKR_Pico_Sensorless.png').default}
     alt="sensorless" width="550"
 />
 
 ### Neopixel
 
-<img
+<ImageView
     src={require('@site/docs/board-docs/skr-series/skr-pico/img/SKR_Pico_RGB.png').default}
     alt="neopixel" width="550"
 />
 
 ### BLTouch 
 
-<img
+<ImageView
     src={require('@site/docs/board-docs/skr-series/skr-pico/img/SKR_Pico_BLtouch.png').default}
     alt="bltouch" width="550"
 />
@@ -64,21 +64,21 @@ import TabItem from '@theme/TabItem';
 
 :::
 
-<img
+<ImageView
     src={require('@site/docs/board-docs/skr-series/skr-pico/img/SKR_Pico_Proximity.png').default}
     alt="proximity" width="550"
 />
 
 ### USB 连接
 
-<img
+<ImageView
     src={require('@site/docs/board-docs/skr-series/skr-pico/img/SKR_Pico_Rasp.png').default}
     alt="rpi_usb" width="550"
 />
 
 ### UART 连接
 
-<img
+<ImageView
     src={require('@site/docs/board-docs/skr-series/skr-pico/img/SKR_Pico_Rasp3.png').default}
     alt="rpi_uart" width="550"
-/>
\ No newline at end of file
+/>
diff --git a/i18n/en/docusaurus-plugin-content-docs/current/board-docs/skr-series/skr-pico/skr-pico.md b/i18n/en/docusaurus-plugin-content-docs/current/board-docs/skr-series/skr-pico/skr-pico.md
index c325d68..d8e0b6a 100644
--- a/i18n/en/docusaurus-plugin-content-docs/current/board-docs/skr-series/skr-pico/skr-pico.md
+++ b/i18n/en/docusaurus-plugin-content-docs/current/board-docs/skr-series/skr-pico/skr-pico.md
@@ -15,7 +15,7 @@ import DocCardList from '@theme/DocCardList';
 
 <div class="div-table">
 
-<img 
+<ImageView 
     src={require('@site/docs/board-docs/skr-series/skr-pico/img/skr-pico-main.png').default} 
     width="45%" class="right-image"
 />
diff --git a/i18n/en/docusaurus-plugin-content-docs/current/panda-series/extruder/panda-claw-a1mini/panda-claw-a1mini.md b/i18n/en/docusaurus-plugin-content-docs/current/panda-series/extruder/panda-claw-a1mini/panda-claw-a1mini.md
index 6e51048..afcf5c4 100644
--- a/i18n/en/docusaurus-plugin-content-docs/current/panda-series/extruder/panda-claw-a1mini/panda-claw-a1mini.md
+++ b/i18n/en/docusaurus-plugin-content-docs/current/panda-series/extruder/panda-claw-a1mini/panda-claw-a1mini.md
@@ -6,7 +6,7 @@ sidebar_position: 1
 
 <div class="div-table">
 
-<img src={require('@site/docs/panda-series/extruder/panda-claw-a1mini/img/Panda_Claw_A1mini_Title.webp').default} width="40%" class="right-image"/>
+<ImageView src={require('@site/docs/panda-series/extruder/panda-claw-a1mini/img/Panda_Claw_A1mini_Title.webp').default} width="40%" class="right-image"/>
 
 ## **Introduction**
 
@@ -43,7 +43,7 @@ Press the Toolhead Cover from both sides to unlock and remove it.
 
 Pull the protrusion on the side of the Hotend Silicone Sock by hand and remove the Sock.
 
-<img src={require('@site/docs/panda-series/extruder/panda-claw-a1mini/img/Panda_Claw_A1mini_Guide.webp').default} width="80%"/>
+<ImageView src={require('@site/docs/panda-series/extruder/panda-claw-a1mini/img/Panda_Claw_A1mini_Guide.webp').default} width="80%"/>
 
 Remove the rotating wheel.
 
@@ -51,23 +51,23 @@ Use an H1.5 hex key to remove the two screws.
 
 Take off pressure block.
 
-<img src={require('@site/docs/panda-series/extruder/panda-claw-a1mini/img/Panda_Claw_A1mini_Guide1.webp').default} width="80%"/>
+<ImageView src={require('@site/docs/panda-series/extruder/panda-claw-a1mini/img/Panda_Claw_A1mini_Guide1.webp').default} width="80%"/>
 
 Release the hotend latch, then hold the heat sink with your hands and carefully remove the hotend.
 
-<img src={require('@site/docs/panda-series/extruder/panda-claw-a1mini/img/Panda_Claw_A1mini_Guide2.webp').default} width="80%"/>
+<ImageView src={require('@site/docs/panda-series/extruder/panda-claw-a1mini/img/Panda_Claw_A1mini_Guide2.webp').default} width="80%"/>
 
 2.Loosen the Filament Cutter
 
 Use an H2.0 hex key to remove the screw and release the filament cutter. 
 
-<img src={require('@site/docs/panda-series/extruder/panda-claw-a1mini/img/Panda_Claw_A1mini_Guide3.webp').default} width="80%"/>
+<ImageView src={require('@site/docs/panda-series/extruder/panda-claw-a1mini/img/Panda_Claw_A1mini_Guide3.webp').default} width="80%"/>
 
 Clean the Internal Filament Debris: Use tweezers and a blower to clean out any filament debris and residue.
 
 Manually rotate the yellow gear clockwise for cleaning while the power is off, or alternatively press the "retract" button on the screen while the power is on to rotate the extruder wheel to the specified angle for cleaning. 
 
-<img src={require('@site/docs/panda-series/extruder/panda-claw-a1mini/img/Panda_Claw_A1mini_Guide4.webp').default} width="80%"/>
+<ImageView src={require('@site/docs/panda-series/extruder/panda-claw-a1mini/img/Panda_Claw_A1mini_Guide4.webp').default} width="80%"/>
 
 3.Remove the Extrusion Gear
 
@@ -75,25 +75,25 @@ Manually rotate the yellow gear clockwise for cleaning while the power is off, o
 
   Be careful not to damage the black FPC cable. After removing the filament hub, you can place it on top of the tool head as shown in the picture below. 
 
-<img src={require('@site/docs/panda-series/extruder/panda-claw-a1mini/img/Panda_Claw_A1mini_Guide5.webp').default} width="80%"/>
+<ImageView src={require('@site/docs/panda-series/extruder/panda-claw-a1mini/img/Panda_Claw_A1mini_Guide5.webp').default} width="80%"/>
 
 2)Remove the Extruder Front Cover: Use an H2.0 hex key to unscrew the four screws on the front cover of the extruder.
 
-<img src={require('@site/docs/panda-series/extruder/panda-claw-a1mini/img/Panda_Claw_A1mini_Guide6.webp').default} width="80%"/>
+<ImageView src={require('@site/docs/panda-series/extruder/panda-claw-a1mini/img/Panda_Claw_A1mini_Guide6.webp').default} width="80%"/>
 
 When removing the front cover, first, slightly loosen the screw on the side, hold the top of the bracket, and remove the front cover while holding the other side.
 
-<img src={require('@site/docs/panda-series/extruder/panda-claw-a1mini/img/Panda_Claw_A1mini_Guide7.webp').default} width="80%"/>
+<ImageView src={require('@site/docs/panda-series/extruder/panda-claw-a1mini/img/Panda_Claw_A1mini_Guide7.webp').default} width="80%"/>
 
 3）Remove the Driven Wheel Bracket: Use an H2.0 hex key to unscrew the side screw and carefully remove the bracket.
 
 Be cautious as the internal spring and end cap can easily fall off. Use tweezers to carefully remove them to prevent loss.
 
-<img src={require('@site/docs/panda-series/extruder/panda-claw-a1mini/img/Panda_Claw_A1mini_Guide8.webp').default} width="80%"/>
+<ImageView src={require('@site/docs/panda-series/extruder/panda-claw-a1mini/img/Panda_Claw_A1mini_Guide8.webp').default} width="80%"/>
 
 4）Remove the Extrusion Gear: Remove the extruder gear assembly directly.
 
-<img src={require('@site/docs/panda-series/extruder/panda-claw-a1mini/img/Panda_Claw_A1mini_Guide9.webp').default} width="80%"/>
+<ImageView src={require('@site/docs/panda-series/extruder/panda-claw-a1mini/img/Panda_Claw_A1mini_Guide9.webp').default} width="80%"/>
 
 Now that you've removed the stock extruder gear, we can start installing the Panda Claw.
 
@@ -105,7 +105,7 @@ Lubricate the gear (highlighted in green in the image below) before installing t
 
 <font  color="red">**Notes: Make sure you don’t get any grease on the filament gear teeth(highlighted in blue in the image below). If you do, just wiping it off won’t help. You’ll need to wash the gear with soap to remove the grease and then apply new grease after that.**</font>
 
-<img src={require('@site/docs/panda-series/extruder/panda-claw-a1mini/img/Panda_Claw_A1mini_Guide20.webp').default} width="80%"/>
+<ImageView src={require('@site/docs/panda-series/extruder/panda-claw-a1mini/img/Panda_Claw_A1mini_Guide20.webp').default} width="80%"/>
 
 2.Install the Driven Wheel Bracket
 
@@ -115,42 +115,42 @@ Install the driven wheel bracket to the corresponding shaft. Assemble the spring
 
 Ensure that the spring and end cap are installed properly. Incorrect installation may result in the gear failing to grip the filament, leading to print failure.
 
-<img src={require('@site/docs/panda-series/extruder/panda-claw-a1mini/img/Panda_Claw_A1mini_Guide11.webp').default} width="80%"/>
+<ImageView src={require('@site/docs/panda-series/extruder/panda-claw-a1mini/img/Panda_Claw_A1mini_Guide11.webp').default} width="80%"/>
 
-<img src={require('@site/docs/panda-series/extruder/panda-claw-a1mini/img/Panda_Claw_A1mini_Guide12.webp').default} width="80%"/>
+<ImageView src={require('@site/docs/panda-series/extruder/panda-claw-a1mini/img/Panda_Claw_A1mini_Guide12.webp').default} width="80%"/>
 
-<img src={require('@site/docs/panda-series/extruder/panda-claw-a1mini/img/Panda_Claw_A1mini_Guide13.webp').default} width="80%"/>
+<ImageView src={require('@site/docs/panda-series/extruder/panda-claw-a1mini/img/Panda_Claw_A1mini_Guide13.webp').default} width="80%"/>
 
 3.Install the Extruder Front Cover
 
 Tighten the four screws located on the front cover of the extruder.
 
-<img src={require('@site/docs/panda-series/extruder/panda-claw-a1mini/img/Panda_Claw_A1mini_Guide14.webp').default} width="80%"/>
+<ImageView src={require('@site/docs/panda-series/extruder/panda-claw-a1mini/img/Panda_Claw_A1mini_Guide14.webp').default} width="80%"/>
 
 4.Tighten the Screw on the Side of the Extruder
 
-<img src={require('@site/docs/panda-series/extruder/panda-claw-a1mini/img/Panda_Claw_A1mini_Guide15.webp').default} width="80%"/>
+<ImageView src={require('@site/docs/panda-series/extruder/panda-claw-a1mini/img/Panda_Claw_A1mini_Guide15.webp').default} width="80%"/>
 
 5.Install the Filament Hub Assembly
 
 Install the filament hub assembly, ensuring that the black FPC cable is not folded and is smoothly positioned in the designated vacant space. Then, tighten the two screws to secure the filament hub in place. 
 
-<img src={require('@site/docs/panda-series/extruder/panda-claw-a1mini/img/Panda_Claw_A1mini_Guide16.webp').default} width="80%"/>
+<ImageView src={require('@site/docs/panda-series/extruder/panda-claw-a1mini/img/Panda_Claw_A1mini_Guide16.webp').default} width="80%"/>
 
 6.Install the Filament Cutter
 
 Lift the lever and slide the cutter into position along the blade groove. Secure the lever by tightening the screw.
 
-<img src={require('@site/docs/panda-series/extruder/panda-claw-a1mini/img/Panda_Claw_A1mini_Guide17.webp').default} width="80%"/>
+<ImageView src={require('@site/docs/panda-series/extruder/panda-claw-a1mini/img/Panda_Claw_A1mini_Guide17.webp').default} width="80%"/>
 
 7.Install the Hotend Assembly
 
 Hold the nozzle heat sink and align it with the mounting position. Mount the nozzle in place and engage the quick-release device. Install the Hotend Silicone Sock, then tighten the two screws to secure the pressure block in place.
 
-<img src={require('@site/docs/panda-series/extruder/panda-claw-a1mini/img/Panda_Claw_A1mini_Guide18.webp').default} width="80%"/>
+<ImageView src={require('@site/docs/panda-series/extruder/panda-claw-a1mini/img/Panda_Claw_A1mini_Guide18.webp').default} width="80%"/>
 
 Install the rotating wheel and attach the tool head front cover.
 
-<img src={require('@site/docs/panda-series/extruder/panda-claw-a1mini/img/Panda_Claw_A1mini_Guide19.webp').default} width="80%"/>
+<ImageView src={require('@site/docs/panda-series/extruder/panda-claw-a1mini/img/Panda_Claw_A1mini_Guide19.webp').default} width="80%"/>
 
 Congratulations! You've successfully upgraded to the Panda Claw. Enjoy enhanced performance and precision in your printing.
diff --git a/i18n/en/docusaurus-plugin-content-docs/current/panda-series/extruder/panda-claw-px/panda-claw-px.md b/i18n/en/docusaurus-plugin-content-docs/current/panda-series/extruder/panda-claw-px/panda-claw-px.md
index f14b15a..772183a 100644
--- a/i18n/en/docusaurus-plugin-content-docs/current/panda-series/extruder/panda-claw-px/panda-claw-px.md
+++ b/i18n/en/docusaurus-plugin-content-docs/current/panda-series/extruder/panda-claw-px/panda-claw-px.md
@@ -2,7 +2,7 @@
 
 <div class="div-table">
 
-<img src={require('@site/docs/panda-series/extruder/panda-claw-px/img/Panda_Claw_P1_X1_Title.webp').default} width="40%" class="right-image"/>
+<ImageView src={require('@site/docs/panda-series/extruder/panda-claw-px/img/Panda_Claw_P1_X1_Title.webp').default} width="40%" class="right-image"/>
 
 ## **Introduction**
 
@@ -37,7 +37,7 @@ It's important to carefully handle the filament sensor ribbon cable (marked with
 
 This cable is delicate and prone to damage.
 
-<img src={require('@site/docs/panda-series/extruder/panda-claw-px/img/Panda_Claw_P1_X1_Guide.webp').default} width="80%"/>
+<ImageView src={require('@site/docs/panda-series/extruder/panda-claw-px/img/Panda_Claw_P1_X1_Guide.webp').default} width="80%"/>
 
 Next, proceed to disengage the filament cutter. Keep the lever pressed down while you unscrew the fastener which secures it.
 
@@ -45,17 +45,17 @@ Once the screw is loosened, carefully release the filament cutter.
 
 **Caution:** Ensure that the screwdriver is positioned perpendicular to the surface of the screw head before insertion. Verify that the driver is fully engaged with the screw head before gently turning it to remove the screw. This prevents improper use of the tool and avoids stripping the screw head.
 
-<img src={require('@site/docs/panda-series/extruder/panda-claw-px/img/Panda_Claw_P1_X1_Guide1.webp').default} width="80%"/>
+<ImageView src={require('@site/docs/panda-series/extruder/panda-claw-px/img/Panda_Claw_P1_X1_Guide1.webp').default} width="80%"/>
 
 Once the lever is released, start by removing the first three screws that secure the extruder. Next, lightly loosen screws numbered ‘4’ and ‘5’ to free the filament guide.
 
 Push the filament guide toward the extruder to allow the PTFE tube to be removed.
 
-<img src={require('@site/docs/panda-series/extruder/panda-claw-px/img/Panda_Claw_P1_X1_Guide2.webp').default} width="80%"/>
+<ImageView src={require('@site/docs/panda-series/extruder/panda-claw-px/img/Panda_Claw_P1_X1_Guide2.webp').default} width="80%"/>
 
 The entire extruder assembly can now be detached from the printer.
 
-<img src={require('@site/docs/panda-series/extruder/panda-claw-px/img/Panda_Claw_P1_X1_Guide3.webp').default} width="80%"/>
+<ImageView src={require('@site/docs/panda-series/extruder/panda-claw-px/img/Panda_Claw_P1_X1_Guide3.webp').default} width="80%"/>
 
 ### Step 2: Disassemble the Extruder
 
@@ -63,19 +63,19 @@ Once the extruder is removed from the printer, begin disassembling it.
 
 Start by unscrewing the screws numbered ‘1’ to ‘4’, as indicated in the image below.
 
-<img src={require('@site/docs/panda-series/extruder/panda-claw-px/img/Panda_Claw_P1_X1_Guide4.webp').default} width="80%"/>
+<ImageView src={require('@site/docs/panda-series/extruder/panda-claw-px/img/Panda_Claw_P1_X1_Guide4.webp').default} width="80%"/>
 
 Screw number ‘5’, which secures the idler gear, should be loosened halfway at this stage to relieve the spring tension.
 
 You can then pull the yellow gear towards you to remove it. The idler can be removed in the same manner.
 
-<img src={require('@site/docs/panda-series/extruder/panda-claw-px/img/Panda_Claw_P1_X1_Guide5.webp').default} width="80%"/>
+<ImageView src={require('@site/docs/panda-series/extruder/panda-claw-px/img/Panda_Claw_P1_X1_Guide5.webp').default} width="80%"/>
 
 ### Step 3: Cleaning the Extruder Body and Components
 
 Before replacing with Panda Claw and re-assembling the extruder, it is crucial to clean any debris from the body and components. As shown in the image below, this extruder has accumulated a significant amount of dust. Ensure all dust is removed prior to reassembly. You can use a small brush and compressed air to thoroughly clean the extruder.
 
-<img src={require('@site/docs/panda-series/extruder/panda-claw-px/img/Panda_Claw_P1_X1_Guide6.webp').default} width="80%"/>
+<ImageView src={require('@site/docs/panda-series/extruder/panda-claw-px/img/Panda_Claw_P1_X1_Guide6.webp').default} width="80%"/>
 
 ### Step 4: Lubricating the Extruder
 
@@ -89,38 +89,38 @@ Make sure you don’t get any grease on the filament gear teeth (highlighted in
 
 :::
 
-<img src={require('@site/docs/panda-series/extruder/panda-claw-px/img/Panda_Claw_P1_X1_Guide15.webp').default} width="80%"/>
+<ImageView src={require('@site/docs/panda-series/extruder/panda-claw-px/img/Panda_Claw_P1_X1_Guide15.webp').default} width="80%"/>
 
 Next, you can also apply a bit of lubricant on the extruder gear (highlighted in green in the image below).
 
-<img src={require('@site/docs/panda-series/extruder/panda-claw-px/img/Panda_Claw_P1_X1_Guide16.webp').default} width="80%"/>
+<ImageView src={require('@site/docs/panda-series/extruder/panda-claw-px/img/Panda_Claw_P1_X1_Guide16.webp').default} width="80%"/>
 
 Finally, install the Panda Claw gear onto the extruder body and apply a small amount of lubricant around the designated area, highlighted in green in the image below.
 
-<img src={require('@site/docs/panda-series/extruder/panda-claw-px/img/Panda_Claw_P1_X1_Guide17.webp').default} width="80%"/>
+<ImageView src={require('@site/docs/panda-series/extruder/panda-claw-px/img/Panda_Claw_P1_X1_Guide17.webp').default} width="80%"/>
 
 After applying the lubricant, reinstall the back cover of the extruder and manually rotate the hollow extruder gear a few times to evenly distribute the lubricant and verify that everything is functioning smoothly. 
 
 Be sure to securely tighten the four extruder screws along with the idler tensioner screw to prepare it for installing it onto the printer.
 
-<img src={require('@site/docs/panda-series/extruder/panda-claw-px/img/Panda_Claw_P1_X1_Guide10.webp').default} width="80%"/>
+<ImageView src={require('@site/docs/panda-series/extruder/panda-claw-px/img/Panda_Claw_P1_X1_Guide10.webp').default} width="80%"/>
 
 ### Step 5: Re-installing the Extruder onto the Printer
 
 Now you can re-install the extruder onto the printer. Begin by securing the extruder in place with screws numbered ‘1’, ‘2’, and ‘3’. Next, insert the PTFE tube into the top of the extruder, raise the filament guide, and tighten screws ‘4’ and ‘5’.
 
-<img src={require('@site/docs/panda-series/extruder/panda-claw-px/img/Panda_Claw_P1_X1_Guide11.webp').default} width="80%"/>
+<ImageView src={require('@site/docs/panda-series/extruder/panda-claw-px/img/Panda_Claw_P1_X1_Guide11.webp').default} width="80%"/>
 
 Push down the filament lever as shown in the image and tighten the lever screw.
 
-<img src={require('@site/docs/panda-series/extruder/panda-claw-px/img/Panda_Claw_P1_X1_Guide12.webp').default} width="80%"/>
+<ImageView src={require('@site/docs/panda-series/extruder/panda-claw-px/img/Panda_Claw_P1_X1_Guide12.webp').default} width="80%"/>
 
 Lastly, reconnect all the extruder and hotend wires to the board. Take extra care during this step to ensure proper alignment of the connectors. Pressing down connectors when misaligned or in the incorrect port can lead to device errors.
 
-<img src={require('@site/docs/panda-series/extruder/panda-claw-px/img/Panda_Claw_P1_X1_Guide13.webp').default} width="80%"/>
+<ImageView src={require('@site/docs/panda-series/extruder/panda-claw-px/img/Panda_Claw_P1_X1_Guide13.webp').default} width="80%"/>
 
 ### Step 6: Post-Operation Calibration
 
 We recommend performing a full calibration of the printer after this operation, to ensure smooth functioning.
 
-<img src={require('@site/docs/panda-series/extruder/panda-claw-px/img/Panda_Claw_P1_X1_Guide14.webp').default} width="80%"/>
+<ImageView src={require('@site/docs/panda-series/extruder/panda-claw-px/img/Panda_Claw_P1_X1_Guide14.webp').default} width="80%"/>
diff --git a/i18n/en/docusaurus-plugin-content-docs/current/panda-series/extruder/panda-extruder/panda-extruder.md b/i18n/en/docusaurus-plugin-content-docs/current/panda-series/extruder/panda-extruder/panda-extruder.md
index e38e176..e4e3436 100644
--- a/i18n/en/docusaurus-plugin-content-docs/current/panda-series/extruder/panda-extruder/panda-extruder.md
+++ b/i18n/en/docusaurus-plugin-content-docs/current/panda-series/extruder/panda-extruder/panda-extruder.md
@@ -2,7 +2,7 @@
 
 <div class="div-table">
 
-<img src={require('@site/docs/panda-series/extruder/panda-extruder/img/panda_extruder_title.webp').default} width="50%" class="right-image"/>
+<ImageView src={require('@site/docs/panda-series/extruder/panda-extruder/img/panda_extruder_title.webp').default} width="50%" class="right-image"/>
 
 ## **Introduction**
 
@@ -22,7 +22,7 @@ The BIQU Panda Extruder is an exceptional durability-focused upgrade for P1P, P1
 
 ## **Packaging List**
 
-<img src={require('@site/docs/panda-series/extruder/panda-extruder/img/panda_extruder_packaging.webp').default} width="80%"/>
+<ImageView src={require('@site/docs/panda-series/extruder/panda-extruder/img/panda_extruder_packaging.webp').default} width="80%"/>
 
 ## **Replacement Guide**
 
@@ -34,23 +34,23 @@ In this guide, you will learn how to replace the stock extruder with Panda Extru
 
 2.Remove the toolhead cover as shown.
 
-<img src={require('@site/docs/panda-series/extruder/panda-extruder/img/panda_extruder_step1.webp').default} width="80%"/>
+<ImageView src={require('@site/docs/panda-series/extruder/panda-extruder/img/panda_extruder_step1.webp').default} width="80%"/>
 
 3.Disconnect the connector, as highlighted by the red circle.
 
-<img src={require('@site/docs/panda-series/extruder/panda-extruder/img/panda_extruder_step2.webp').default} width="80%"/>
+<ImageView src={require('@site/docs/panda-series/extruder/panda-extruder/img/panda_extruder_step2.webp').default} width="80%"/>
 
 4.Using the H1.5 hex key, loosen the screw as indicated by the arrow.
 
-<img src={require('@site/docs/panda-series/extruder/panda-extruder/img/panda_extruder_step3.webp').default} width="80%"/>
+<ImageView src={require('@site/docs/panda-series/extruder/panda-extruder/img/panda_extruder_step3.webp').default} width="80%"/>
 
 5.Use the H2.0 hex key to remove the three M3 screws as directed by the arrow, and then disassemble the PTFE tube by pressing the Bowden tube connector and pulling it out.
 
-<img src={require('@site/docs/panda-series/extruder/panda-extruder/img/panda_extruder_step4.webp').default} width="80%"/>
+<ImageView src={require('@site/docs/panda-series/extruder/panda-extruder/img/panda_extruder_step4.webp').default} width="80%"/>
 
 The stock extruder has been successfully removed.
 
-<img src={require('@site/docs/panda-series/extruder/panda-extruder/img/panda_extruder_step5.webp').default} width="80%"/>
+<ImageView src={require('@site/docs/panda-series/extruder/panda-extruder/img/panda_extruder_step5.webp').default} width="80%"/>
 
 ### Step 2: Disassemble the Stock Extruder
 
@@ -58,68 +58,68 @@ After the stock extruder has been removed from the printer, it's time to disasse
 
 1.Begin by disassembling the hotend. Using the H2.0 hex key, remove the two screws highlighted in red in the image below.
 
-<img src={require('@site/docs/panda-series/extruder/panda-extruder/img/panda_extruder_step6.webp').default} width="80%"/>
+<ImageView src={require('@site/docs/panda-series/extruder/panda-extruder/img/panda_extruder_step6.webp').default} width="80%"/>
 
 2.Next, use the H1.5 hex key to remove the filament sensor.
 
-<img src={require('@site/docs/panda-series/extruder/panda-extruder/img/panda_extruder_step7.webp').default} width="80%"/>
+<ImageView src={require('@site/docs/panda-series/extruder/panda-extruder/img/panda_extruder_step7.webp').default} width="80%"/>
 
 3.Flip the extruder over and use the H2.0 hex key to remove the five screws indicated in the image below. This will allow you to disassemble the internal components, revealing the idler arm, spring, spring retainer, and extrusion gear.
 
-<img src={require('@site/docs/panda-series/extruder/panda-extruder/img/panda_extruder_step8.webp').default} width="80%"/>
+<ImageView src={require('@site/docs/panda-series/extruder/panda-extruder/img/panda_extruder_step8.webp').default} width="80%"/>
 
-<img src={require('@site/docs/panda-series/extruder/panda-extruder/img/panda_extruder_step9.webp').default} width="80%"/>
+<ImageView src={require('@site/docs/panda-series/extruder/panda-extruder/img/panda_extruder_step9.webp').default} width="80%"/>
 
 ### Step 3: Assemble the Panda Extruder
 
 1.Unscrew the two screws circled in the image below to begin the Panda Extruder assembly.
 
-<img src={require('@site/docs/panda-series/extruder/panda-extruder/img/panda_extruder_step10.webp').default} width="80%"/>
+<ImageView src={require('@site/docs/panda-series/extruder/panda-extruder/img/panda_extruder_step10.webp').default} width="80%"/>
 
 2.Install the included two 693ZZ bearings into their designated slots.
 
-<img src={require('@site/docs/panda-series/extruder/panda-extruder/img/panda_extruder_step11.webp').default} width="80%"/>
+<ImageView src={require('@site/docs/panda-series/extruder/panda-extruder/img/panda_extruder_step11.webp').default} width="80%"/>
 
 3.First, place the stock idler arm, followed by the stock extrusion gear.
 
-<img src={require('@site/docs/panda-series/extruder/panda-extruder/img/panda_extruder_step13.webp').default} width="80%"/>
+<ImageView src={require('@site/docs/panda-series/extruder/panda-extruder/img/panda_extruder_step13.webp').default} width="80%"/>
 
 4.Insert the stock spring and spring retainer, securing them in place with screws.
 
-<img src={require('@site/docs/panda-series/extruder/panda-extruder/img/panda_extruder_step14.webp').default} width="80%"/>
+<ImageView src={require('@site/docs/panda-series/extruder/panda-extruder/img/panda_extruder_step14.webp').default} width="80%"/>
 
 5.Assemble the Panda Extruder and secure it using the four included M3 screws.
 
-<img src={require('@site/docs/panda-series/extruder/panda-extruder/img/panda_extruder_step15.webp').default} width="80%"/>
+<ImageView src={require('@site/docs/panda-series/extruder/panda-extruder/img/panda_extruder_step15.webp').default} width="80%"/>
 
 6. Properly align the filament sensor and secure it with screws.
 
-<img src={require('@site/docs/panda-series/extruder/panda-extruder/img/panda_extruder_step16.webp').default} width="80%"/>
+<ImageView src={require('@site/docs/panda-series/extruder/panda-extruder/img/panda_extruder_step16.webp').default} width="80%"/>
 
 7. Reattach the hotend and tighten it with screws.
 
-<img src={require('@site/docs/panda-series/extruder/panda-extruder/img/panda_extruder_step17.webp').default} width="80%"/>
+<ImageView src={require('@site/docs/panda-series/extruder/panda-extruder/img/panda_extruder_step17.webp').default} width="80%"/>
 
 ### Step 4: Assemble the Panda Extruder onto the Toolhead
 
 1.Install the Panda Extruder as indicated in the diagram, using the H2.0 hex key to fasten it with the screws.
 
-<img src={require('@site/docs/panda-series/extruder/panda-extruder/img/panda_extruder_step18.webp').default} width="80%"/>
+<ImageView src={require('@site/docs/panda-series/extruder/panda-extruder/img/panda_extruder_step18.webp').default} width="80%"/>
 
 2.Position the cutter within its slot and secure it by tightening the screw indicated in the diagram with the H1.5 hex key.
 
-<img src={require('@site/docs/panda-series/extruder/panda-extruder/img/panda_extruder_step19.webp').default} width="80%"/>
+<ImageView src={require('@site/docs/panda-series/extruder/panda-extruder/img/panda_extruder_step19.webp').default} width="80%"/>
 
 3. Insert each of the three plugs into their respective sockets.
 
-<img src={require('@site/docs/panda-series/extruder/panda-extruder/img/panda_extruder_step20.webp').default} width="80%"/>
+<ImageView src={require('@site/docs/panda-series/extruder/panda-extruder/img/panda_extruder_step20.webp').default} width="80%"/>
 
 4.Insert the PTFE tube. 
 
-<img src={require('@site/docs/panda-series/extruder/panda-extruder/img/panda_extruder_step21.webp').default} width="80%"/>
+<ImageView src={require('@site/docs/panda-series/extruder/panda-extruder/img/panda_extruder_step21.webp').default} width="80%"/>
 
 5. Connect the fan plug and re-attach the cover.
 
-<img src={require('@site/docs/panda-series/extruder/panda-extruder/img/panda_extruder_step22.webp').default} width="80%"/>
+<ImageView src={require('@site/docs/panda-series/extruder/panda-extruder/img/panda_extruder_step22.webp').default} width="80%"/>
 
 **Congratulations! You've successfully upgraded to the Panda Extruder. Enjoy enhanced performance and precision in your printing.**
diff --git a/i18n/en/docusaurus-plugin-content-docs/current/panda-series/hotend/panda-revo/panda-revo-p1.md b/i18n/en/docusaurus-plugin-content-docs/current/panda-series/hotend/panda-revo/panda-revo-p1.md
index d429b41..167fa27 100644
--- a/i18n/en/docusaurus-plugin-content-docs/current/panda-series/hotend/panda-revo/panda-revo-p1.md
+++ b/i18n/en/docusaurus-plugin-content-docs/current/panda-series/hotend/panda-revo/panda-revo-p1.md
@@ -2,7 +2,7 @@
 
 <div class="div-table">
 
-<img src={require('@site/docs/panda-series/hotend/panda-revo/img/Panda_Revo_P1_Hotend/Panda_Revo_P1_Hotend_Title.webp').default} width="40%" class="right-image"/>
+<ImageView src={require('@site/docs/panda-series/hotend/panda-revo/img/Panda_Revo_P1_Hotend/Panda_Revo_P1_Hotend_Title.webp').default} width="40%" class="right-image"/>
 
 ## **Product Profile**
 
@@ -69,7 +69,7 @@ https://github.com/bigtreetech/Panda_Revo/tree/master/3D
 
 (Cooling fan not included) for P1 Series Printer.
 
-<img src={require('@site/docs/panda-series/hotend/panda-revo/img/Panda_Revo_P1_Hotend/Panda_Revo_P1_Hotend_In1.webp').default} width="80%"/>
+<ImageView src={require('@site/docs/panda-series/hotend/panda-revo/img/Panda_Revo_P1_Hotend/Panda_Revo_P1_Hotend_In1.webp').default} width="80%"/>
 
 The image displays the "Complete Hotend Assembly" for the P1 Series Printer, with the cooling fan excluded for reference in subsequent assembly.
 
@@ -91,37 +91,37 @@ Cut the filament manually with the cutter lever and ensure the nozzle temperatur
 
 Remove the front housing assembly completely by disconnecting the fan connector.
 
-<img src={require('@site/docs/panda-series/hotend/panda-revo/img/Panda_Revo_P1_Hotend/Panda_Revo_P1_Hotend_In2.webp').default} width="80%"/>
+<ImageView src={require('@site/docs/panda-series/hotend/panda-revo/img/Panda_Revo_P1_Hotend/Panda_Revo_P1_Hotend_In2.webp').default} width="80%"/>
 
 **Step 2 - Disconnect Cables**
 
 Disconnect the hotend fan and the heater connectors from the board, and remove the wires by sliding them out of the clip shown in the image below (indicated by a red arrow).  
 
-<img src={require('@site/docs/panda-series/hotend/panda-revo/img/Panda_Revo_P1_Hotend/Panda_Revo_P1_Hotend_In3.webp').default} width="80%"/>
+<ImageView src={require('@site/docs/panda-series/hotend/panda-revo/img/Panda_Revo_P1_Hotend/Panda_Revo_P1_Hotend_In3.webp').default} width="80%"/>
 
 **Step 3 - Remove Hotend Assembly**
 
 Remove the 2 screws with the H2.0 hex key, then proceed to remove the hotend assembly by gently pulling downwards. 
 
-<img src={require('@site/docs/panda-series/hotend/panda-revo/img/Panda_Revo_P1_Hotend/Panda_Revo_P1_Hotend_In4.webp').default} width="80%"/>
+<ImageView src={require('@site/docs/panda-series/hotend/panda-revo/img/Panda_Revo_P1_Hotend/Panda_Revo_P1_Hotend_In4.webp').default} width="80%"/>
 
 **Step 4 – Transfer the Heatsink Fan**
 
 Loosen the two screws holding the fan to remove the heatsink fan.
 
-<img src={require('@site/docs/panda-series/hotend/panda-revo/img/Panda_Revo_P1_Hotend/Panda_Revo_P1_Hotend_In5.webp').default} width="80%"/>
+<ImageView src={require('@site/docs/panda-series/hotend/panda-revo/img/Panda_Revo_P1_Hotend/Panda_Revo_P1_Hotend_In5.webp').default} width="80%"/>
 
 And install it onto your brand new Panda Revo.
 
-<img src={require('@site/docs/panda-series/hotend/panda-revo/img/Panda_Revo_P1_Hotend/Panda_Revo_P1_Hotend_In6.webp').default} width="80%"/>
+<ImageView src={require('@site/docs/panda-series/hotend/panda-revo/img/Panda_Revo_P1_Hotend/Panda_Revo_P1_Hotend_In6.webp').default} width="80%"/>
 
 Make sure you position the cable in the cable guide channel according to the picture with the flat face of the HeaterCore socks parallel to the side of the heatsink.
 
-<img src={require('@site/docs/panda-series/hotend/panda-revo/img/Panda_Revo_P1_Hotend/Panda_Revo_P1_Hotend_In7.webp').default} width="80%"/>
+<ImageView src={require('@site/docs/panda-series/hotend/panda-revo/img/Panda_Revo_P1_Hotend/Panda_Revo_P1_Hotend_In7.webp').default} width="80%"/>
 
 The images below show the "Complete Hotend Assembly" for your reference.
 
-<img src={require('@site/docs/panda-series/hotend/panda-revo/img/Panda_Revo_P1_Hotend/Panda_Revo_P1_Hotend_In8.webp').default} width="80%"/>
+<ImageView src={require('@site/docs/panda-series/hotend/panda-revo/img/Panda_Revo_P1_Hotend/Panda_Revo_P1_Hotend_In8.webp').default} width="80%"/>
 
 ### Assembly
 
@@ -129,7 +129,7 @@ The images below show the "Complete Hotend Assembly" for your reference.
 
 Insert the Panda Revo hotend assembly into the extruder and tighten the 2 screws. 
 
-<img src={require('@site/docs/panda-series/hotend/panda-revo/img/Panda_Revo_P1_Hotend/Panda_Revo_P1_Hotend_In9.webp').default} width="80%"/>
+<ImageView src={require('@site/docs/panda-series/hotend/panda-revo/img/Panda_Revo_P1_Hotend/Panda_Revo_P1_Hotend_In9.webp').default} width="80%"/>
 
 :::info
 
@@ -141,19 +141,19 @@ Make sure to securely tighten the hotend screws using an H2.0 hex key, and avoid
 
 Tuck in the wires back into the clip (reinsert the connector back into the lower slot on the board for the heater, and the middle slot for the hotend fan).
 
-<img src={require('@site/docs/panda-series/hotend/panda-revo/img/Panda_Revo_P1_Hotend/Panda_Revo_P1_Hotend_In10.webp').default} width="80%"/>
+<ImageView src={require('@site/docs/panda-series/hotend/panda-revo/img/Panda_Revo_P1_Hotend/Panda_Revo_P1_Hotend_In10.webp').default} width="80%"/>
 
 **Step 3 - Install the Front Housing**
 
 Connect the housing assembly by reconnecting the fan connector onto the board (topmost slot) then close the front housing assembly cover.
 
-<img src={require('@site/docs/panda-series/hotend/panda-revo/img/Panda_Revo_P1_Hotend/Panda_Revo_P1_Hotend_In11.webp').default} width="80%"/>
+<ImageView src={require('@site/docs/panda-series/hotend/panda-revo/img/Panda_Revo_P1_Hotend/Panda_Revo_P1_Hotend_In11.webp').default} width="80%"/>
 
 ## How to Verify
 
 Power on the printer and run the device’s **Calibration** process. If the process passes, it means the operation has been successful.
 
-<img src={require('@site/docs/panda-series/hotend/panda-revo/img/Panda_Revo_P1_Hotend/Panda_Revo_P1_Hotend_In12.webp').default} width="80%"/>
+<ImageView src={require('@site/docs/panda-series/hotend/panda-revo/img/Panda_Revo_P1_Hotend/Panda_Revo_P1_Hotend_In12.webp').default} width="80%"/>
 
 ## Slicer Settings
 
@@ -162,13 +162,13 @@ Power on the printer and run the device’s **Calibration** process. If the proc
 Please find more detailed slicer setting guide here:
 https://e3d-online.zendesk.com/hc/en-us/articles/4777443097757-Filament-Starter-Settings
 
-<img src={require('@site/docs/panda-series/hotend/panda-revo/img/Panda_Revo_P1_Hotend/Panda_Revo_P1_Hotend_Nozzle.webp').default} width="80%"/>
+<ImageView src={require('@site/docs/panda-series/hotend/panda-revo/img/Panda_Revo_P1_Hotend/Panda_Revo_P1_Hotend_Nozzle.webp').default} width="80%"/>
 
 Click the "Edit Icon" and enter your filament settings. 
 
-<img src={require('@site/docs/panda-series/hotend/panda-revo/img/Panda_Revo_P1_Hotend/Panda_Revo_P1_Hotend_In13.webp').default} width="80%"/>
+<ImageView src={require('@site/docs/panda-series/hotend/panda-revo/img/Panda_Revo_P1_Hotend/Panda_Revo_P1_Hotend_In13.webp').default} width="80%"/>
 
 Change the "Max volumetric speed" under "Filament" to around 35-40, depending on the filament you are using. 
 If you observe signs of under-extrusion, lower this number until print quality is restored.
 
-<img src={require('@site/docs/panda-series/hotend/panda-revo/img/Panda_Revo_P1_Hotend/Panda_Revo_P1_Hotend_In14.webp').default} width="80%"/>
+<ImageView src={require('@site/docs/panda-series/hotend/panda-revo/img/Panda_Revo_P1_Hotend/Panda_Revo_P1_Hotend_In14.webp').default} width="80%"/>
diff --git a/i18n/en/docusaurus-plugin-content-docs/current/panda-series/hotend/panda-revo/panda-revo-x1.md b/i18n/en/docusaurus-plugin-content-docs/current/panda-series/hotend/panda-revo/panda-revo-x1.md
index 01b5d90..108e05a 100644
--- a/i18n/en/docusaurus-plugin-content-docs/current/panda-series/hotend/panda-revo/panda-revo-x1.md
+++ b/i18n/en/docusaurus-plugin-content-docs/current/panda-series/hotend/panda-revo/panda-revo-x1.md
@@ -2,7 +2,7 @@
 
 <div class="div-table">
 
-<img src={require('@site/docs/panda-series/hotend/panda-revo/img/Panda_Revo_X1_Hotend/Panda_Revo_X1_Hotend_Title.webp').default} width="40%" class="right-image"/>
+<ImageView src={require('@site/docs/panda-series/hotend/panda-revo/img/Panda_Revo_X1_Hotend/Panda_Revo_X1_Hotend_Title.webp').default} width="40%" class="right-image"/>
 
 ## **Product Profile**
 
@@ -67,7 +67,7 @@ https://github.com/bigtreetech/Panda_Revo/tree/master/3D
 
 (Cooling fan not included) for X1 Series Printer.
 
-<img src={require('@site/docs/panda-series/hotend/panda-revo/img/Panda_Revo_X1_Hotend/Panda_Revo_X1_Hotend_In1.webp').default} width="80%"/>
+<ImageView src={require('@site/docs/panda-series/hotend/panda-revo/img/Panda_Revo_X1_Hotend/Panda_Revo_X1_Hotend_In1.webp').default} width="80%"/>
 
 The image displays the "Complete Hotend Assembly" for the X1 Series Printer, with the cooling fan excluded for reference in subsequent assembly.
 
@@ -93,7 +93,7 @@ Cut the filament manually with the cutter lever and ensure the nozzle temperatur
 
 Remove the front housing assembly completely by disconnecting the fan connector.
 
-<img src={require('@site/docs/panda-series/hotend/panda-revo/img/Panda_Revo_X1_Hotend/Panda_Revo_X1_Hotend_In2.webp').default} width="80%"/>
+<ImageView src={require('@site/docs/panda-series/hotend/panda-revo/img/Panda_Revo_X1_Hotend/Panda_Revo_X1_Hotend_In2.webp').default} width="80%"/>
 
 **Step 2 - Disconnect Cables**
 
@@ -105,33 +105,33 @@ Before attempting to disconnect the thermistor connector on the X1/X1C, please e
 
 Disconnect the hotend fan and the heater connectors from the board, and remove the wires by sliding them out of the clip shown in the image below (indicated by a red arrow).  
 
-<img src={require('@site/docs/panda-series/hotend/panda-revo/img/Panda_Revo_X1_Hotend/Panda_Revo_X1_Hotend_In3.webp').default} width="80%"/>
+<ImageView src={require('@site/docs/panda-series/hotend/panda-revo/img/Panda_Revo_X1_Hotend/Panda_Revo_X1_Hotend_In3.webp').default} width="80%"/>
 
 **Step 3 - Remove Hotend Assembly**
 
 Remove the 2 screws with the H2.0 hex key, then proceed to remove the hotend assembly by gently pulling downwards. 
 
-<img src={require('@site/docs/panda-series/hotend/panda-revo/img/Panda_Revo_X1_Hotend/Panda_Revo_X1_Hotend_In4.webp').default} width="80%"/>
+<ImageView src={require('@site/docs/panda-series/hotend/panda-revo/img/Panda_Revo_X1_Hotend/Panda_Revo_X1_Hotend_In4.webp').default} width="80%"/>
 
 **Step 4 – Transfer the Heatsink Fan**
 
 Loosen the two screws holding the fan to remove the heatsink fan.
 
-<img src={require('@site/docs/panda-series/hotend/panda-revo/img/Panda_Revo_X1_Hotend/Panda_Revo_X1_Hotend_In5.webp').default} width="80%"/>
+<ImageView src={require('@site/docs/panda-series/hotend/panda-revo/img/Panda_Revo_X1_Hotend/Panda_Revo_X1_Hotend_In5.webp').default} width="80%"/>
 
 And install it onto your brand new Panda Revo.
 
-<img src={require('@site/docs/panda-series/hotend/panda-revo/img/Panda_Revo_X1_Hotend/Panda_Revo_X1_Hotend_In6.webp').default} width="80%"/>
+<ImageView src={require('@site/docs/panda-series/hotend/panda-revo/img/Panda_Revo_X1_Hotend/Panda_Revo_X1_Hotend_In6.webp').default} width="80%"/>
 
 Make sure you position the cable in the cable guide channel according to the picture with the flat face of the HeaterCore socks parallel to the side of the heatsink.
 
-<img src={require('@site/docs/panda-series/hotend/panda-revo/img/Panda_Revo_X1_Hotend/Panda_Revo_X1_Hotend_In7.webp').default} width="80%"/>
+<ImageView src={require('@site/docs/panda-series/hotend/panda-revo/img/Panda_Revo_X1_Hotend/Panda_Revo_X1_Hotend_In7.webp').default} width="80%"/>
 
 The images below show the "Complete Hotend Assembly" for your reference.
 
-<img src={require('@site/docs/panda-series/hotend/panda-revo/img/Panda_Revo_X1_Hotend/Panda_Revo_X1_Hotend_In8.webp').default} width="80%"/>
+<ImageView src={require('@site/docs/panda-series/hotend/panda-revo/img/Panda_Revo_X1_Hotend/Panda_Revo_X1_Hotend_In8.webp').default} width="80%"/>
 
-<img src={require('@site/docs/panda-series/hotend/panda-revo/img/Panda_Revo_X1_Hotend/Panda_Revo_X1_Hotend_In9.webp').default} width="80%"/>
+<ImageView src={require('@site/docs/panda-series/hotend/panda-revo/img/Panda_Revo_X1_Hotend/Panda_Revo_X1_Hotend_In9.webp').default} width="80%"/>
 
 ### Assembly 
 
@@ -139,7 +139,7 @@ The images below show the "Complete Hotend Assembly" for your reference.
 
 Insert the Panda Revo hotend assembly into the extruder and tighten the 2 screws. 
 
-<img src={require('@site/docs/panda-series/hotend/panda-revo/img/Panda_Revo_X1_Hotend/Panda_Revo_X1_Hotend_In10.webp').default} width="80%"/>
+<ImageView src={require('@site/docs/panda-series/hotend/panda-revo/img/Panda_Revo_X1_Hotend/Panda_Revo_X1_Hotend_In10.webp').default} width="80%"/>
 
 :::warning
 
@@ -153,21 +153,21 @@ Tuck in the heater cable wires back into the clip
 Connect the very small 2-pin thermistor plug, the 4-pin hotend cooling fan plug, and finally, the larger 2-pin ceramic heater plug.
 Tuck the wires back into the clip.
 
-<img src={require('@site/docs/panda-series/hotend/panda-revo/img/Panda_Revo_X1_Hotend/Panda_Revo_X1_Hotend_In11.webp').default} width="80%"/>
+<ImageView src={require('@site/docs/panda-series/hotend/panda-revo/img/Panda_Revo_X1_Hotend/Panda_Revo_X1_Hotend_In11.webp').default} width="80%"/>
 
-<img src={require('@site/docs/panda-series/hotend/panda-revo/img/Panda_Revo_X1_Hotend/Panda_Revo_X1_Hotend_In12.webp').default} width="80%"/>
+<ImageView src={require('@site/docs/panda-series/hotend/panda-revo/img/Panda_Revo_X1_Hotend/Panda_Revo_X1_Hotend_In12.webp').default} width="80%"/>
 
 **Step 3 - Install the Front Housing**
 
 Connect the housing assembly by reconnecting the fan connector onto the front housing, then close the front housing assembly cover.
 
-<img src={require('@site/docs/panda-series/hotend/panda-revo/img/Panda_Revo_X1_Hotend/Panda_Revo_X1_Hotend_In13.webp').default} width="80%"/>
+<ImageView src={require('@site/docs/panda-series/hotend/panda-revo/img/Panda_Revo_X1_Hotend/Panda_Revo_X1_Hotend_In13.webp').default} width="80%"/>
 
 ## How to Verify
 
 Power on the printer and run the device’s **Calibration** process. If the process passes, it means the operation has been successful.
 
-<img src={require('@site/docs/panda-series/hotend/panda-revo/img/Panda_Revo_X1_Hotend/Panda_Revo_X1_Hotend_In14.webp').default} width="80%"/>
+<ImageView src={require('@site/docs/panda-series/hotend/panda-revo/img/Panda_Revo_X1_Hotend/Panda_Revo_X1_Hotend_In14.webp').default} width="80%"/>
 
 ## Slicer Settings
 
@@ -176,13 +176,13 @@ Power on the printer and run the device’s **Calibration** process. If the proc
 Please find more detailed slicer setting guide here:
 https://e3d-online.zendesk.com/hc/en-us/articles/4777443097757-Filament-Starter-Settings
 
-<img src={require('@site/docs/panda-series/hotend/panda-revo/img/Panda_Revo_X1_Hotend/Panda_Revo_X1_Hotend_Nozzle.webp').default} width="80%"/>
+<ImageView src={require('@site/docs/panda-series/hotend/panda-revo/img/Panda_Revo_X1_Hotend/Panda_Revo_X1_Hotend_Nozzle.webp').default} width="80%"/>
 
 Click the "Edit Icon" and enter your filament settings. 
 
-<img src={require('@site/docs/panda-series/hotend/panda-revo/img/Panda_Revo_X1_Hotend/Panda_Revo_X1_Hotend_In15.webp').default} width="80%"/>
+<ImageView src={require('@site/docs/panda-series/hotend/panda-revo/img/Panda_Revo_X1_Hotend/Panda_Revo_X1_Hotend_In15.webp').default} width="80%"/>
 
 Change the "Max volumetric speed" under "Filament" to around 35-40, depending on the filament you are using. 
 If you observe signs of under-extrusion, lower this number until print quality is restored.
 
-<img src={require('@site/docs/panda-series/hotend/panda-revo/img/Panda_Revo_X1_Hotend/Panda_Revo_X1_Hotend_In16.webp').default} width="80%"/>
+<ImageView src={require('@site/docs/panda-series/hotend/panda-revo/img/Panda_Revo_X1_Hotend/Panda_Revo_X1_Hotend_In16.webp').default} width="80%"/>
diff --git a/i18n/en/docusaurus-plugin-content-docs/current/panda-series/module/panda-alarm/panda-alarm.md b/i18n/en/docusaurus-plugin-content-docs/current/panda-series/module/panda-alarm/panda-alarm.md
index cb13bfd..f0a1f68 100644
--- a/i18n/en/docusaurus-plugin-content-docs/current/panda-series/module/panda-alarm/panda-alarm.md
+++ b/i18n/en/docusaurus-plugin-content-docs/current/panda-series/module/panda-alarm/panda-alarm.md
@@ -2,7 +2,7 @@
 
 <div class="div-table">
 
-<img src={require('@site/docs/panda-series/module/panda-alarm/img/panda_alarm.jpg').default} width="40%" class="right-image"/>
+<ImageView src={require('@site/docs/panda-series/module/panda-alarm/img/panda_alarm.jpg').default} width="40%" class="right-image"/>
 
 ## Product Overview
 
@@ -62,7 +62,7 @@ The plug-and-play device sends real-time notifications for print completion, fai
 
 ## Product Dimensions
 
-<img src={require('@site/docs/panda-series/module/panda-alarm/img/size.jpg').default} width="70%"/>
+<ImageView src={require('@site/docs/panda-series/module/panda-alarm/img/size.jpg').default} width="70%"/>
 
 ## Installation Guide
 
@@ -72,41 +72,41 @@ Panda Alarm is designed for installation on the P1 series printer.
 
 **Panda Alarm Accessory List**
 
-<img src={require('@site/docs/panda-series/module/panda-alarm/img/en/list.jpg').default} width="70%"/>
+<ImageView src={require('@site/docs/panda-series/module/panda-alarm/img/en/list.jpg').default} width="70%"/>
 
 #### Installation Steps
 
 - Remove the transparent Panda Alarm main unit from its packaging. Secure it to the control box using the two supplied **M3×8 countersunk self-tapping screws**.
 
-    <img src={require('@site/docs/panda-series/module/panda-alarm/img/install_1.jpg').default} width="60%"/>
+    <ImageView src={require('@site/docs/panda-series/module/panda-alarm/img/install_1.jpg').default} width="60%"/>
 
 - Plug the light strip connector on the Panda Alarm into the 3-pin interface on the control box, as shown below.
 
-    <img src={require('@site/docs/panda-series/module/panda-alarm/img/install_2.jpg').default} width="60%"/>
+    <ImageView src={require('@site/docs/panda-series/module/panda-alarm/img/install_2.jpg').default} width="60%"/>
 
 - lug the USB power cable into the printer's **USB-A port**, located in the upper groove of the P1 door panel. Access may require removing the printer's cover.
 
-    <img src={require('@site/docs/panda-series/module/panda-alarm/img/install_3.jpg').default} width="60%"/>
+    <ImageView src={require('@site/docs/panda-series/module/panda-alarm/img/install_3.jpg').default} width="60%"/>
 
 - Feed the **Type-C connector** from the other end of the USB cable through the small hole on the upper-right side of the printer.
 
-    <img src={require('@site/docs/panda-series/module/panda-alarm/img/install_4.jpg').default} width="60%"/>
+    <ImageView src={require('@site/docs/panda-series/module/panda-alarm/img/install_4.jpg').default} width="60%"/>
 
 - Insert the exposed **Type-C connector** into the **Type-C port** on the control box,  ensuring the cable is routed appropriately, as shown.
 
-    <img src={require('@site/docs/panda-series/module/panda-alarm/img/install_5.jpg').default} width="60%"/>
+    <ImageView src={require('@site/docs/panda-series/module/panda-alarm/img/install_5.jpg').default} width="60%"/>
 
 - Determine the position for the metal sheet: Position the Panda Alarm unit on the printer's upper-right side, aligning the lightboard's curvature with the printer's. Secure the control box by attaching the included metal sheet over it.
 
-    <img src={require('@site/docs/panda-series/module/panda-alarm/img/install_6.jpg').default} width="60%"/>
+    <ImageView src={require('@site/docs/panda-series/module/panda-alarm/img/install_6.jpg').default} width="60%"/>
 
 - Peel off the protective backing from the double-sided tape on the Panda Alarm main unit.
 
-    <img src={require('@site/docs/panda-series/module/panda-alarm/img/install_7.jpg').default} width="60%"/>
+    <ImageView src={require('@site/docs/panda-series/module/panda-alarm/img/install_7.jpg').default} width="60%"/>
 
 - Position the Panda Alarm unit along the upper-right curvature of the printer. Press it firmly to secure the top with the integrated double-sided tape.
 
-    <img src={require('@site/docs/panda-series/module/panda-alarm/img/install_8.jpg').default} width="60%"/>
+    <ImageView src={require('@site/docs/panda-series/module/panda-alarm/img/install_8.jpg').default} width="60%"/>
 
 > Once the installation is complete, power on the Panda Alarm and proceed to configure it. Please refer to the [First-Time Use Guide](#first-connection) for configuration instructions.
 
@@ -124,7 +124,7 @@ Panda Alarm is designed for installation on the P1 series printer.
 
     - Turn on **WLAN**. Your device will automatically search for available networks.
 
-        <img src={require('@site/docs/panda-series/module/panda-alarm/img/en/wlan.jpg').default} width="45%"/>
+        <ImageView src={require('@site/docs/panda-series/module/panda-alarm/img/en/wlan.jpg').default} width="45%"/>
 
     - Tap on the network starting with **Panda_Alarm**, then enter the default password: **987654321**.
 
@@ -136,15 +136,15 @@ Panda Alarm is designed for installation on the P1 series printer.
 
 - Upon first connection, you will be directed to the **Select Language** screen. Choose your language and click **Next**.
 
-    <img src={require('@site/docs/panda-series/module/panda-alarm/img/en/language.jpg').default} width="45%"/>
+    <ImageView src={require('@site/docs/panda-series/module/panda-alarm/img/en/language.jpg').default} width="45%"/>
 
 - The system will automatically scan for available Wi-Fi networks. Select the same network your printer uses. If the network is not listed, click **Scan** to rescan.
 
-    <img src={require('@site/docs/panda-series/module/panda-alarm/img/en/wifi.jpg').default} width="45%"/>
+    <ImageView src={require('@site/docs/panda-series/module/panda-alarm/img/en/wifi.jpg').default} width="45%"/>
 
 - After the connection is established, a confirmation pop-up will appear. Click **Bind Printer** to finalize the setup.
 
-    <img src={require('@site/docs/panda-series/module/panda-alarm/img/en/goto_printer.jpg').default} width="45%"/>
+    <ImageView src={require('@site/docs/panda-series/module/panda-alarm/img/en/goto_printer.jpg').default} width="45%"/>
 
 ### Bind Printer
 
@@ -154,7 +154,7 @@ Panda Alarm is designed for installation on the P1 series printer.
 
 - In the Web UI, go to the **Printer** screen. Clicking **Scan** will search for Bambu printers on the same local network. The scan takes about 30 seconds, with an additional 20 seconds for each printer detected. Panda Alarm can recognize up to 20 printers per scan. If more than 20 printers are present, some may not be detected. If the scan does not detect the desired printer, click **Scan** again or use **Manual Input** to enter the information.
 
-    <img src={require('@site/docs/panda-series/module/panda-alarm/img/en/printer.jpg').default} width="45%"/>
+    <ImageView src={require('@site/docs/panda-series/module/panda-alarm/img/en/printer.jpg').default} width="45%"/>
 
 - After scanning, select the printer you wish to connect to. The printer’s **SN** and **IP** will be automatically populated. Locate the **Access Code** on the printer and enter it into the **Printer Access Code** field on the Web UI.
 
@@ -162,15 +162,15 @@ Panda Alarm is designed for installation on the P1 series printer.
 
         - 1	`Settings`-> 2 `WLAN` -> 3 `OK`
 
-            <img src={require('@site/docs/panda-series/module/panda-alarm/img/en/p1_1_2_3.webp').default} width="600"/>
+            <ImageView src={require('@site/docs/panda-series/module/panda-alarm/img/en/p1_1_2_3.webp').default} width="600"/>
 
         - 5 `Access Code`
 
-            <img src={require('@site/docs/panda-series/module/panda-alarm/img/en/p1_4_5.webp').default} width="600"/>
+            <ImageView src={require('@site/docs/panda-series/module/panda-alarm/img/en/p1_4_5.webp').default} width="600"/>
 
 - Click **Bind** to start the connection. If a **Binding Successful** pop-up appears, Panda Alarm has successfully connected to the printer.
 
-    <img src={require('@site/docs/panda-series/module/panda-alarm/img/en/bind_ok.jpg').default} width="45%"/>
+    <ImageView src={require('@site/docs/panda-series/module/panda-alarm/img/en/bind_ok.jpg').default} width="45%"/>
 
 - Congratulations! Your Panda Alarm is now ready for use.
 
@@ -186,24 +186,24 @@ Panda Alarm is designed for installation on the P1 series printer.
         - `SN`
             - 1	`Settings` -> 2 `Device`
 
-                <img src={require('@site/docs/panda-series/module/panda-alarm/img/en/p1_1_2.webp').default} width="600"/>
+                <ImageView src={require('@site/docs/panda-series/module/panda-alarm/img/en/p1_1_2.webp').default} width="600"/>
 
             - 3 `Printer` is the `SN`
 
-                <img src={require('@site/docs/panda-series/module/panda-alarm/img/en/p1_3.webp').default} width="600"/>
+                <ImageView src={require('@site/docs/panda-series/module/panda-alarm/img/en/p1_3.webp').default} width="600"/>
 
         - `Access Code` and `IP`          
             - 1	`Settings`-> 2 `LAN` -> 3
 
-                <img src={require('@site/docs/panda-series/module/panda-alarm/img/en/p1_1_2_3.webp').default} width="600"/>
+                <ImageView src={require('@site/docs/panda-series/module/panda-alarm/img/en/p1_1_2_3.webp').default} width="600"/>
 
             - 4 `IP`, ⑤ `Access Code`
 
-                <img src={require('@site/docs/panda-series/module/panda-alarm/img/en/p1_4_5.webp').default} width="600"/>
+                <ImageView src={require('@site/docs/panda-series/module/panda-alarm/img/en/p1_4_5.webp').default} width="600"/>
 
 - Click **Bind** to begin the connection. If a **Binding Successful** pop-up appears, Panda Alarm has successfully connected to the printer.
 
-    <img src={require('@site/docs/panda-series/module/panda-alarm/img/en/bind_ok.jpg').default} width="45%"/>
+    <ImageView src={require('@site/docs/panda-series/module/panda-alarm/img/en/bind_ok.jpg').default} width="45%"/>
 
 - Congratulations! You can now enjoy your Panda Alarm.
 
@@ -237,7 +237,7 @@ The following **7 printer statuses** share light effects and default **colors**
 
 ### Control Panel
 
-<img src={require('@site/docs/panda-series/module/panda-alarm/img/en/panel.jpg').default} width="45%"/>
+<ImageView src={require('@site/docs/panda-series/module/panda-alarm/img/en/panel.jpg').default} width="45%"/>
 
 1. Enter the Control Panel Interface
 
@@ -247,7 +247,7 @@ The following **7 printer statuses** share light effects and default **colors**
 
     Use this mode to test the device's **light** and **sound** effects. Select a **simulated status** to activate its corresponding alerts.
 
-    <img src={require('@site/docs/panda-series/module/panda-alarm/img/en/preview.jpg').default} width="45%"/>
+    <ImageView src={require('@site/docs/panda-series/module/panda-alarm/img/en/preview.jpg').default} width="45%"/>
 
     - a) Toggle **Preview Mode** on/off.
 
@@ -270,7 +270,7 @@ The following **7 printer statuses** share light effects and default **colors**
 
 4. Set the Device’s Light Effects
 
-    <img src={require('@site/docs/panda-series/module/panda-alarm/img/en/light.jpg').default} width="45%"/>
+    <ImageView src={require('@site/docs/panda-series/module/panda-alarm/img/en/light.jpg').default} width="45%"/>
 
     - a) Toggle **light effects** on/off. This will only disable **printer status light effects**, but **system-level status light effects** will remain active.
 
@@ -282,7 +282,7 @@ The following **7 printer statuses** share light effects and default **colors**
 
         After clicking the corresponding button, an HSL color picker will appear, allowing you to set the color for each state.
 
-        <img src={require('@site/docs/panda-series/module/panda-alarm/img/en/picker.jpg').default} width="45%"/>
+        <ImageView src={require('@site/docs/panda-series/module/panda-alarm/img/en/picker.jpg').default} width="45%"/>
 
         - 1) **HSL Color Picker** ([What is HSL?](https://zh.wikipedia.org/wiki/HSL%E5%92%8CHSV%E8%89%B2%E5%BD%A9%E7%A9%BA%E9%97%B4))
 
@@ -309,7 +309,7 @@ The following **7 printer statuses** share light effects and default **colors**
 
 5. Set the Device’s Sound Effects
 
-    <img src={require('@site/docs/panda-series/module/panda-alarm/img/en/sound.jpg').default} width="45%"/>
+    <ImageView src={require('@site/docs/panda-series/module/panda-alarm/img/en/sound.jpg').default} width="45%"/>
 
     - a) Toggle **sound effects** on/off. This will disable all **printer status sound effects**, including **Print Complete** and **Error** sounds.
 
@@ -343,7 +343,7 @@ The following **7 printer statuses** share light effects and default **colors**
 
 > The first screen displayed in the Panda Alarm Web UI is the **Wi-Fi & IP** settings page.
 
-<img src={require('@site/docs/panda-series/module/panda-alarm/img/en/wifi_ip.jpg').default} width="45%"/>
+<ImageView src={require('@site/docs/panda-series/module/panda-alarm/img/en/wifi_ip.jpg').default} width="45%"/>
 
 1. Enter the **Wi-Fi & IP** interface
 
@@ -363,7 +363,7 @@ The following **7 printer statuses** share light effects and default **colors**
 
     - After changing, click **Set Hostname** to apply the new hostname to Panda Alarm. A pop-up confirms the update was successful. The new hostname will take effect after a reboot. Click **OK** to reboot Panda Alarm immediately, or click the **x** button to close the window without rebooting.
 
-    <img src={require('@site/docs/panda-series/module/panda-alarm/img/en/hostname.jpg').default} width="45%"/>
+    <ImageView src={require('@site/docs/panda-series/module/panda-alarm/img/en/hostname.jpg').default} width="45%"/>
 
 ### AP Interface
 
@@ -375,7 +375,7 @@ If your device is connected to the Web UI through the Panda Alarm AP hotspot, di
 
 :::
 
-<img src={require('@site/docs/panda-series/module/panda-alarm/img/en/ap.jpg').default} width="45%"/>
+<ImageView src={require('@site/docs/panda-series/module/panda-alarm/img/en/ap.jpg').default} width="45%"/>
 
 1. Enter the **AP** interface.
 
@@ -393,11 +393,11 @@ If your device is connected to the Web UI through the Panda Alarm AP hotspot, di
 
     After modifying the **Hotspot IP**, you must reboot the device for the new settings to take effect. If the following pop-up appears, the **Hotspot IP** has been successfully updated. Click **OK** to reboot Panda Alarm immediately, or click the **x** in the upper-right corner to close the pop-up without rebooting. 
 
-<img src={require('@site/docs/panda-series/module/panda-alarm/img/en/hotspot_ip.jpg').default} width="45%"/>
+<ImageView src={require('@site/docs/panda-series/module/panda-alarm/img/en/hotspot_ip.jpg').default} width="45%"/>
 
 ### Settings
 
-<img src={require('@site/docs/panda-series/module/panda-alarm/img/en/settings.jpg').default} width="45%"/>
+<ImageView src={require('@site/docs/panda-series/module/panda-alarm/img/en/settings.jpg').default} width="45%"/>
 
 1. Enter the `Settings` interface
 
@@ -421,17 +421,17 @@ Restoring Panda Alarm to factory settings will erase all configurations, includi
 
 - Enter ① the `Settings` interface, and click ② the `Restore Factory Settings` button.
 
-    <img src={require('@site/docs/panda-series/module/panda-alarm/img/en/factory_1.jpg').default} width="45%"/>
+    <ImageView src={require('@site/docs/panda-series/module/panda-alarm/img/en/factory_1.jpg').default} width="45%"/>
 
 - A confirmation pop-up will appear. Click ③ `Yes` to confirm the restoration of factory settings, and Panda Alarm will restore to factory settings and reboot.
 
-    <img src={require('@site/docs/panda-series/module/panda-alarm/img/en/factory_2.jpg').default} width="45%"/>
+    <ImageView src={require('@site/docs/panda-series/module/panda-alarm/img/en/factory_2.jpg').default} width="45%"/>
 
 ### Restore Factory Settings via Button
 
 Use a sharp object to press and hold down the Recovery button for 5 seconds to initiate a factory reset and reboot.
 
-<img src={require('@site/docs/panda-series/module/panda-alarm/img/recovery.jpg').default} width="45%"/>
+<ImageView src={require('@site/docs/panda-series/module/panda-alarm/img/recovery.jpg').default} width="45%"/>
 
 ## Firmware
 
@@ -465,7 +465,7 @@ To request new features for future firmware, please submit them to the Panda Ala
 
             - Turn on `Wi-Fi`. Your device will automatically search for available Wi-Fi networks.
 
-                <img src={require('@site/docs/panda-series/module/panda-alarm/img/en/wlan.jpg').default} width="45%"/>
+                <ImageView src={require('@site/docs/panda-series/module/panda-alarm/img/en/wlan.jpg').default} width="45%"/>
 
             * Tap the network name starting with `Panda_Alarm`, and enter the default password: `987654321`.
 
@@ -477,7 +477,7 @@ To request new features for future firmware, please submit them to the Panda Ala
 
 * In the Web UI configuration interface, go to ① `Settings`, click ② `Select .bin File`, then choose the firmware to update. After the update, the device will automatically reboot.
 
-    <img src={require('@site/docs/panda-series/module/panda-alarm/img/en/firmware.jpg').default} width="45%"/>
+    <ImageView src={require('@site/docs/panda-series/module/panda-alarm/img/en/firmware.jpg').default} width="45%"/>
 
 #### Flash Download Tool (Type-C Flash)
 
@@ -487,13 +487,13 @@ To request new features for future firmware, please submit them to the Panda Ala
 
 - Download [Flash Download Tool](https://www.espressif.com/en/support/download/other-tools)
 
-    <img src={require('@site/docs/panda-series/module/panda-alarm/img/en/download_esp_tool.webp').default} width="70%"/>
+    <ImageView src={require('@site/docs/panda-series/module/panda-alarm/img/en/download_esp_tool.webp').default} width="70%"/>
 
 - Download the [Panda Alarm Firmware](https://github.com/bigtreetech/PandaAlarm)
 
 - Connect Panda Alarm to your computer using a `Type-C` cable. The device manager should automatically recognize a new COM port.
 
-    <img src={require('@site/docs/panda-series/module/panda-alarm/img/type_c.jpg').default} width="45%"/>
+    <ImageView src={require('@site/docs/panda-series/module/panda-alarm/img/type_c.jpg').default} width="45%"/>
 
 -  Open `flash_download_tool_3.9.8_6.exe`, and configure it as shown below:
 
@@ -503,11 +503,11 @@ To request new features for future firmware, please submit them to the Panda Ala
 
     LoadMode: `UART`
 
-    <img src={require('@site/docs/panda-series/module/panda-alarm/img/open_esp_tool.webp').default} width="400"/>
+    <ImageView src={require('@site/docs/panda-series/module/panda-alarm/img/open_esp_tool.webp').default} width="400"/>
 
 - The flash tool configuration is as follows:
 
-    <img src={require('@site/docs/panda-series/module/panda-alarm/img/set_esp_tool.webp').default} width="400"/>
+    <ImageView src={require('@site/docs/panda-series/module/panda-alarm/img/set_esp_tool.webp').default} width="400"/>
 
     1. Set the `.bin` file burn address, and ensure the checkboxes are selected:
 
diff --git a/i18n/en/docusaurus-plugin-content-docs/current/panda-series/module/panda-branch/panda-branch.md b/i18n/en/docusaurus-plugin-content-docs/current/panda-series/module/panda-branch/panda-branch.md
index 49ee794..9956934 100644
--- a/i18n/en/docusaurus-plugin-content-docs/current/panda-series/module/panda-branch/panda-branch.md
+++ b/i18n/en/docusaurus-plugin-content-docs/current/panda-series/module/panda-branch/panda-branch.md
@@ -2,7 +2,7 @@
 
 <div class="div-table">
 
-<img src={require('@site/docs/panda-series/module/panda-branch/img/PandaBranch_Title.webp').default} width="40%" class="right-image"/>
+<ImageView src={require('@site/docs/panda-series/module/panda-branch/img/PandaBranch_Title.webp').default} width="40%" class="right-image"/>
 
 ## **Product Profile**
 
@@ -28,20 +28,20 @@ The BIGTREETECH Panda Branch V1.0 is a power expansion board designed for X1/P1/
 
 ## **Dimensions**
 
-<img src={require('@site/docs/panda-series/module/panda-branch/img/PandaBranch_Dimensions.webp').default} width="80%"/>
+<ImageView src={require('@site/docs/panda-series/module/panda-branch/img/PandaBranch_Dimensions.webp').default} width="80%"/>
 
 ## **Interface**
 
 ### Interface Diagram
 
-<img src={require('@site/docs/panda-series/module/panda-branch/img/PandaBranch_Interface1.webp').default} width="80%"/>
+<ImageView src={require('@site/docs/panda-series/module/panda-branch/img/PandaBranch_Interface1.webp').default} width="80%"/>
 
 ### Pin Description
 
-<img src={require('@site/docs/panda-series/module/panda-branch/img/PandaBranch_Pin.webp').default} width="80%"/>
+<ImageView src={require('@site/docs/panda-series/module/panda-branch/img/PandaBranch_Pin.webp').default} width="80%"/>
 
 ### Connection Diagram
 
 **Panda Branch + Panda Touch + AMS/AMS Lite + 3D Printer**
 
-<img src={require('@site/docs/panda-series/module/panda-branch/img/PandaBranch_Diagram1.webp').default} width="80%"/>
+<ImageView src={require('@site/docs/panda-series/module/panda-branch/img/PandaBranch_Diagram1.webp').default} width="80%"/>
diff --git a/i18n/en/docusaurus-plugin-content-docs/current/panda-series/module/panda-breeze/panda-breeze.md b/i18n/en/docusaurus-plugin-content-docs/current/panda-series/module/panda-breeze/panda-breeze.md
index d17c1c7..f946ffc 100644
--- a/i18n/en/docusaurus-plugin-content-docs/current/panda-series/module/panda-breeze/panda-breeze.md
+++ b/i18n/en/docusaurus-plugin-content-docs/current/panda-series/module/panda-breeze/panda-breeze.md
@@ -2,7 +2,7 @@
 
 <div class="div-table">
 
-<img src={require('@site/docs/panda-series/module/panda-breeze/img/panda_breeze.webp').default} width="40%" class="right-image"/>
+<ImageView src={require('@site/docs/panda-series/module/panda-breeze/img/panda_breeze.webp').default} width="40%" class="right-image"/>
 
 ## Introduction
 
@@ -28,61 +28,61 @@ The BIQU Panda Breeze is an auxiliary cooling fan designed for the Bambu Lab A1
 
 1、Using a 2.0 mm hex driver, remove the two screws on the back of the X-axis (see reference images).
 
-<img src={require('@site/docs/panda-series/module/panda-breeze/img/panda_breeze_installation1.webp').default} width="80%"/>
+<ImageView src={require('@site/docs/panda-series/module/panda-breeze/img/panda_breeze_installation1.webp').default} width="80%"/>
 
 2、Reuse those screws. Align Panda Breeze with the screw holes on the back of the X‑axis and tighten to secure it firmly.
 
-<img src={require('@site/docs/panda-series/module/panda-breeze/img/panda_breeze_installation2.webp').default} width="80%"/>
+<ImageView src={require('@site/docs/panda-series/module/panda-breeze/img/panda_breeze_installation2.webp').default} width="80%"/>
 
-<img src={require('@site/docs/panda-series/module/panda-breeze/img/panda_breeze_installation3.webp').default} width="80%"/>
+<ImageView src={require('@site/docs/panda-series/module/panda-breeze/img/panda_breeze_installation3.webp').default} width="80%"/>
 
 **Step 2: Install the Adapter Board**
 
-<img src={require('@site/docs/panda-series/module/panda-breeze/img/panda_breeze_installation4.webp').default} width="80%"/>
+<ImageView src={require('@site/docs/panda-series/module/panda-breeze/img/panda_breeze_installation4.webp').default} width="80%"/>
 
-<img src={require('@site/docs/panda-series/module/panda-breeze/img/panda_breeze_installation5.webp').default} width="80%"/>
+<ImageView src={require('@site/docs/panda-series/module/panda-breeze/img/panda_breeze_installation5.webp').default} width="80%"/>
 
 **Step 3: Wiring**
 
 1、Plug the Panda Breeze fan cable into its matching connector (see red‑circled area in the images).
 
-<img src={require('@site/docs/panda-series/module/panda-breeze/img/panda_breeze_installation6.webp').default} width="80%"/>
+<ImageView src={require('@site/docs/panda-series/module/panda-breeze/img/panda_breeze_installation6.webp').default} width="80%"/>
 
 2、Insert the power cable into the MX3.0 power jack on the rear of the printer (see red circled area).
 
-<img src={require('@site/docs/panda-series/module/panda-breeze/img/panda_breeze_installation7.webp').default} width="80%"/>
+<ImageView src={require('@site/docs/panda-series/module/panda-breeze/img/panda_breeze_installation7.webp').default} width="80%"/>
 
 3、Insert the power cable as indicated in the image.
 
-<img src={require('@site/docs/panda-series/module/panda-breeze/img/panda_breeze_installation8.webp').default} width="80%"/>
+<ImageView src={require('@site/docs/panda-series/module/panda-breeze/img/panda_breeze_installation8.webp').default} width="80%"/>
 
 4、Open the toolhead rear cover via the notch at the bottom of the toolhead.
 
-<img src={require('@site/docs/panda-series/module/panda-breeze/img/panda_breeze_installation9.webp').default} width="80%"/>
+<ImageView src={require('@site/docs/panda-series/module/panda-breeze/img/panda_breeze_installation9.webp').default} width="80%"/>
 
 5、Disconnect the part-cooling fan connector (see red circled area).
 
-<img src={require('@site/docs/panda-series/module/panda-breeze/img/panda_breeze_installation10.webp').default} width="80%"/>
+<ImageView src={require('@site/docs/panda-series/module/panda-breeze/img/panda_breeze_installation10.webp').default} width="80%"/>
 
 6、Plug the Panda Breeze fan‑signal adapter cable into the original part‑cooling fan port.
 
-<img src={require('@site/docs/panda-series/module/panda-breeze/img/panda_breeze_installation11.webp').default} width="80%"/>
+<ImageView src={require('@site/docs/panda-series/module/panda-breeze/img/panda_breeze_installation11.webp').default} width="80%"/>
 
 7、Connect the previously unplugged part‑cooling fan cable to the fan‑signal adapter cable.
 
-<img src={require('@site/docs/panda-series/module/panda-breeze/img/panda_breeze_installation12.webp').default} width="80%"/>
+<ImageView src={require('@site/docs/panda-series/module/panda-breeze/img/panda_breeze_installation12.webp').default} width="80%"/>
 
 8、Neatly arrange all cables inside the toolhead. Remove the right‑side cover of the print head and route the fan‑signal adapter cable out along the indicated path.
 
-<img src={require('@site/docs/panda-series/module/panda-breeze/img/panda_breeze_installation13.webp').default} width="80%"/>
+<ImageView src={require('@site/docs/panda-series/module/panda-breeze/img/panda_breeze_installation13.webp').default} width="80%"/>
 
 9、Press the rear cover back into place and ensure it is securely seated.
 
-<img src={require('@site/docs/panda-series/module/panda-breeze/img/panda_breeze_installation14.webp').default} width="80%"/>
+<ImageView src={require('@site/docs/panda-series/module/panda-breeze/img/panda_breeze_installation14.webp').default} width="80%"/>
 
 10、Print the side cover from [MakerWorld](https://makerworld.com/en/models/1698174-panda-breeze-printed-parts#profileId-1800624), reinstall the cable duct, and fasten the wiring.
 
-<img src={require('@site/docs/panda-series/module/panda-breeze/img/panda_breeze_installation16.webp').default} width="80%"/>
+<ImageView src={require('@site/docs/panda-series/module/panda-breeze/img/panda_breeze_installation16.webp').default} width="80%"/>
 
 **Step 4: Install the LED Strip**
 
@@ -90,8 +90,8 @@ The BIQU Panda Breeze is an auxiliary cooling fan designed for the Bambu Lab A1
 2. Peel off the protective film from the LED strip’s adhesive backing.
 3. Align the strip under the X-axis. Starting at the left, press slowly toward the right to adhere the strip.
 
-<img src={require('@site/docs/panda-series/module/panda-breeze/img/panda_breeze_installation15.webp').default} width="80%"/>
+<ImageView src={require('@site/docs/panda-series/module/panda-breeze/img/panda_breeze_installation15.webp').default} width="80%"/>
 
 4、Press along the strip several times to ensure a secure installation.
 
-<img src={require('@site/docs/panda-series/module/panda-breeze/img/panda_breeze_installation17.webp').default} width="80%"/>
+<ImageView src={require('@site/docs/panda-series/module/panda-breeze/img/panda_breeze_installation17.webp').default} width="80%"/>
diff --git a/i18n/en/docusaurus-plugin-content-docs/current/panda-series/module/panda-hub/panda-hub.md b/i18n/en/docusaurus-plugin-content-docs/current/panda-series/module/panda-hub/panda-hub.md
index e17b727..9158236 100644
--- a/i18n/en/docusaurus-plugin-content-docs/current/panda-series/module/panda-hub/panda-hub.md
+++ b/i18n/en/docusaurus-plugin-content-docs/current/panda-series/module/panda-hub/panda-hub.md
@@ -2,7 +2,7 @@
 
 <div class="div-table">
 
-<img src={require('@site/docs/panda-series/module/panda-hub/img/Panda_Hub_Title.webp').default} width="40%" class="right-image"/>
+<ImageView src={require('@site/docs/panda-series/module/panda-hub/img/Panda_Hub_Title.webp').default} width="40%" class="right-image"/>
 
 ## Product Profile
 
@@ -26,15 +26,15 @@ The BIGTREETECH Panda Hub is a compact device that turns one USB port into two,
 
 ## Dimensions
 
-<img src={require('@site/docs/panda-series/module/panda-hub/img/Panda_Hub_Dimensions.webp').default} width="80%"/>
+<ImageView src={require('@site/docs/panda-series/module/panda-hub/img/Panda_Hub_Dimensions.webp').default} width="80%"/>
 
-<img src={require('@site/docs/panda-series/module/panda-hub/img/Panda_Hub_Dimensions1.webp').default} width="80%"/>
+<ImageView src={require('@site/docs/panda-series/module/panda-hub/img/Panda_Hub_Dimensions1.webp').default} width="80%"/>
 
 ## Interface Introduction
 
 ### Interface Diagram
 
-<img src={require('@site/docs/panda-series/module/panda-hub/img/Panda_Hub_Interface.webp').default} width="80%"/>
+<ImageView src={require('@site/docs/panda-series/module/panda-hub/img/Panda_Hub_Interface.webp').default} width="80%"/>
 
 ## Important Notes
 
@@ -46,7 +46,7 @@ When using the **Panda Touch** with the **P1P** / **P1S**, ensure that any devic
 
 ## Installation Guide
 
-<img src={require('@site/docs/panda-series/module/panda-hub/img/Panda_Hub_Installation.webp').default} width="80%"/>
+<ImageView src={require('@site/docs/panda-series/module/panda-hub/img/Panda_Hub_Installation.webp').default} width="80%"/>
 
 ### Preparation
 
@@ -64,7 +64,7 @@ When using the **Panda Touch** with the **P1P** / **P1S**, ensure that any devic
     - 2.0 hex key 
     - Soldering iron
 
-<img src={require('@site/docs/panda-series/module/panda-hub/img/Panda_Hub_Preparation.webp').default} width="80%"/>
+<ImageView src={require('@site/docs/panda-series/module/panda-hub/img/Panda_Hub_Preparation.webp').default} width="80%"/>
 
 ### Installation Steps
 
@@ -74,71 +74,71 @@ When using the **Panda Touch** with the **P1P** / **P1S**, ensure that any devic
 
     Using a soldering iron, embed the inserts into the case making sure that they are flush with the mounting surface. (For instructions on how to embed heat-set inserts using a soldering iron, refer to the end of this guide.)
 
-    <img src={require('@site/docs/panda-series/module/panda-hub/img/Panda_Hub_Preparation1.webp').default} width="60%"/>
+    <ImageView src={require('@site/docs/panda-series/module/panda-hub/img/Panda_Hub_Preparation1.webp').default} width="60%"/>
     
-    <img src={require('@site/docs/panda-series/module/panda-hub/img/Panda_Hub_Preparation2.webp').default} width="60%"/>
+    <ImageView src={require('@site/docs/panda-series/module/panda-hub/img/Panda_Hub_Preparation2.webp').default} width="60%"/>
 
 2. Install the Panda Hub
 
     Place the Panda Hub inside the case.
 
-    <img src={require('@site/docs/panda-series/module/panda-hub/img/Panda_Hub_Preparation3.webp').default} width="60%"/>
+    <ImageView src={require('@site/docs/panda-series/module/panda-hub/img/Panda_Hub_Preparation3.webp').default} width="60%"/>
 
     Place on the top cover and secure it using the M2.5x8 screw and a 2.0mm screwdriver.
 
-    <img src={require('@site/docs/panda-series/module/panda-hub/img/Panda_Hub_Preparation4.webp').default} width="60%"/>
+    <ImageView src={require('@site/docs/panda-series/module/panda-hub/img/Panda_Hub_Preparation4.webp').default} width="60%"/>
 
-    <img src={require('@site/docs/panda-series/module/panda-hub/img/Panda_Hub_Preparation5.webp').default} width="60%"/>
+    <ImageView src={require('@site/docs/panda-series/module/panda-hub/img/Panda_Hub_Preparation5.webp').default} width="60%"/>
 
     Connect the Assembled Panda Hub to the Printer. 
 
-    <img src={require('@site/docs/panda-series/module/panda-hub/img/Panda_Hub_Preparation6.webp').default} width="60%"/>
+    <ImageView src={require('@site/docs/panda-series/module/panda-hub/img/Panda_Hub_Preparation6.webp').default} width="60%"/>
 
     Remove the screen and unscrew the screws located below the screen using a 2.0mm hex screwdriver. 
 
-    <img src={require('@site/docs/panda-series/module/panda-hub/img/Panda_Hub_Preparation7.webp').default} width="60%"/>
+    <ImageView src={require('@site/docs/panda-series/module/panda-hub/img/Panda_Hub_Preparation7.webp').default} width="60%"/>
 
-    <img src={require('@site/docs/panda-series/module/panda-hub/img/Panda_Hub_Preparation8.webp').default} width="60%"/>
+    <ImageView src={require('@site/docs/panda-series/module/panda-hub/img/Panda_Hub_Preparation8.webp').default} width="60%"/>
 
     Align the threaded hole of the Panda Hub’s heat-set insert with the hole on the printer.
 
     Secure the Panda Hub to the printer using M2.5x8 screw and a 2.0mm hex screwdriver.
 
-    <img src={require('@site/docs/panda-series/module/panda-hub/img/Panda_Hub_Preparation9.webp').default} width="60%"/>
+    <ImageView src={require('@site/docs/panda-series/module/panda-hub/img/Panda_Hub_Preparation9.webp').default} width="60%"/>
 
     Reattach the screen to complete the installation.
 
-    <img src={require('@site/docs/panda-series/module/panda-hub/img/Panda_Hub_Preparation10.webp').default} width="60%"/>
+    <ImageView src={require('@site/docs/panda-series/module/panda-hub/img/Panda_Hub_Preparation10.webp').default} width="60%"/>
 
     Connect the Panda Touch USB Cable or USB Light Strip to the Panda Hub.
 
-    <img src={require('@site/docs/panda-series/module/panda-hub/img/Panda_Hub_Preparation11.webp').default} width="60%"/>
+    <ImageView src={require('@site/docs/panda-series/module/panda-hub/img/Panda_Hub_Preparation11.webp').default} width="60%"/>
 
 ### How to Embed Heat-Set Inserts Using a Soldering Iron
 
 Prepare the 3D printed part that needs to have the heat-set insert embedded.
 
-<img src={require('@site/docs/panda-series/module/panda-hub/img/Panda_Hub_Preparation12.webp').default} width="80%"/>
+<ImageView src={require('@site/docs/panda-series/module/panda-hub/img/Panda_Hub_Preparation12.webp').default} width="80%"/>
 
 Place the heat-set insert on top of the 3D printed part, aligned with the cavity designed for it.
 
-<img src={require('@site/docs/panda-series/module/panda-hub/img/Panda_Hub_Preparation13.webp').default} width="80%"/>
+<ImageView src={require('@site/docs/panda-series/module/panda-hub/img/Panda_Hub_Preparation13.webp').default} width="80%"/>
 
 Heat the soldering iron and apply gentle pressure. Ensure you push in a direction perpendicular to the surface where the insert will go.
 
-<img src={require('@site/docs/panda-series/module/panda-hub/img/Panda_Hub_Preparation14.webp').default} width="80%"/>
+<ImageView src={require('@site/docs/panda-series/module/panda-hub/img/Panda_Hub_Preparation14.webp').default} width="80%"/>
 
 Allow the heat-set insert to slowly melt into the part. Be patient; the slower the insert melts in, the stronger the bond between the metal and plastic will be.  
 
-<img src={require('@site/docs/panda-series/module/panda-hub/img/Panda_Hub_Preparation15.webp').default} width="80%"/>
+<ImageView src={require('@site/docs/panda-series/module/panda-hub/img/Panda_Hub_Preparation15.webp').default} width="80%"/>
 
 Once the top of the insert is flush with the part, pull the iron back out and let it cool down. 
 
-<img src={require('@site/docs/panda-series/module/panda-hub/img/Panda_Hub_Preparation16.webp').default} width="80%"/>
+<ImageView src={require('@site/docs/panda-series/module/panda-hub/img/Panda_Hub_Preparation16.webp').default} width="80%"/>
 
 Finished! 
 
-<img src={require('@site/docs/panda-series/module/panda-hub/img/Panda_Hub_Preparation17.webp').default} width="80%"/>
+<ImageView src={require('@site/docs/panda-series/module/panda-hub/img/Panda_Hub_Preparation17.webp').default} width="80%"/>
 
 :::warning
 
diff --git a/i18n/en/docusaurus-plugin-content-docs/current/panda-series/module/panda-jet/panda-jet.md b/i18n/en/docusaurus-plugin-content-docs/current/panda-series/module/panda-jet/panda-jet.md
index 7f54715..8490fde 100644
--- a/i18n/en/docusaurus-plugin-content-docs/current/panda-series/module/panda-jet/panda-jet.md
+++ b/i18n/en/docusaurus-plugin-content-docs/current/panda-series/module/panda-jet/panda-jet.md
@@ -2,7 +2,7 @@
 
 <div class="div-table">
 
-<img src={require('@site/docs/panda-series/module/panda-jet/img/Panda_Jet_Title.webp').default} width="40%" class="right-image"/>
+<ImageView src={require('@site/docs/panda-series/module/panda-jet/img/Panda_Jet_Title.webp').default} width="40%" class="right-image"/>
 
 ## **Product Profile**
 
@@ -32,7 +32,7 @@ The Panda Jet is an upgraded cooling fan for Bambu Lab X1/P1 series printers. It
 
 ## **Packaging List**
 
-<img src={require('@site/docs/panda-series/module/panda-jet/img/Panda_Jet_Packaging.webp').default} width="50%"/>
+<ImageView src={require('@site/docs/panda-series/module/panda-jet/img/Panda_Jet_Packaging.webp').default} width="50%"/>
 
 ## **Installation Instructions**
 
@@ -41,12 +41,12 @@ Tip: The installation process is the same for both the Bambu Lab P1P and X1 prin
 **Step 1: Remove the Front Housing**
 Completely remove the front housing assembly and by disconnecting the fan connector.
 
-<img src={require('@site/docs/panda-series/module/panda-jet/img/Panda_Jet_Installation1.webp').default} width="50%"/>
+<ImageView src={require('@site/docs/panda-series/module/panda-jet/img/Panda_Jet_Installation1.webp').default} width="50%"/>
 
 **Step 2: Disassemble the Original Fan Duct**
 Remove the following two screws that secures the original fan duct. Keep the screws for reassembly later.
 
-<img src={require('@site/docs/panda-series/module/panda-jet/img/Panda_Jet_Installation2.webp').default} width="80%"/>
+<ImageView src={require('@site/docs/panda-series/module/panda-jet/img/Panda_Jet_Installation2.webp').default} width="80%"/>
 
 Carefully remove the original fan duct by pulling it out in a vertical motion.
 
@@ -54,21 +54,21 @@ Carefully remove the original fan duct by pulling it out in a vertical motion.
 
 
 
-<img src={require('@site/docs/panda-series/module/panda-jet/img/Panda_Jet_Installation3.webp').default} width="50%"/>
+<ImageView src={require('@site/docs/panda-series/module/panda-jet/img/Panda_Jet_Installation3.webp').default} width="50%"/>
 
 **Step 3: Install the Panda Jet**
 Align the Panda Jet with the mounting holes on the front housing.
 
-<img src={require('@site/docs/panda-series/module/panda-jet/img/Panda_Jet_Installation4.webp').default} width="50%"/>
+<ImageView src={require('@site/docs/panda-series/module/panda-jet/img/Panda_Jet_Installation4.webp').default} width="50%"/>
 
 Secure the Panda Jet using the two screws that you removed in Step 2.
 
-<img src={require('@site/docs/panda-series/module/panda-jet/img/Panda_Jet_Installation5.webp').default} width="80%"/>
+<ImageView src={require('@site/docs/panda-series/module/panda-jet/img/Panda_Jet_Installation5.webp').default} width="80%"/>
 
 **Step 4: Reassemble the Front Housing**
 Reconnecting the fan connector onto the board (topmost slot), and then reattach the front housing assembly.
 
-<img src={require('@site/docs/panda-series/module/panda-jet/img/Panda_Jet_Installation6.webp').default} width="50%"/>
+<ImageView src={require('@site/docs/panda-series/module/panda-jet/img/Panda_Jet_Installation6.webp').default} width="50%"/>
 
 **Step 5: Check the Fan**
 Turn on the printer and enable the part cooling fan.
diff --git a/i18n/en/docusaurus-plugin-content-docs/current/panda-series/module/panda-jetpack/panda-jetpack.md b/i18n/en/docusaurus-plugin-content-docs/current/panda-series/module/panda-jetpack/panda-jetpack.md
index e0d85ee..4b49c1a 100644
--- a/i18n/en/docusaurus-plugin-content-docs/current/panda-series/module/panda-jetpack/panda-jetpack.md
+++ b/i18n/en/docusaurus-plugin-content-docs/current/panda-series/module/panda-jetpack/panda-jetpack.md
@@ -2,7 +2,7 @@
 
 <div class="div-table">
 
-<img src={require('@site/docs/panda-series/module/panda-jetpack/img/Panda_Jetpack_title.webp').default} width="40%" class="right-image"/>
+<ImageView src={require('@site/docs/panda-series/module/panda-jetpack/img/Panda_Jetpack_title.webp').default} width="40%" class="right-image"/>
 
 ## **Introduction**
 
@@ -31,32 +31,32 @@ The BIQU Panda Jetpack is a lightweight printhead upgrade solution designed for
 
 Panda Jetpack, Small Hex Keys H1.5 and H2.0, as shown in the image below.
 
-<img src={require('@site/docs/panda-series/module/panda-jetpack/img/Panda_Jetpack_Installation1.webp').default} width="600"/>
+<ImageView src={require('@site/docs/panda-series/module/panda-jetpack/img/Panda_Jetpack_Installation1.webp').default} width="600"/>
 
 **Assembly of P1** 
 
 1. Turn off the printer and remove the outer casing. Disconnect the fan connector (as indicated by the red circle).
 
-<img src={require('@site/docs/panda-series/module/panda-jetpack/img/Panda_Jetpack_Installation2.webp').default} width="600"/>
+<ImageView src={require('@site/docs/panda-series/module/panda-jetpack/img/Panda_Jetpack_Installation2.webp').default} width="600"/>
 
 2. Use the H2.0 hex key to remove the fan, then install it inside the Panda Jetpack. Secure the screws.
 
-<img src={require('@site/docs/panda-series/module/panda-jetpack/img/Panda_Jetpack_Installation3.webp').default} width="600"/>
+<ImageView src={require('@site/docs/panda-series/module/panda-jetpack/img/Panda_Jetpack_Installation3.webp').default} width="600"/>
 
 3. Reconnect the fan connector to finish the assembly.
 
-<img src={require('@site/docs/panda-series/module/panda-jetpack/img/Panda_Jetpack_Installation4.webp').default} width="600"/>
+<ImageView src={require('@site/docs/panda-series/module/panda-jetpack/img/Panda_Jetpack_Installation4.webp').default} width="600"/>
 
 **Assembly of X1**
 
 1. Turn off the printer and remove the outer casing. Disconnect the fan connector (as indicated by the red circle).
 
-<img src={require('@site/docs/panda-series/module/panda-jetpack/img/Panda_Jetpack_Installation5.webp').default} width="600"/>
+<ImageView src={require('@site/docs/panda-series/module/panda-jetpack/img/Panda_Jetpack_Installation5.webp').default} width="600"/>
 
 2. Loosen the screws that secure the original light board and fan. Place the fan and light board inside the Panda Jetpack, then secure the screws.
 
-<img src={require('@site/docs/panda-series/module/panda-jetpack/img/Panda_Jetpack_Installation6.webp').default} width="600"/>
+<ImageView src={require('@site/docs/panda-series/module/panda-jetpack/img/Panda_Jetpack_Installation6.webp').default} width="600"/>
 
 3. Reconnect the light board connector to complete the assembly.
 
-<img src={require('@site/docs/panda-series/module/panda-jetpack/img/Panda_Jetpack_Installation7.webp').default} width="600"/>
+<ImageView src={require('@site/docs/panda-series/module/panda-jetpack/img/Panda_Jetpack_Installation7.webp').default} width="600"/>
diff --git a/i18n/en/docusaurus-plugin-content-docs/current/panda-series/module/panda-lux/panda-lux.md b/i18n/en/docusaurus-plugin-content-docs/current/panda-series/module/panda-lux/panda-lux.md
index ab676ba..5508a33 100644
--- a/i18n/en/docusaurus-plugin-content-docs/current/panda-series/module/panda-lux/panda-lux.md
+++ b/i18n/en/docusaurus-plugin-content-docs/current/panda-series/module/panda-lux/panda-lux.md
@@ -2,7 +2,7 @@
 
 <div class="div-table">
 
-<img src={require('@site/docs/panda-series/module/panda-lux/img/Panda_Lux_Title.webp').default} width="40%" class="right-image"/>
+<ImageView src={require('@site/docs/panda-series/module/panda-lux/img/Panda_Lux_Title.webp').default} width="40%" class="right-image"/>
 
 ## **Product Profile**
 
@@ -32,13 +32,13 @@ The Panda Lux is a high-brightness LED light bar specially designed for Bambu La
 
 ## **Dimensions**
 
-<img src={require('@site/docs/panda-series/module/panda-lux/img/Panda_Lux_Dimension.webp').default} width="80%"/>
+<ImageView src={require('@site/docs/panda-series/module/panda-lux/img/Panda_Lux_Dimension.webp').default} width="80%"/>
 
 ## **Packaging List**
 
-<img src={require('@site/docs/panda-series/module/panda-lux/img/Panda_Lux_Packaging1.webp').default} width="80%"/>
+<ImageView src={require('@site/docs/panda-series/module/panda-lux/img/Panda_Lux_Packaging1.webp').default} width="80%"/>
 
-<img src={require('@site/docs/panda-series/module/panda-lux/img/Panda_Lux_Packaging2.webp').default} width="80%"/>
+<ImageView src={require('@site/docs/panda-series/module/panda-lux/img/Panda_Lux_Packaging2.webp').default} width="80%"/>
 
 ## **Installation Instructions**
 
@@ -48,7 +48,7 @@ The following instructions use the Bambu Lab P1P as an example.
 
 *The Panda Lux has built-in magnets that allow for easy installation. For additional reinforcement, double-sided adhesive tapes are included in the package but are not required.
 
-<img src={require('@site/docs/panda-series/module/panda-lux/img/Panda_Lux_Installation1.webp').default} width="80%"/>
+<ImageView src={require('@site/docs/panda-series/module/panda-lux/img/Panda_Lux_Installation1.webp').default} width="80%"/>
 
 **Step 2:** Remove the protective cover off of the AP board if you are installing on a P1 printer (USB port PCB) or open the plastic cover on the right side of the frame if you are installing on a X1 printer.
 
@@ -56,24 +56,24 @@ The following instructions use the Bambu Lab P1P as an example.
 
 *For additional stability to prevent the cable from moving, use the electrical tape provided in the package to secure the cable firmly to the door frame.
 
-<img src={require('@site/docs/panda-series/module/panda-lux/img/Panda_Lux_Installation2.webp').default} width="80%"/>
+<ImageView src={require('@site/docs/panda-series/module/panda-lux/img/Panda_Lux_Installation2.webp').default} width="80%"/>
 
 **Step 4:** Disconnect the stock light bar connector from the AP board.
 
-<img src={require('@site/docs/panda-series/module/panda-lux/img/Panda_Lux_Installation3.webp').default} width="80%"/>
+<ImageView src={require('@site/docs/panda-series/module/panda-lux/img/Panda_Lux_Installation3.webp').default} width="80%"/>
 
 **Step 5:** Connect the Panda Lux cable connector on the adapter board.
 
-<img src={require('@site/docs/panda-series/module/panda-lux/img/Panda_Lux_Installation4.webp').default} width="80%"/>
+<ImageView src={require('@site/docs/panda-series/module/panda-lux/img/Panda_Lux_Installation4.webp').default} width="80%"/>
 
 **Step 6:** Peel off the double-sided tape on the bottom of the adapter board and stick it on a suitable location.
 
-<img src={require('@site/docs/panda-series/module/panda-lux/img/Panda_Lux_Installation5.webp').default} width="80%"/>
+<ImageView src={require('@site/docs/panda-series/module/panda-lux/img/Panda_Lux_Installation5.webp').default} width="80%"/>
 
 **Step 7:** Insert one end of the connection cable into the AP board's stock light bar port, and insert the other end of the connection cable into the adapter board.
 
 Note: The stock lightbar connector location on X1 series is on the left side of the frame behind the plastic cover.
 
-<img src={require('@site/docs/panda-series/module/panda-lux/img/Panda_Lux_Installation6.webp').default} width="80%"/>
+<ImageView src={require('@site/docs/panda-series/module/panda-lux/img/Panda_Lux_Installation6.webp').default} width="80%"/>
 
 **Step 8:** Install the protective cover back onto the AP board (close the plastic cover for X1 printers).
diff --git a/i18n/en/docusaurus-plugin-content-docs/current/panda-series/panda-touch/panda-touch-extra/panda-sense/panda-sense.md b/i18n/en/docusaurus-plugin-content-docs/current/panda-series/panda-touch/panda-touch-extra/panda-sense/panda-sense.md
index 189922c..3771a59 100644
--- a/i18n/en/docusaurus-plugin-content-docs/current/panda-series/panda-touch/panda-touch-extra/panda-sense/panda-sense.md
+++ b/i18n/en/docusaurus-plugin-content-docs/current/panda-series/panda-touch/panda-touch-extra/panda-sense/panda-sense.md
@@ -2,7 +2,7 @@
 
 Panda Sense Environment Temperature Sensor
 
-<img src={require('@site/docs/panda-series/panda-touch/panda-touch-extra/panda-sense/img/panda_sense_title.png').default} alt="" width="600" />
+<ImageView src={require('@site/docs/panda-series/panda-touch/panda-touch-extra/panda-sense/img/panda_sense_title.png').default} alt="" width="600" />
 
 ## **Specifications**
 
@@ -18,11 +18,11 @@ Panda Sense Environment Temperature Sensor
 
 ## **Product Dimensions**
 
-<img src={require('@site/docs/panda-series/panda-touch/panda-touch-extra/panda-sense/img/panda_sense_dimensions.png').default} alt="" width="600" />
+<ImageView src={require('@site/docs/panda-series/panda-touch/panda-touch-extra/panda-sense/img/panda_sense_dimensions.png').default} alt="" width="600" />
 
 ## **Interface**
 
-<img src={require('@site/docs/panda-series/panda-touch/panda-touch-extra/panda-sense/img/panda_sense_interfaces.png').default} alt="" width="600" />
+<ImageView src={require('@site/docs/panda-series/panda-touch/panda-touch-extra/panda-sense/img/panda_sense_interfaces.png').default} alt="" width="600" />
 
 ## **Indicator Light Explanation**
 
@@ -32,7 +32,7 @@ Green: Device is powered on normally
 
 **Prepare Tools**:
 
-<img src={require('@site/docs/panda-series/panda-touch/panda-touch-extra/panda-sense/img/panda_sense_installation.png').default} alt="" width="600" />
+<ImageView src={require('@site/docs/panda-series/panda-touch/panda-touch-extra/panda-sense/img/panda_sense_installation.png').default} alt="" width="600" />
 
 **Installation Steps:**
 
@@ -46,36 +46,36 @@ The Panda Touch firmware must be version V1.0.6 or higher.
 
 1. Use a soldering iron to embed the hot melt nut into the printed part.
 
-    <img src={require('@site/docs/panda-series/panda-touch/panda-touch-extra/panda-sense/img/panda_sense_installation1.png').default} alt="" width="600" />
+    <ImageView src={require('@site/docs/panda-series/panda-touch/panda-touch-extra/panda-sense/img/panda_sense_installation1.png').default} alt="" width="600" />
 
 2. Continue using the soldering iron to embed the two hot-melt nuts into the printed part, then secure the Panda Sense Dock to the printed part using M3x5 round-head screws.
 
-    <img src={require('@site/docs/panda-series/panda-touch/panda-touch-extra/panda-sense/img/panda_sense_installation2.png').default} alt="" width="600" />
+    <ImageView src={require('@site/docs/panda-series/panda-touch/panda-touch-extra/panda-sense/img/panda_sense_installation2.png').default} alt="" width="600" />
 
 3. Secure the printed piece with the Panda Sense Dock attached to the Panda Touch USB Dock.
 
-    <img src={require('@site/docs/panda-series/panda-touch/panda-touch-extra/panda-sense/img/panda_sense_installation3.png').default} alt="" width="600" />
+    <ImageView src={require('@site/docs/panda-series/panda-touch/panda-touch-extra/panda-sense/img/panda_sense_installation3.png').default} alt="" width="600" />
 
     The final installation result is shown in the figure below:
 
-    <img src={require('@site/docs/panda-series/panda-touch/panda-touch-extra/panda-sense/img/panda_sense_installation4.png').default} alt="" width="600" />
+    <ImageView src={require('@site/docs/panda-series/panda-touch/panda-touch-extra/panda-sense/img/panda_sense_installation4.png').default} alt="" width="600" />
 
 4. Install the Panda Sense Touch onto the Panda Touch I2C interface. The final installation should appear as shown in the image below:
 
-    <img src={require('@site/docs/panda-series/panda-touch/panda-touch-extra/panda-sense/img/panda_sense_installation5.png').default} alt="" width="600" />
+    <ImageView src={require('@site/docs/panda-series/panda-touch/panda-touch-extra/panda-sense/img/panda_sense_installation5.png').default} alt="" width="600" />
 
 5. Insert the connection cable into the Panda Sense Dock's port. Once the Panda Touch magnetically attaches to the Panda Touch USB Dock, the Panda Sense will function normally.
 
-    <img src={require('@site/docs/panda-series/panda-touch/panda-touch-extra/panda-sense/img/panda_sense_installation6.png').default} alt="" width="600" />
+    <ImageView src={require('@site/docs/panda-series/panda-touch/panda-touch-extra/panda-sense/img/panda_sense_installation6.png').default} alt="" width="600" />
 
 **How to View Temperature and Humidity on Panda Touch**
 
-<img src={require('@site/docs/panda-series/panda-touch/panda-touch-extra/panda-sense/img/panda_sense_installation7.png').default} alt="" width="600" />
+<ImageView src={require('@site/docs/panda-series/panda-touch/panda-touch-extra/panda-sense/img/panda_sense_installation7.png').default} alt="" width="600" />
 
 When the printer is idle
 
-<img src={require('@site/docs/panda-series/panda-touch/panda-touch-extra/panda-sense/img/panda_sense_installation8.png').default} alt="" width="600" />
+<ImageView src={require('@site/docs/panda-series/panda-touch/panda-touch-extra/panda-sense/img/panda_sense_installation8.png').default} alt="" width="600" />
 
 Whenb printer printing
 
-<img src={require('@site/docs/panda-series/panda-touch/panda-touch-extra/panda-sense/img/panda_sense_installation8.png').default} alt="" width="600" />
+<ImageView src={require('@site/docs/panda-series/panda-touch/panda-touch-extra/panda-sense/img/panda_sense_installation8.png').default} alt="" width="600" />
diff --git a/i18n/en/docusaurus-plugin-content-docs/current/panda-series/panda-touch/panda-touch-firmware.md b/i18n/en/docusaurus-plugin-content-docs/current/panda-series/panda-touch/panda-touch-firmware.md
index 1cb4dc9..8356f20 100644
--- a/i18n/en/docusaurus-plugin-content-docs/current/panda-series/panda-touch/panda-touch-firmware.md
+++ b/i18n/en/docusaurus-plugin-content-docs/current/panda-series/panda-touch/panda-touch-firmware.md
@@ -19,13 +19,13 @@ After initial startup or executing the `factory reset` command, you will see the
 
 ### Language Selection Guide
 
-<img src={require('@site/docs/panda-series/panda-touch/img/language_guide.png').default} alt="" width="600" />
+<ImageView src={require('@site/docs/panda-series/panda-touch/img/language_guide.png').default} alt="" width="600" />
 
 * Select a language for Panda Touch, then tap `Next`
 
 ### WiFi Connection Guide
 
-<img src={require('@site/docs/panda-series/panda-touch/img/guide_wifi.png').default} alt="" width="600" />
+<ImageView src={require('@site/docs/panda-series/panda-touch/img/guide_wifi.png').default} alt="" width="600" />
 
 During the initial setup process, Panda Touch will scan for WiFi networks and display up to 20 networks with the strongest signal strength. If you cannot find the desired network in the list, tap `Refresh`, and Panda Touch will rescan for WiFi networks.
 >Note:
@@ -41,7 +41,7 @@ Translated with DeepL.com (free version)
 
 ### 打印机连接菜单
 
-<img src={require('@site/docs/panda-series/panda-touch/img/guide_printer.png').default} alt="" width="600" />
+<ImageView src={require('@site/docs/panda-series/panda-touch/img/guide_printer.png').default} alt="" width="600" />
 
 There are two possible methods to connect Panda Touch to a printer.
     1. Automatic scanning (recommended).
@@ -55,19 +55,19 @@ During this process, you may need to enter connection details. These can be foun
 
 * Navigate to `Settings -> WLAN` on the LCD menu, then click `OK`.
 
-    <img src={require('@site/docs/panda-series/panda-touch/img/p1_1.png').default} alt="" width="600" />
+    <ImageView src={require('@site/docs/panda-series/panda-touch/img/p1_1.png').default} alt="" width="600" />
 
 * Enter the IP address and access code in the corresponding Panda Touch input fields (the access code is used for automatic scanning only).
 
-    <img src={require('@site/docs/panda-series/panda-touch/img/p1_2.png').default} alt="" width="600" />
+    <ImageView src={require('@site/docs/panda-series/panda-touch/img/p1_2.png').default} alt="" width="600" />
 
 * In the screen menu, locate `Settings -> Device`, then click `OK`.
 
-    <img src={require('@site/docs/panda-series/panda-touch/img/p1_3.png').default} alt="" width="600" />
+    <ImageView src={require('@site/docs/panda-series/panda-touch/img/p1_3.png').default} alt="" width="600" />
 
 * Enter the serial number code in the corresponding Panda Touch input field.
 
-    <img src={require('@site/docs/panda-series/panda-touch/img/p1_4.png').default} alt="" width="600" />
+    <ImageView src={require('@site/docs/panda-series/panda-touch/img/p1_4.png').default} alt="" width="600" />
 
 #### Auto Scan
 
@@ -116,7 +116,7 @@ Please follow the steps below to switch the communication method between Panda T
 #### Log in to your Takitake account
 * Click to jump to the setting page, and then click the `Login to Takitake Account` button. 
 
-    <img src={require('@site/docs/panda-series/panda-touch/img/add_account.png').default} alt="" width="600" />
+    <ImageView src={require('@site/docs/panda-series/panda-touch/img/add_account.png').default} alt="" width="600" />
 
 * Select your region by clicking the arrow in the upper right corner of the pop-up window.
 
@@ -124,7 +124,7 @@ Please follow the steps below to switch the communication method between Panda T
 
 ::::info How to find bambulab account
 
-<img src={require('@site/docs/panda-series/panda-touch/img/login.png').default} alt="" width="600" />
+<ImageView src={require('@site/docs/panda-series/panda-touch/img/login.png').default} alt="" width="600" />
 
 :::warning know issue
 
@@ -132,7 +132,7 @@ Currently, 2-step authentication needs to be turned off to enable Cloud Mode on
 
 :::
 
-<img src={require('@site/docs/panda-series/panda-touch/img/input_account.png').default} alt="" width="600" />
+<ImageView src={require('@site/docs/panda-series/panda-touch/img/input_account.png').default} alt="" width="600" />
 
 ::::
 
@@ -142,18 +142,18 @@ Currently, 2-step authentication needs to be turned off to enable Cloud Mode on
 
 * Perform this action only if all printers are running in Cloud Mode, if the printer has `LAN Only` mode turned on, this action can be skipped. To change the communication method between PandaTouch and printers see [How to switch the communication method between PandaTouch and printers](#How to switch the communication method between pandatouch and printers)
 
-    <img src={require('@site/docs/panda-series/panda-touch/img/login_ok.png').default} alt="" width="600" />
+    <ImageView src={require('@site/docs/panda-series/panda-touch/img/login_ok.png').default} alt="" width="600" />
 
 * Click `Yes' if you want to convert the communication between your existing printer and PandaTouch to cloud mode. 
 
 * The printer must be on the same network as the PandaTouch during this process. If the network connection is poor, you may need to re-edit the printer's IP address.
 
-    <img src={require('@site/docs/panda-series/panda-touch/img/sync_ok.png').default} alt="" width="600" />
+    <ImageView src={require('@site/docs/panda-series/panda-touch/img/sync_ok.png').default} alt="" width="600" />
 
 * Once the printer is working in cloud mode, you will notice a green cloud associated with its card in the multi-printer view. The cloud indicates how the printer is communicating with PandaTouch.
 
 * You will also notice a pair of green arrows indicating the connection status to that printer.
-    <img src={require('@site/docs/panda-series/panda-touch/img/cloud_mode.png').default} alt="" width="600" />
+    <ImageView src={require('@site/docs/panda-series/panda-touch/img/cloud_mode.png').default} alt="" width="600" />
 
 #### How to delete a logged in account
 
@@ -161,7 +161,7 @@ Currently, 2-step authentication needs to be turned off to enable Cloud Mode on
 
 * After deleting the account information, the communication mode between the PandaTouch and the printer will be changed to local mode. Please note that this will not set the printer itself to `LAN only` mode, but will tell the Panda Touch to only use LAN mode to talk to the printer, which may result in some loss of functionality.
 
-    <img src={require('@site/docs/panda-series/panda-touch/img/del_account.png').default} alt="" width="600" />
+    <ImageView src={require('@site/docs/panda-series/panda-touch/img/del_account.png').default} alt="" width="600" />
 
 #### How to switch the communication between PandaTouch and the printer
 
@@ -174,7 +174,7 @@ Currently, 2-step authentication needs to be turned off to enable Cloud Mode on
 
 The cloud account must be enabled in the setup menu or the communication method between this printer and PandaTouch will not be set to cloud mode.
 
-<img src={require('@site/docs/panda-series/panda-touch/img/switch_work_mode.png').default} alt="" width="600" />
+<ImageView src={require('@site/docs/panda-series/panda-touch/img/switch_work_mode.png').default} alt="" width="600" />
 
 :::
 
@@ -187,19 +187,19 @@ The cloud account must be enabled in the setup menu or the communication method
 
 - Letters Input 
 
-    <img src={require('@site/docs/panda-series/panda-touch/img/keyboard_letter.png').default} alt="" width="600" />
+    <ImageView src={require('@site/docs/panda-series/panda-touch/img/keyboard_letter.png').default} alt="" width="600" />
 
 - Symbol Input
 
-    <img src={require('@site/docs/panda-series/panda-touch/img/keyboard_symbol.png').default} alt="" width="600" />
+    <ImageView src={require('@site/docs/panda-series/panda-touch/img/keyboard_symbol.png').default} alt="" width="600" />
 
 - Number Inputs
 
-    <img src={require('@site/docs/panda-series/panda-touch/img/keyboard_number.png').default} alt="" width="600" />
+    <ImageView src={require('@site/docs/panda-series/panda-touch/img/keyboard_number.png').default} alt="" width="600" />
 
 ## Print jobs and thumbnail displays
 
-<img src={require('@site/docs/panda-series/panda-touch/img/thumbnail_preview.png').default} alt="" width="600" />
+<ImageView src={require('@site/docs/panda-series/panda-touch/img/thumbnail_preview.png').default} alt="" width="600" />
 
 :::info
 
@@ -217,18 +217,18 @@ The Panda Touch allows the user to configure the type and color of consumables u
 
 When performing any operation, make sure the correct AMS unit and filament slot are selected. You will know that a consumable is selected when it has a red border around it. If nothing is selected, the `Load` and `Unload` buttons will be grayed out.
 
-<img src={require('@site/docs/panda-series/panda-touch/img/filament_screen.png').default} alt="" width="600" />
+<ImageView src={require('@site/docs/panda-series/panda-touch/img/filament_screen.png').default} alt="" width="600" />
 
 ## Supplies Drying 
 The Panda Touch allows the user to dry supplies on the X1 Series and P1S. 
 
 * Click on the Dry button
 
-<img src={require('@site/docs/panda-series/panda-touch/img/drying.png').default} alt="" width="500" />
+<ImageView src={require('@site/docs/panda-series/panda-touch/img/drying.png').default} alt="" width="500" />
 
 * Follow the steps on the right
 
-<img src={require('@site/docs/panda-series/panda-touch/img/filament_dry.png').default} alt="" width="500" />
+<ImageView src={require('@site/docs/panda-series/panda-touch/img/filament_dry.png').default} alt="" width="500" />
 
 ## Part Skip
 
@@ -242,11 +242,11 @@ Not available in the following cases
 
 :::
 
-<img src={require('@site/docs/panda-series/panda-touch/img/skip_objects.gif').default} alt="" width="500" />
+<ImageView src={require('@site/docs/panda-series/panda-touch/img/skip_objects.gif').default} alt="" width="500" />
 
 ## HMS (Health Management System)
 
-<img src={require('@site/docs/panda-series/panda-touch/img/hms.png').default} alt="" width="600" />
+<ImageView src={require('@site/docs/panda-series/panda-touch/img/hms.png').default} alt="" width="600" />
 
 * Tap the title bar of Panda Touch and the HMS Notification Center menu will expand.
 * The Panda Touch will automatically expand the HMS Notification Center when a new HMS notification is detected.
@@ -263,19 +263,19 @@ Panda Touch allows you to create up to 10 groups, each of which can contain sing
 
 * Click + in the list of connected printers to bring up the multifunction menu.
     
-    <img src={require('@site/docs/panda-series/panda-touch/img/press_plus.png').default} alt="" width="600" />
+    <ImageView src={require('@site/docs/panda-series/panda-touch/img/press_plus.png').default} alt="" width="600" />
 
 * Select the Add Group option.
 
-    <img src={require('@site/docs/panda-series/panda-touch/img/press_add_group.png').default} alt="" width="600" />
+    <ImageView src={require('@site/docs/panda-series/panda-touch/img/press_add_group.png').default} alt="" width="600" />
 
 * Select the printers to be added to the group and make sure that one of them is selected as the host (the other printers in the group will follow the commands sent to the host).
 
-    <img src={require('@site/docs/panda-series/panda-touch/img/group_choose_printer.png').default} alt="" width="600" />
+    <ImageView src={require('@site/docs/panda-series/panda-touch/img/group_choose_printer.png').default} alt="" width="600" />
 
 * Click Next, enter a group name, and click `OK'.
 
-    <img src={require('@site/docs/panda-series/panda-touch/img/group_name.png').default} alt="" width="600" />
+    <ImageView src={require('@site/docs/panda-series/panda-touch/img/group_name.png').default} alt="" width="600" />
 
 * Now you can see the group in the list of printers, clicking on the group will allow you to control the entire group, but the controls displayed will be those of the group leader.
 
@@ -285,7 +285,7 @@ Panda Touch allows you to create up to 10 groups, each of which can contain sing
 * If you send a command to an individual printer that takes some time (such as homing) and then send a command to the group it belongs to, the second command will be ignored if the first one is still busy.
 * To control an entire group, simply click on the card that corresponds to that group and you will notice that the name in the top bar changes to the name of the group and the name of the host, separated by a forward slash. You can now send commands to the group leader and the other printers in the group will follow.
 
-<img src={require('@site/docs/panda-series/panda-touch/img/add_group_ok.png').default} alt="" width="600" />
+<ImageView src={require('@site/docs/panda-series/panda-touch/img/add_group_ok.png').default} alt="" width="600" />
 
 ### Precautions for printing from USB
 
@@ -294,7 +294,7 @@ Please note the following points when attempting to print from USB.
 * Ensure that the file system of the USB flash drive is formatted as `FAT32`.
 * Use the `Export All Disks` option to export `.3mf` files from Bambu Studio or Orca Slicer.
 
-    <img src={require('@site/docs/panda-series/panda-touch/img/export_3mf.png').default} alt="" width="300" />
+    <ImageView src={require('@site/docs/panda-series/panda-touch/img/export_3mf.png').default} alt="" width="300" />
 
 * Write the sliced `.3mf` file to the root directory of the USB storage device.
 
@@ -304,7 +304,7 @@ Please note the following points when attempting to print from USB.
 
 * Insert a USB storage device into Panda Touch and go to the `USB Storage Device` menu.
 
-    <img src={require('@site/docs/panda-series/panda-touch/img/usb_flash_drive.png').default} alt="" width="600" />
+    <ImageView src={require('@site/docs/panda-series/panda-touch/img/usb_flash_drive.png').default} alt="" width="600" />
 
 ### Start printing using one printer
 
@@ -317,7 +317,7 @@ Please note the following points when attempting to print from USB.
     * `Auto Power Off` (Automatically recognizes the online Panda PWR and turns on the auto power off feature)
     * `Clear Power Usage` (Automatically recognizes the Panda PWR online and resets the power usage of the Panda PWR).
 
-    <img src={require('@site/docs/panda-series/panda-touch/img/start_print_one.png').default} alt="" width="600" />
+    <ImageView src={require('@site/docs/panda-series/panda-touch/img/start_print_one.png').default} alt="" width="600" />
 
 * Make sure that the `.3mf` file of the slice is compatible with the selected printer.
 * If using AMS, make sure that the consumables in the AMS tray match the consumables in the sliced `.3mf` file, as consumables cannot be dynamically mapped at the start of printing.
@@ -326,13 +326,13 @@ Please note the following points when attempting to print from USB.
     1. a MicroSD card is inserted in the printer.
     2. the remaining capacity of the MicroSD card is sufficient to write the files to be uploaded.
 
-    <img src={require('@site/docs/panda-series/panda-touch/img/uploading.png').default} alt="" width="600" />
+    <ImageView src={require('@site/docs/panda-series/panda-touch/img/uploading.png').default} alt="" width="600" />
 
 * When uploading is complete, printing will begin. For very large `.3mf` files, the transfer to each printer may take several minutes.
 
 * Once printing has started, Panda Touch will automatically jump to the main screen and display the printer data.
 
-    <img src={require('@site/docs/panda-series/panda-touch/img/start_print_one_ing.png').default} alt="" width="600" />
+    <ImageView src={require('@site/docs/panda-series/panda-touch/img/start_print_one_ing.png').default} alt="" width="600" />
 
 ### Group printing
 
@@ -348,7 +348,7 @@ Please note the following points when attempting to print from USB.
 
 * Checkbox print options for a particular group will be based on the features available on the most powerful machine in the group. For example, if you are using a group that contains X1C\P1P\P1S, you will have the Lidar Scan option available, but this option will only be sent to printers in the group that support it.
 
-    <img src={require('@site/docs/panda-series/panda-touch/img/start_print.png').default} alt="" width="600" />
+    <ImageView src={require('@site/docs/panda-series/panda-touch/img/start_print.png').default} alt="" width="600" />
 
 * Panda Touch will generate a list of available printers for you to choose from.
 * Printers and groups that are already busy will be excluded from this list. This means that if a single printer in a group is already busy, you will not be able to print to any of the printers in that group. This allows groups to always stay synchronized with each other.
@@ -360,12 +360,12 @@ Please note the following points when attempting to print from USB.
     1. a MicroSD card is inserted in the printer.
     2. the remaining capacity of the MicroSD card is sufficient to write the files to be uploaded.
 
-    <img src={require('@site/docs/panda-series/panda-touch/img/udisk_upload.png').default} alt="" width="600" />
+    <ImageView src={require('@site/docs/panda-series/panda-touch/img/udisk_upload.png').default} alt="" width="600" />
 
 
 * When uploading is complete, printing will begin. For very large `.3mf' files, transfer to each printer may take several minutes.
 
-    <img src={require('@site/docs/panda-series/panda-touch/img/group_printing.png').default} alt="" width="600" />
+    <ImageView src={require('@site/docs/panda-series/panda-touch/img/group_printing.png').default} alt="" width="600" />
 
 * After you start printing, you will be taken to the Print Summary page where the status of each printer in the group is summarized on a separate card.
 
@@ -373,7 +373,7 @@ Please note the following points when attempting to print from USB.
 
 When a group is selected and multiple printers in the group are busy printing, the Panda Touch displays the `Multiple Printing` menu as shown below.
 
-<img src={require('@site/docs/panda-series/panda-touch/img/multi_printing.png').default} alt="" width="600" />
+<ImageView src={require('@site/docs/panda-series/panda-touch/img/multi_printing.png').default} alt="" width="600" />
 
 The following groups of controls exist in this menu:
 
@@ -385,4 +385,4 @@ The following groups of controls exist in this menu:
 
 The delay is based on this time during group printing, so that if the current printer heats up or the time is up, the print job is sent to the next one.
 
-<img src={require('@site/docs/panda-series/panda-touch/img/group_delay.png').default} alt="" width="600" />
+<ImageView src={require('@site/docs/panda-series/panda-touch/img/group_delay.png').default} alt="" width="600" />
diff --git a/i18n/en/docusaurus-plugin-content-docs/current/panda-series/panda-touch/panda-touch-hardware.md b/i18n/en/docusaurus-plugin-content-docs/current/panda-series/panda-touch/panda-touch-hardware.md
index 5718b1d..f53e156 100644
--- a/i18n/en/docusaurus-plugin-content-docs/current/panda-series/panda-touch/panda-touch-hardware.md
+++ b/i18n/en/docusaurus-plugin-content-docs/current/panda-series/panda-touch/panda-touch-hardware.md
@@ -23,7 +23,7 @@ Panda Touch CAD files are available in the GitHub repository [bigtreetech/PandaT
 
 ### Overview
 
-<img
+<ImageView
     src={require('@site/docs/panda-series/panda-touch/img/pt_back.png').default}
     alt="" width="550"
 />
@@ -36,7 +36,7 @@ Slide the power switch to `Battery Power` to operate Panda Touch on its lithium
 
 ### Charging Dock
 
-<img
+<ImageView
     src={require('@site/docs/panda-series/panda-touch/img/charging_dock.png').default}
     alt="" width="550"
 />
@@ -61,28 +61,28 @@ The power input features hot-swap protection, allowing users to hot-swap the pow
 
 * Assemble the charging dock and mounting bracket using a hex/Allen wrench and two M3x6 FHCS screws, as shown in the diagram.
 
-<img
+<ImageView
     src={require('@site/docs/panda-series/panda-touch/img/pt_1_1.png').default}
     alt="" width="300"
 />
 
 * Peel the film from the bottom of the mounting bracket.
 
-<img
+<ImageView
     src={require('@site/docs/panda-series/panda-touch/img/pt_1_2.png').default}
     alt="" width="300"
 />
 
 Ensure the printer surface is clean and free of oil, grease, or other contaminants. Secure the assembled charging dock at the center of the original screen. Apply pressure to ensure complete adhesion, and allow 12 hours for optimal bonding strength.
 
-<img
+<ImageView
     src={require('@site/docs/panda-series/panda-touch/img/pt_1_3.png').default}
     alt="" width="300"
 />
 
 * Connect Panda Touch to the charging dock.
 
-<img
+<ImageView
     src={require('@site/docs/panda-series/panda-touch/img/pt_1_4.png').default}
     alt="" width="300"
 />
@@ -91,18 +91,18 @@ Ensure the printer surface is clean and free of oil, grease, or other contaminan
 
 - Remove the foam cover from the printer's USB port to access it.
 
-    <img src={require('@site/docs/panda-series/panda-touch/img/pt_2_1.png').default} alt="" width="300" />
+    <ImageView src={require('@site/docs/panda-series/panda-touch/img/pt_2_1.png').default} alt="" width="300" />
 
 - Thread the charging cable through the hole on the right side of the printer, then insert the USB-C end into the power input of the charging dock.
     
-    <img src={require('@site/docs/panda-series/panda-touch/img/pt_2_2.png').default} alt="" width="300" />
+    <ImageView src={require('@site/docs/panda-series/panda-touch/img/pt_2_2.png').default} alt="" width="300" />
 
 - Connect the power supply by inserting the USB-A end of the charging cable into the printer's USB port. Then route the cable through the clip as shown in the illustration.
 
 > Tip:
 > Ensure the cable is fully secured in the clip to prevent the tool head from snagging it during retraction.
 
-    <img src={require('@site/docs/panda-series/panda-touch/img/pt_2_3.png').default} alt="" width="300" />
+    <ImageView src={require('@site/docs/panda-series/panda-touch/img/pt_2_3.png').default} alt="" width="300" />
 
 - The rear power switch offers three positions.
   * In the `Off` position, the battery charges but Panda Touch remains powered off.
@@ -111,8 +111,8 @@ Ensure the printer surface is clean and free of oil, grease, or other contaminan
 
 * When switched to the DC 5V position, Panda Touch is powered directly by the USB input while continuing to charge the battery. Removing it from the dock will turn off the power, and Panda Touch will not drain the battery. This mode is recommended for users who frequently power the printer on and off, as it maintains the battery charge cycle. Should these users wish to operate Panda Touch in portable mode, they can switch the power source to battery power after removing it from the dock.
 
-    <img src={require('@site/docs/panda-series/panda-touch/img/pt_2_4.png').default} alt="" width="300" />
+    <ImageView src={require('@site/docs/panda-series/panda-touch/img/pt_2_4.png').default} alt="" width="300" />
 
 - Panda Touch has been successfully installed and powered on. Please follow the on-screen instructions to complete the setup.
   
-    <img src={require('@site/docs/panda-series/panda-touch/img/pt_2_5.png').default} alt="" width="300" />
+    <ImageView src={require('@site/docs/panda-series/panda-touch/img/pt_2_5.png').default} alt="" width="300" />
diff --git a/package.json b/package.json
index b12fe18..809d05f 100644
--- a/package.json
+++ b/package.json
@@ -20,10 +20,10 @@
     "@easyops-cn/docusaurus-search-local": "^0.52.1",
     "@mdx-js/react": "^3.0.0",
     "clsx": "^2.0.0",
-    "docusaurus-plugin-image-zoom": "^3.0.1",
     "prism-react-renderer": "^2.3.0",
     "react": "^19.0.0",
     "react-dom": "^19.0.0",
+    "react-photo-view": "^1.2.7",
     "rehype-katex": "7",
     "remark-math": "6"
   },
diff --git a/src/components/ImageView/index.tsx b/src/components/ImageView/index.tsx
new file mode 100644
index 0000000..4071df6
--- /dev/null
+++ b/src/components/ImageView/index.tsx
@@ -0,0 +1,21 @@
+import React from 'react';
+import { PhotoProvider, PhotoView } from 'react-photo-view';
+import 'react-photo-view/dist/react-photo-view.css';
+
+interface ImageViewProps extends React.ImgHTMLAttributes<HTMLImageElement> {}
+
+export const ImageView: React.FC<ImageViewProps> = ({ src, children, ...rest }) => {
+  if (!src) return null;
+
+  return (
+    <PhotoProvider>
+      <PhotoView src={src}>
+        <img
+          src={src}
+          {...rest}
+          style={{ cursor: 'zoom-in', ...rest.style }}
+        />
+      </PhotoView>
+    </PhotoProvider>
+  );
+};
diff --git a/src/theme/MDXComponents.tsx b/src/theme/MDXComponents.tsx
new file mode 100644
index 0000000..4e1db63
--- /dev/null
+++ b/src/theme/MDXComponents.tsx
@@ -0,0 +1,9 @@
+import React from 'react';
+import MDXComponents from '@theme-original/MDXComponents';
+import { ImageView } from '@site/src/components/ImageView';
+
+export default {
+    ...MDXComponents,
+    
+    ImageView,
+};