diff --git a/docs/guide/cni.md b/docs/guide/cni.md
index 3d50bd7ef..0d37074af 100644
--- a/docs/guide/cni.md
+++ b/docs/guide/cni.md
@@ -8,7 +8,7 @@ This feature mainly provides basic CNI functionality for edge containers. In the
 
 You can enable the Edge CNI feature by following these steps:
 
-![流程图](images\cni\CNIworkflow.png)
+![流程图](./images/cni/CNIworkflow.png)
 
 ### 1. Install the Unified IPAM Plugin
 
@@ -91,4 +91,4 @@ In addition to the aforementioned CNI requirements, the most important aspect is
 
 So, in this project, we have decided not to replace existing CNI implementations such as Flannel, Calico, but to work in coordination with them to achieve cloud-to-edge/edge-to-edge cross-network communication. The overall system architecture is depicted in the diagram below:
 
-![架构图](images\cni\arch.png)
\ No newline at end of file
+![架构图](./images/cni/arch.png)
\ No newline at end of file
diff --git a/docs/.vuepress/public/images/cni/CNIworkflow.png b/docs/guide/images/cni/CNIworkflow.png
similarity index 100%
rename from docs/.vuepress/public/images/cni/CNIworkflow.png
rename to docs/guide/images/cni/CNIworkflow.png
diff --git a/docs/.vuepress/public/images/cni/arch.png b/docs/guide/images/cni/arch.png
similarity index 100%
rename from docs/.vuepress/public/images/cni/arch.png
rename to docs/guide/images/cni/arch.png
diff --git a/docs/zh/guide/cni.md b/docs/zh/guide/cni.md
index 7d5d22b6b..52ee9a08b 100644
--- a/docs/zh/guide/cni.md
+++ b/docs/zh/guide/cni.md
@@ -8,7 +8,7 @@
 
 您可以通过以下的步骤启用边缘 CNI 功能：
 
-![流程图](images\cni\CNIworkflow.png)
+![流程图](./../../guide/images/cni/CNIworkflow.png)
 
 ### 1. 安装统一 IPAM 插件
 
@@ -95,4 +95,4 @@ helm安装 : [Helm 安装 | EdgeMesh在新窗口打开](https://edgemesh.netlify
 
 ​		所以我们决定此次项目并不替代Flannel, Calico等CNI实现，而是与这些CNI实现相互配合实现云边/边边跨网络通信，主要的系统架构如下图所示：
 
-![架构图](images\cni\arch.png)
+![架构图](./../../guide/images/cni/arch.png)