diff --git a/docs/en/develop/1-ready-to-work.md b/docs/en/develop/1-ready-to-work.md
index 698c7deb..fab06f7c 100644
--- a/docs/en/develop/1-ready-to-work.md
+++ b/docs/en/develop/1-ready-to-work.md
@@ -1,4 +1,4 @@
-English | [Chinese](/docs/zh/develop/1-ready-to-work.md)
+English | [Chinese](../../zh/develop/1-ready-to-work.md)
 
 # Preparation before development
 
diff --git a/docs/en/develop/2-catalog-introduction.md b/docs/en/develop/2-catalog-introduction.md
index bb0d7b92..e229222c 100644
--- a/docs/en/develop/2-catalog-introduction.md
+++ b/docs/en/develop/2-catalog-introduction.md
@@ -1,4 +1,4 @@
-English | [Chinese](/docs/zh/develop/2-catalog-introduction.md)
+English | [Chinese](../../zh/develop/2-catalog-introduction.md)
 
 # Introduction to the first-level directory
 
@@ -90,7 +90,7 @@ English | [Chinese](/docs/zh/develop/2-catalog-introduction.md)
 
 # Directory Introduction for test
 
-[English](/docs/en/test/2-catalog-introduction.md) | [Chinese](/docs/zh/test/2-catalog-introduction.md)
+[English](../../en/test/2-catalog-introduction.md) | [Chinese](../../zh/test/2-catalog-introduction.md)
 
 # Catalog Introduction-Image Version
 
diff --git a/docs/en/develop/3-0-how-to-develop.md b/docs/en/develop/3-0-how-to-develop.md
index 72e1348d..8014adb6 100644
--- a/docs/en/develop/3-0-how-to-develop.md
+++ b/docs/en/develop/3-0-how-to-develop.md
@@ -1,4 +1,4 @@
-English | [Chinese](/docs/zh/develop/3-0-how-to-develop.md)
+English | [Chinese](../../zh/develop/3-0-how-to-develop.md)
 
 # Develop a new resource list page
 
diff --git a/docs/en/develop/3-1-BaseList-introduction.md b/docs/en/develop/3-1-BaseList-introduction.md
index 2ef61a8a..f70b92ef 100644
--- a/docs/en/develop/3-1-BaseList-introduction.md
+++ b/docs/en/develop/3-1-BaseList-introduction.md
@@ -1,38 +1,38 @@
-English | [Chinese](/docs/zh/develop/3-1-BaseList-introduction.md)
+English | [Chinese](../../zh/develop/3-1-BaseList-introduction.md)
 
 # Application
 
 - The base class of each resource list page
 
-  ![List page](/docs/en/develop/images/list/volumes.png)
+  ![List page](../../en/develop/images/list/volumes.png)
 
 - Support data paging
 
-  ![List page pagination](/docs/en/develop/images/list/pagination.png)
+  ![List page pagination](../../en/develop/images/list/pagination.png)
 
 - Support search
 
-  ![List page search](/docs/en/develop/images/list/search.png)
+  ![List page search](../../en/develop/images/list/search.png)
 
 - Support manual refresh of data
 
-  ![List page fresh](/docs/en/develop/images/list/fresh.png)
+  ![List page fresh](../../en/develop/images/list/fresh.png)
 
 - Support data download
 
-  ![List page download](/docs/en/develop/images/list/download.png)
+  ![List page download](../../en/develop/images/list/download.png)
 
 - Support batch operation
 
-  ![List page batch](/docs/en/develop/images/list/batch.png)
+  ![List page batch](../../en/develop/images/list/batch.png)
 
 - With automatic data refresh function (automatically refresh the list data every 60 seconds, if the user does not operate, no automatic refresh after 30 minutes, the automatic refresh function can be paused)
 
-  ![List page auto-refresh](/docs/en/develop/images/list/stop-auto-refresh.png)
+  ![List page auto-refresh](../../en/develop/images/list/stop-auto-refresh.png)
 
 - Configurable list header
 
-  ![List page table columns hide/show](/docs/en/develop/images/list/hide.png)
+  ![List page table columns hide/show](../../en/develop/images/list/hide.png)
 
 - Each resource list page can be completed by copy function
 
@@ -299,7 +299,7 @@ English | [Chinese](/docs/zh/develop/3-1-BaseList-introduction.md)
     }
     ```
 
-    ![List page Tab](/docs/en/develop/images/list/tab-service.png)
+    ![List page Tab](../../en/develop/images/list/tab-service.png)
 
 - `hideCustom`
   - Whether to display the header configuration icon
diff --git a/docs/en/develop/3-10-FormItem-introduction.md b/docs/en/develop/3-10-FormItem-introduction.md
index 228d982a..568a2dda 100644
--- a/docs/en/develop/3-10-FormItem-introduction.md
+++ b/docs/en/develop/3-10-FormItem-introduction.md
@@ -1,4 +1,4 @@
-English | [简体中文](/docs/zh/develop/3-10-FormItem-introduction.md)
+English | [简体中文](../../zh/develop/3-10-FormItem-introduction.md)
 
 # Usage
 
@@ -29,7 +29,7 @@ English | [简体中文](/docs/zh/develop/3-10-FormItem-introduction.md)
       }
       ```
 
-      ![extra](/docs/zh/develop/images/form/form-extra.png)
+      ![extra](../../zh/develop/images/form/form-extra.png)
 
   - `tip`, the `?` icon at the right side of label, hover to see `tip`.
     - Take create instance as an example `src/pages/compute/containers/Instance/actions/StepCreate/BaseStep/index.jsx` :
@@ -49,7 +49,7 @@ English | [简体中文](/docs/zh/develop/3-10-FormItem-introduction.md)
       }
       ```
 
-      ![tip](/docs/zh/develop/images/form/form-tip.png)
+      ![tip](../../zh/develop/images/form/form-tip.png)
 
   - `validator`, validate whether the value of form item matchs requirements
     - Return `Promise`
@@ -108,7 +108,7 @@ English | [简体中文](/docs/zh/develop/3-10-FormItem-introduction.md)
       }
       ```
 
-      ![labelCol](/docs/zh/develop/images/form/label-col.png)
+      ![labelCol](../../zh/develop/images/form/label-col.png)
 
   - `wrapperCol`, adjust the layout of the right side of the form, default use of the layout defined under
     - Take resize instance as an example `src/pages/compute/containers/Instance/actions/Resize.jsx` :
@@ -133,7 +133,7 @@ English | [简体中文](/docs/zh/develop/3-10-FormItem-introduction.md)
       }
       ```
 
-      ![wrapperCol](/docs/zh/develop/images/form/wrapper-col.png)
+      ![wrapperCol](../../zh/develop/images/form/wrapper-col.png)
 
   - `style`, define the style of the form
     - Take create port as an example `src/pages/network/containers/VirtualAdapter/actions/Create.jsx`
@@ -210,7 +210,7 @@ English | [简体中文](/docs/zh/develop/3-10-FormItem-introduction.md)
         },
         ```
 
-        ![label](/docs/zh/develop/images/form/form-label.png)
+        ![label](../../zh/develop/images/form/form-label.png)
 
     - `content` attribute, default is base on `name` to show, if has `content`, will show things in `content`
       - `content` can be string / ReactNode
@@ -240,7 +240,7 @@ English | [简体中文](/docs/zh/develop/3-10-FormItem-introduction.md)
       },
       ```
 
-      ![input](/docs/zh/develop/images/form/input.png)
+      ![input](../../zh/develop/images/form/input.png)
 
   - `select`
     - selector
@@ -273,7 +273,7 @@ English | [简体中文](/docs/zh/develop/3-10-FormItem-introduction.md)
       },
       ```
 
-      ![select](/docs/zh/develop/images/form/select.png)
+      ![select](../../zh/develop/images/form/select.png)
 
     - `isWrappedValue`, indicates whether to include `option` information in the form item value
       - Default `false`, value is the value of selected `option`
@@ -289,7 +289,7 @@ English | [简体中文](/docs/zh/develop/3-10-FormItem-introduction.md)
       }
       ```
 
-      ![divider](/docs/zh/develop/images/form/form-divider.png)
+      ![divider](../../zh/develop/images/form/form-divider.png)
 
   - `radio`
     - radio
@@ -322,7 +322,7 @@ English | [简体中文](/docs/zh/develop/3-10-FormItem-introduction.md)
       },
       ```
 
-      ![radio](/docs/zh/develop/images/form/radio.png)
+      ![radio](../../zh/develop/images/form/radio.png)
 
     - `isWrappedValue`, indicates whether to include `option` information in the form item value
       - Default `false`, value is the value of selected `option`
@@ -390,7 +390,7 @@ English | [简体中文](/docs/zh/develop/3-10-FormItem-introduction.md)
       },
       ```
 
-      ![select-table](/docs/zh/develop/images/form/select-table.png)
+      ![select-table](../../zh/develop/images/form/select-table.png)
 
     - Take create volumn as an example `src/pages/storage/containers/Volume/actions/Create/index.jsx` :
       - This is a table with tab, default to show the first tab, when switching tab, data source will change
@@ -421,7 +421,7 @@ English | [简体中文](/docs/zh/develop/3-10-FormItem-introduction.md)
       }
       ```
 
-      ![select-table-tabs](/docs/zh/develop/images/form/select-table-tabs.png)
+      ![select-table-tabs](../../zh/develop/images/form/select-table-tabs.png)
 
   - `input-number`
     - Number input
@@ -441,7 +441,7 @@ English | [简体中文](/docs/zh/develop/3-10-FormItem-introduction.md)
       },
       ```
 
-      ![input-number](/docs/zh/develop/images/form/input-number.png)
+      ![input-number](../../zh/develop/images/form/input-number.png)
 
   - `input-int`
     - Integer input
@@ -460,7 +460,7 @@ English | [简体中文](/docs/zh/develop/3-10-FormItem-introduction.md)
       }
       ```
 
-      ![input-int](/docs/zh/develop/images/form/input-int.png)
+      ![input-int](../../zh/develop/images/form/input-int.png)
 
   - `instance-volume`
     - Insatnce volume configuration component
@@ -483,7 +483,7 @@ English | [简体中文](/docs/zh/develop/3-10-FormItem-introduction.md)
       }
       ```
 
-      ![instance-volume](/docs/zh/develop/images/form/instance-volume.png)
+      ![instance-volume](../../zh/develop/images/form/instance-volume.png)
 
   - `input-password`
     - password input
@@ -509,7 +509,7 @@ English | [简体中文](/docs/zh/develop/3-10-FormItem-introduction.md)
       },
       ```
 
-      ![input-password](/docs/zh/develop/images/form/input-password.png)
+      ![input-password](../../zh/develop/images/form/input-password.png)
 
   - `input-name`
     - Name input box with format verification
@@ -532,7 +532,7 @@ English | [简体中文](/docs/zh/develop/3-10-FormItem-introduction.md)
       }
       ```
 
-      ![input-name](/docs/zh/develop/images/form/input-name.png)
+      ![input-name](../../zh/develop/images/form/input-name.png)
 
   - `port-range`
     - Port input with Verification
@@ -548,7 +548,7 @@ English | [简体中文](/docs/zh/develop/3-10-FormItem-introduction.md)
       }
       ```
 
-      ![port-range](/docs/zh/develop/images/form/port-range.png)
+      ![port-range](../../zh/develop/images/form/port-range.png)
 
   - `more`
     - Hide / show more configuration items
@@ -562,7 +562,7 @@ English | [简体中文](/docs/zh/develop/3-10-FormItem-introduction.md)
       }
       ```
 
-      ![more](/docs/zh/develop/images/form/more.png)
+      ![more](../../zh/develop/images/form/more.png)
 
   - `textarea`
     - textarea
@@ -576,7 +576,7 @@ English | [简体中文](/docs/zh/develop/3-10-FormItem-introduction.md)
       }
       ```
 
-      ![textarea](/docs/zh/develop/images/form/textarea.png)
+      ![textarea](../../zh/develop/images/form/textarea.png)
 
   - `upload`
     - file upload
@@ -591,7 +591,7 @@ English | [简体中文](/docs/zh/develop/3-10-FormItem-introduction.md)
       }
       ```
 
-      ![upload](/docs/zh/develop/images/form/upload.png)
+      ![upload](../../zh/develop/images/form/upload.png)
 
   - `add-select`
     - Can added, delete an entry form item
@@ -622,7 +622,7 @@ English | [简体中文](/docs/zh/develop/3-10-FormItem-introduction.md)
       },
       ```
 
-      ![add-select](/docs/zh/develop/images/form/add-select.png)
+      ![add-select](../../zh/develop/images/form/add-select.png)
 
   - `ip-input`
     - IP input with verification
@@ -643,7 +643,7 @@ English | [简体中文](/docs/zh/develop/3-10-FormItem-introduction.md)
       }
       ```
 
-      ![ip-input](/docs/zh/develop/images/form/ip-input.png)
+      ![ip-input](../../zh/develop/images/form/ip-input.png)
 
   - `member-allocator`
     - Member allocator used in load balancer
@@ -658,7 +658,7 @@ English | [简体中文](/docs/zh/develop/3-10-FormItem-introduction.md)
       }
       ```
 
-      ![member-allocator](/docs/zh/develop/images/form/member-allocator.png)
+      ![member-allocator](../../zh/develop/images/form/member-allocator.png)
 
   - `descriptions`
     - A form item to show types of information
@@ -712,7 +712,7 @@ English | [简体中文](/docs/zh/develop/3-10-FormItem-introduction.md)
       }
       ```
 
-      ![descriptions](/docs/zh/develop/images/form/descriptions.png)
+      ![descriptions](../../zh/develop/images/form/descriptions.png)
 
   - `slider-input`
     - Input + Slider linkage form item
@@ -735,7 +735,7 @@ English | [简体中文](/docs/zh/develop/3-10-FormItem-introduction.md)
       },
       ```
 
-      ![slider-input](/docs/zh/develop/images/form/slider-input.png)
+      ![slider-input](../../zh/develop/images/form/slider-input.png)
 
   - `title`
     - Show title
@@ -748,7 +748,7 @@ English | [简体中文](/docs/zh/develop/3-10-FormItem-introduction.md)
       }
       ```
 
-      ![title](/docs/zh/develop/images/form/title.png)
+      ![title](../../zh/develop/images/form/title.png)
 
   - `switch`
     - switch form item
@@ -770,7 +770,7 @@ English | [简体中文](/docs/zh/develop/3-10-FormItem-introduction.md)
       }
       ```
 
-      ![switch](/docs/zh/develop/images/form/switch.png)
+      ![switch](../../zh/develop/images/form/switch.png)
 
   - `check`
     - checkbox
@@ -787,7 +787,7 @@ English | [简体中文](/docs/zh/develop/3-10-FormItem-introduction.md)
       },
       ```
 
-      ![check](/docs/zh/develop/images/form/check.png)
+      ![check](../../zh/develop/images/form/check.png)
 
   - `transfer`
     - transfer form item
@@ -817,7 +817,7 @@ English | [简体中文](/docs/zh/develop/3-10-FormItem-introduction.md)
       }
       ```
 
-      ![transfer](/docs/zh/develop/images/form/transfer.png)
+      ![transfer](../../zh/develop/images/form/transfer.png)
 
   - `check-group`
     - checkbox group
@@ -839,7 +839,7 @@ English | [简体中文](/docs/zh/develop/3-10-FormItem-introduction.md)
       }
       ```
 
-      ![check-group](/docs/zh/develop/images/form/check-group.png)
+      ![check-group](../../zh/develop/images/form/check-group.png)
 
   - `textarea-from-file`
     - Textarea with read file feature
@@ -856,7 +856,7 @@ English | [简体中文](/docs/zh/develop/3-10-FormItem-introduction.md)
       }
       ```
 
-      ![textarea-from-file](/docs/zh/develop/images/form/textarea-from-file.png)
+      ![textarea-from-file](../../zh/develop/images/form/textarea-from-file.png)
 
   - `ip-distributer`
     - IP distributer
@@ -876,7 +876,7 @@ English | [简体中文](/docs/zh/develop/3-10-FormItem-introduction.md)
       }
       ```
 
-      ![ip-distributer](/docs/zh/develop/images/form/ip-distributer.png)
+      ![ip-distributer](../../zh/develop/images/form/ip-distributer.png)
 
   - `mac-address`
     - Mac address input
@@ -893,7 +893,7 @@ English | [简体中文](/docs/zh/develop/3-10-FormItem-introduction.md)
       }
       ```
 
-      ![mac-address](/docs/zh/develop/images/form/mac-address.png)
+      ![mac-address](../../zh/develop/images/form/mac-address.png)
 
   - `network-select-table`
     - network selector
@@ -910,7 +910,7 @@ English | [简体中文](/docs/zh/develop/3-10-FormItem-introduction.md)
       },
       ```
 
-      ![network-select-table](/docs/zh/develop/images/form/network-select-table.png)
+      ![network-select-table](../../zh/develop/images/form/network-select-table.png)
 
   - `volume-select-table`
     - volume selector
@@ -937,7 +937,7 @@ English | [简体中文](/docs/zh/develop/3-10-FormItem-introduction.md)
       }
       ```
 
-      ![volume-select-table](/docs/zh/develop/images/form/volume-select-table.png)
+      ![volume-select-table](../../zh/develop/images/form/volume-select-table.png)
 
   - `tab-select-table`
     - select table with tabs
@@ -957,7 +957,7 @@ English | [简体中文](/docs/zh/develop/3-10-FormItem-introduction.md)
       }
       ```
 
-      ![tab-select-table](/docs/zh/develop/images/form/tab-select-table.png)
+      ![tab-select-table](../../zh/develop/images/form/tab-select-table.png)
 
   - `metadata-transfer`
     - metadata transfer form item
@@ -978,7 +978,7 @@ English | [简体中文](/docs/zh/develop/3-10-FormItem-introduction.md)
       }
       ```
 
-      ![metadata-transfer](/docs/zh/develop/images/form/metadata-transfer.png)
+      ![metadata-transfer](../../zh/develop/images/form/metadata-transfer.png)
 
   - `aceEditor`
     - aceEditor
@@ -1014,7 +1014,7 @@ English | [简体中文](/docs/zh/develop/3-10-FormItem-introduction.md)
       }
       ```
 
-      ![aceEditor](/docs/zh/develop/images/form/ace-editor.png)
+      ![aceEditor](../../zh/develop/images/form/ace-editor.png)
 
   - `input-json`
     - input value in type of json
@@ -1044,4 +1044,4 @@ English | [简体中文](/docs/zh/develop/3-10-FormItem-introduction.md)
       };
       ```
 
-      ![input-json](/docs/zh/develop/images/form/input-json.png)
+      ![input-json](../../zh/develop/images/form/input-json.png)
diff --git a/docs/en/develop/3-11-Action-introduction.md b/docs/en/develop/3-11-Action-introduction.md
index 2a200e2a..7c3c1bdc 100644
--- a/docs/en/develop/3-11-Action-introduction.md
+++ b/docs/en/develop/3-11-Action-introduction.md
@@ -1,10 +1,10 @@
-English | [简体中文](/docs/zh/develop/3-11-Action-introduction.md)
+English | [简体中文](../../zh/develop/3-11-Action-introduction.md)
 
 # Usage
 
 - Configure all the actions corresponding to resources
 
-  ![Action](/docs/zh/develop/images/form/action.png)
+  ![Action](../../zh/develop/images/form/action.png)
 
 - After writing the corresponding configuration, the action button will be displayed in the corresponding position of resource list page.
 
@@ -107,11 +107,11 @@ English | [简体中文](/docs/zh/develop/3-11-Action-introduction.md)
   - Supports two types of configurations, corresponding to different display schemes
     - Each item is an object include `action` attribute
 
-      ![volume-action](/docs/zh/develop/images/form/volume-action.png)
+      ![volume-action](../../zh/develop/images/form/volume-action.png)
 
     - Each item is an object include `title`, `actions` attributes
 
-      ![instance-action](/docs/zh/develop/images/form/instance-action.png)
+      ![instance-action](../../zh/develop/images/form/instance-action.png)
 
       - Take instance actions as an example `src/pages/compute/containers/Instance/actions/index.jsx` :
 
diff --git a/docs/en/develop/3-12-Menu-introduction.md b/docs/en/develop/3-12-Menu-introduction.md
index d8be5115..f2ff8cd0 100644
--- a/docs/en/develop/3-12-Menu-introduction.md
+++ b/docs/en/develop/3-12-Menu-introduction.md
@@ -1,15 +1,15 @@
-English | [简体中文](/docs/zh/develop/3-12-Menu-introduction.md)
+English | [简体中文](../../zh/develop/3-12-Menu-introduction.md)
 
 # Usage
 
 - Jump to the corresponding page after click
 - Configuration of menu item on the left side of the console platform
 
-  ![console-platform](/docs/zh/develop/images/menu/console-menu.png)
+  ![console-platform](../../zh/develop/images/menu/console-menu.png)
 
 - Configuration of menu item on the left side of the management platform
 
-  ![management-platform](/docs/zh/develop/images/menu/admin-menu.png)
+  ![management-platform](../../zh/develop/images/menu/admin-menu.png)
 
 - Support first-level menu with icon
 - Support secondary menu expand
diff --git a/docs/en/develop/3-13-Route-introduction.md b/docs/en/develop/3-13-Route-introduction.md
index a0448bd7..ca52f31d 100644
--- a/docs/en/develop/3-13-Route-introduction.md
+++ b/docs/en/develop/3-13-Route-introduction.md
@@ -1,4 +1,4 @@
-English | [简体中文](/docs/zh/develop/3-13-Route-introduction.md)
+English | [简体中文](../../zh/develop/3-13-Route-introduction.md)
 
 # Usage
 
diff --git a/docs/en/develop/3-14-I18n-introduction.md b/docs/en/develop/3-14-I18n-introduction.md
index 297705ca..e193a773 100644
--- a/docs/en/develop/3-14-I18n-introduction.md
+++ b/docs/en/develop/3-14-I18n-introduction.md
@@ -1,12 +1,12 @@
-English | [简体中文](/docs/zh/develop/3-14-I18n-introduction.md)
+English | [简体中文](../../zh/develop/3-14-I18n-introduction.md)
 
 # Usage
 
 - Framework supports internationalization, default support in English, Chinese
 
-  ![i18n](/docs/zh/develop/images/i18n/i18n.png)
+  ![i18n](../../zh/develop/images/i18n/i18n.png)
 
-  ![english](/docs/zh/develop/images/i18n/english.png)
+  ![english](../../zh/develop/images/i18n/english.png)
 
 # Code location
 
diff --git a/docs/en/develop/3-2-BaseTabList-introduction.md b/docs/en/develop/3-2-BaseTabList-introduction.md
index 6adb3649..39f87b18 100644
--- a/docs/en/develop/3-2-BaseTabList-introduction.md
+++ b/docs/en/develop/3-2-BaseTabList-introduction.md
@@ -1,10 +1,10 @@
-English | [Chinese](/docs/zh/develop/3-2-BaseTabList-introduction.md)
+English | [Chinese](../../zh/develop/3-2-BaseTabList-introduction.md)
 
 # Application
 
 - The base class of each switchable list page
 
-  ![Tab list page](/docs/en/develop/images/list/tab-list.png)
+  ![Tab list page](../../en/develop/images/list/tab-list.png)
 
 - Support automatic processing of data display when switching
 
diff --git a/docs/en/develop/3-3-BaseDetail-introduction.md b/docs/en/develop/3-3-BaseDetail-introduction.md
index d04f61d5..e44ce158 100644
--- a/docs/en/develop/3-3-BaseDetail-introduction.md
+++ b/docs/en/develop/3-3-BaseDetail-introduction.md
@@ -1,8 +1,8 @@
-English | [Chinese](/docs/zh/develop/3-3-BaseDetail-introduction.md)
+English | [Chinese](../../zh/develop/3-3-BaseDetail-introduction.md)
 
 # Application
 
-![Details page](/docs/en/develop/images/detail/volume.png)
+![Details page](../../en/develop/images/detail/volume.png)
 
 - The base class of each resource detail page
 - Support return to list page
diff --git a/docs/en/develop/3-4-BaseDetailInfo-introduction.md b/docs/en/develop/3-4-BaseDetailInfo-introduction.md
index 01c5395a..db0cd1bf 100644
--- a/docs/en/develop/3-4-BaseDetailInfo-introduction.md
+++ b/docs/en/develop/3-4-BaseDetailInfo-introduction.md
@@ -1,8 +1,8 @@
-English | [Chinese](/docs/zh/develop/3-4-BaseDetailInfo-introduction.md)
+English | [Chinese](../../zh/develop/3-4-BaseDetailInfo-introduction.md)
 
 # Application
 
-![Details page](/docs/en/develop/images/detail/image-detail-info.png)
+![Details page](../../en/develop/images/detail/image-detail-info.png)
 
 - The base class of components in the Details Tab of each resource detail page
 - Left and right structure display
diff --git a/docs/en/develop/3-5-BaseStore-introduction.md b/docs/en/develop/3-5-BaseStore-introduction.md
index 8e812d33..b1c80038 100644
--- a/docs/en/develop/3-5-BaseStore-introduction.md
+++ b/docs/en/develop/3-5-BaseStore-introduction.md
@@ -1,4 +1,4 @@
-English | [Chinese](/docs/zh/develop/3-5-BaseStore-introduction.md)
+English | [Chinese](../../zh/develop/3-5-BaseStore-introduction.md)
 
 # Application
 
@@ -82,7 +82,7 @@ English | [Chinese](/docs/zh/develop/3-5-BaseStore-introduction.md)
     }
     ```
 
-    ![Request](/docs/en/develop/images/store/response-key.png)
+    ![Request](../../en/develop/images/store/response-key.png)
 
 ## Properties and functions for on-demand overridden
 
diff --git a/docs/en/develop/3-6-FormAction-introduction.md b/docs/en/develop/3-6-FormAction-introduction.md
index 695fa697..8e8e63d5 100644
--- a/docs/en/develop/3-6-FormAction-introduction.md
+++ b/docs/en/develop/3-6-FormAction-introduction.md
@@ -1,8 +1,8 @@
-English | [Chinese](/docs/zh/develop/3-6-FormAction-introduction.md)
+English | [Chinese](../../zh/develop/3-6-FormAction-introduction.md)
 
 # Application
 
-![Form single page](/docs/en/develop/images/form/page.png)
+![Form single page](../../en/develop/images/form/page.png)
 
 - After the operation button is clicked, a single page displays the Form form
 - There is an independent route for access
@@ -11,7 +11,7 @@ English | [Chinese](/docs/zh/develop/3-6-FormAction-introduction.md)
 - After clicking the `Cancel` button, it will automatically jump to the corresponding resource list page
 - If the request is sent successfully, a message indicating that the operation was successful will be displayed in the upper right corner, and the message will automatically disappear after a few seconds
 
-  ![Form single page](/docs/en/develop/images/form/create-success.png)
+  ![Form single page](../../en/develop/images/form/create-success.png)
 
 - If the request fails, an error message will be displayed in the upper right corner of the form page, which can only disappear after clicking the close button
 
diff --git a/docs/en/develop/3-7-ModalAction-introduction.md b/docs/en/develop/3-7-ModalAction-introduction.md
index 41c3dc18..d5d3c6a5 100644
--- a/docs/en/develop/3-7-ModalAction-introduction.md
+++ b/docs/en/develop/3-7-ModalAction-introduction.md
@@ -1,8 +1,8 @@
-English | [简体中文](/docs/zh/develop/3-7-ModalAction-introduction.md)
+English | [简体中文](../../zh/develop/3-7-ModalAction-introduction.md)
 
 # Usage
 
-![Modal Form](/docs/zh/develop/images/form/modal.png)
+![Modal Form](../../zh/develop/images/form/modal.png)
 
 - After click the action button, the form modal will display.
 - After click the `Confirm` button, the `loading` status will be displayed according to the status of request.
diff --git a/docs/en/develop/3-8-ConfirmAction-introduction.md b/docs/en/develop/3-8-ConfirmAction-introduction.md
index 9427275c..7a0ced59 100644
--- a/docs/en/develop/3-8-ConfirmAction-introduction.md
+++ b/docs/en/develop/3-8-ConfirmAction-introduction.md
@@ -1,8 +1,8 @@
-English | [简体中文](/docs/zh/develop/3-8-ConfirmAction-introduction.md)
+English | [简体中文](../../zh/develop/3-8-ConfirmAction-introduction.md)
 
 # Usage
 
-![Confirm](/docs/zh/develop/images/form/confirm.png)
+![Confirm](../../zh/develop/images/form/confirm.png)
 
 - After click the action button, the confirm modal will display.
 - After click the `Confirm` button, the `loading` status will be displayed according to the status of request.
diff --git a/docs/en/develop/3-9-StepAction-introduction.md b/docs/en/develop/3-9-StepAction-introduction.md
index 198f1540..e0d18538 100644
--- a/docs/en/develop/3-9-StepAction-introduction.md
+++ b/docs/en/develop/3-9-StepAction-introduction.md
@@ -1,8 +1,8 @@
-English | [简体中文](/docs/zh/develop/3-9-StepAction-introduction.md)
+English | [简体中文](../../zh/develop/3-9-StepAction-introduction.md)
 
 # Usage
 
-![StepForm](/docs/zh/develop/images/form/step.png)
+![StepForm](../../zh/develop/images/form/step.png)
 
 - After click the action button, the step modal will display.
 - Has it own route to visit
@@ -11,7 +11,7 @@ English | [简体中文](/docs/zh/develop/3-9-StepAction-introduction.md)
 - After click the `Cancle` button, will automatically jump to the corresponding resource list page
 - If the request is sent successfully, a prompt message of successful action will be displayed in the upper right corner, and it will automatically disappear after a few seconds.
 
-  ![FormOneStep](/docs/zh/develop/images/form/create-success.png)
+  ![FormOneStep](../../zh/develop/images/form/create-success.png)
 
 - If the request fails, an error message will be displayed in the upper right corner of the form page, which can only disappear after clicking the close button.
 
diff --git a/docs/en/test/1-ready-to-work.md b/docs/en/test/1-ready-to-work.md
index a7d86d06..0983bd18 100644
--- a/docs/en/test/1-ready-to-work.md
+++ b/docs/en/test/1-ready-to-work.md
@@ -1,4 +1,4 @@
-English | [简体中文](/docs/zh/test/1-ready-to-work.md)
+English | [简体中文](../../zh/test/1-ready-to-work.md)
 
 # Two kinds of tests
 
diff --git a/docs/en/test/2-catalog-introduction.md b/docs/en/test/2-catalog-introduction.md
index 6c694702..1cb643c9 100644
--- a/docs/en/test/2-catalog-introduction.md
+++ b/docs/en/test/2-catalog-introduction.md
@@ -1,4 +1,4 @@
-English | [简体中文](/docs/zh/test/2-catalog-introduction.md)
+English | [简体中文](../../zh/test/2-catalog-introduction.md)
 
 ```
 test
diff --git a/docs/en/test/3-0-how-to-edit-e2e-case.md b/docs/en/test/3-0-how-to-edit-e2e-case.md
index 29e564e3..85574344 100644
--- a/docs/en/test/3-0-how-to-edit-e2e-case.md
+++ b/docs/en/test/3-0-how-to-edit-e2e-case.md
@@ -1,4 +1,4 @@
-English | [简体中文](/docs/zh/test/3-0-how-to-edit-e2e-case.md)
+English | [简体中文](../../zh/test/3-0-how-to-edit-e2e-case.md)
 
 For specific introduction and usage of Cypress, please refer to[Official document](https://docs.cypress.io/guides/overview/why-cypress)
 
diff --git a/docs/en/test/3-1-E2E-form-operation.md b/docs/en/test/3-1-E2E-form-operation.md
index 7f5bfdc1..f0c8f1d1 100644
--- a/docs/en/test/3-1-E2E-form-operation.md
+++ b/docs/en/test/3-1-E2E-form-operation.md
@@ -1,4 +1,4 @@
-English | [简体中文](/docs/zh/test/3-1-E2E-form-operation.md)
+English | [简体中文](../../zh/test/3-1-E2E-form-operation.md)
 
 Because of the consistency of the front-end framework, when we write related use cases for form operations, select elements and operate, we often find that there is a strong regularity, so we have written corresponding Cypress functions for most of the form operations. It greatly reduces the difficulty of writing test cases. The following will give a detailed description of the main form operation functions.
 
diff --git a/docs/en/test/3-2-E2E-table-operation.md b/docs/en/test/3-2-E2E-table-operation.md
index 2738faff..64568a87 100644
--- a/docs/en/test/3-2-E2E-table-operation.md
+++ b/docs/en/test/3-2-E2E-table-operation.md
@@ -1,4 +1,4 @@
-English | [简体中文](/docs/zh/test/3-2-E2E-table-operation.md)
+English | [简体中文](../../zh/test/3-2-E2E-table-operation.md)
 
 Because of the consistent use of the front-end framework, when we write related use cases for form operations, select elements and perform operations, we often find that there is a strong regularity, so we have written corresponding Cypress functions for most table operations. It greatly reduces the difficulty of writing test cases. The following will give a detailed description of the main table operation functions.
 
diff --git a/docs/en/test/3-3-E2E-detail-operation.md b/docs/en/test/3-3-E2E-detail-operation.md
index 6a216af7..a12a795c 100644
--- a/docs/en/test/3-3-E2E-detail-operation.md
+++ b/docs/en/test/3-3-E2E-detail-operation.md
@@ -1,4 +1,4 @@
-English | [简体中文](/docs/zh/test/3-3-E2E-detail-operation.md)
+English | [简体中文](../../zh/test/3-3-E2E-detail-operation.md)
 
 Because of the consistency of the front-end framework, we often find that there is a strong regularity when we write related use cases for detailed operations, select elements and perform operations, so we have written corresponding Cypress functions for most detailed operations. It greatly reduces the difficulty of writing test cases. The following will give a detailed description of the main table operation functions.
 
diff --git a/docs/en/test/3-4-E2E-resource-operation.md b/docs/en/test/3-4-E2E-resource-operation.md
index e0a7c1de..392f812d 100644
--- a/docs/en/test/3-4-E2E-resource-operation.md
+++ b/docs/en/test/3-4-E2E-resource-operation.md
@@ -1,4 +1,4 @@
-English | [简体中文]](/docs/zh/test/3-4-E2E-resource-operation.md)
+English | [简体中文]](../../zh/test/3-4-E2E-resource-operation.md)
 
 In the E2E process, when creating a resource, it is often necessary to create the associated resource first, and after deleting the resource, the related resource also needs to be deleted. Therefore, the operation of the related resource is encapsulated based on the principle of complete creation/deletion.
 
diff --git a/docs/zh/develop/1-ready-to-work.md b/docs/zh/develop/1-ready-to-work.md
index 7e0f0722..e744ff5f 100644
--- a/docs/zh/develop/1-ready-to-work.md
+++ b/docs/zh/develop/1-ready-to-work.md
@@ -1,4 +1,4 @@
-简体中文 | [English](/docs/en/develop/1-ready-to-work.md)
+简体中文 | [English](../../en/develop/1-ready-to-work.md)
 
 # 开发前准备
 
diff --git a/docs/zh/develop/2-catalog-introduction.md b/docs/zh/develop/2-catalog-introduction.md
index 640165e7..4b39cfe1 100644
--- a/docs/zh/develop/2-catalog-introduction.md
+++ b/docs/zh/develop/2-catalog-introduction.md
@@ -1,4 +1,4 @@
-简体中文 | [English](/docs/en/develop/2-catalog-introduction.md)
+简体中文 | [English](../../en/develop/2-catalog-introduction.md)
 
 # 一级目录简介
 
@@ -90,7 +90,7 @@
 
 # test 目录介绍
 
-[简体中文](/docs/zh/test/2-catalog-introduction.md) | [English](/docs/en/test/2-catalog-introduction.md)
+[简体中文](../../zh/test/2-catalog-introduction.md) | [English](../../en/test/2-catalog-introduction.md)
 
 # 目录简介-图像版
 
diff --git a/docs/zh/develop/3-0-how-to-develop.md b/docs/zh/develop/3-0-how-to-develop.md
index f9649513..5a5886b8 100644
--- a/docs/zh/develop/3-0-how-to-develop.md
+++ b/docs/zh/develop/3-0-how-to-develop.md
@@ -1,4 +1,4 @@
-简体中文 | [English](/docs/en/develop/3-0-how-to-develop.md)
+简体中文 | [English](../../en/develop/3-0-how-to-develop.md)
 
 # 开发一个新的资源列表页
 
diff --git a/docs/zh/develop/3-1-BaseList-introduction.md b/docs/zh/develop/3-1-BaseList-introduction.md
index c5c31705..64cb7e16 100644
--- a/docs/zh/develop/3-1-BaseList-introduction.md
+++ b/docs/zh/develop/3-1-BaseList-introduction.md
@@ -1,38 +1,38 @@
-简体中文 | [English](/docs/en/develop/3-1-BaseList-introduction.md)
+简体中文 | [English](../../en/develop/3-1-BaseList-introduction.md)
 
 # 用途
 
 - 各资源列表页的基类
 
-  ![列表页](/docs/zh/develop/images/list/volumes.png)
+  ![列表页](../../zh/develop/images/list/volumes.png)
 
 - 支持数据分页
 
-  ![列表页分页](/docs/zh/develop/images/list/pagination.png)
+  ![列表页分页](../../zh/develop/images/list/pagination.png)
 
 - 支持搜索
 
-  ![列表页搜索](/docs/zh/develop/images/list/search.png)
+  ![列表页搜索](../../zh/develop/images/list/search.png)
 
 - 支持手动刷新数据
 
-  ![列表页刷新](/docs/zh/develop/images/list/fresh.png)
+  ![列表页刷新](../../zh/develop/images/list/fresh.png)
 
 - 支持数据下载
 
-  ![列表页下载](/docs/zh/develop/images/list/download.png)
+  ![列表页下载](../../zh/develop/images/list/download.png)
 
 - 支持批量操作
 
-  ![列表页批量](/docs/zh/develop/images/list/batch.png)
+  ![列表页批量](../../zh/develop/images/list/batch.png)
 
 - 具有自动刷新数据的功能(每隔 60 秒自动刷新列表数据，用户无操作的情况下，30 分钟后不再自动刷新，可暂停自动刷新功能)
 
-  ![列表页自动刷新](/docs/zh/develop/images/list/stop-auto-refresh.png)
+  ![列表页自动刷新](../../zh/develop/images/list/stop-auto-refresh.png)
 
 - 可配置列表表头
 
-  ![列表页表头隐藏/展示](/docs/zh/develop/images/list/hide.png)
+  ![列表页表头隐藏/展示](../../zh/develop/images/list/hide.png)
 
 - 各资源列表页通过复写函数即可完成
 
@@ -299,7 +299,7 @@
     }
     ```
 
-    ![列表页Tab](/docs/zh/develop/images/list/tab-service.png)
+    ![列表页Tab](../../zh/develop/images/list/tab-service.png)
 
 - `hideCustom`
   - 是否显示表头配置图标
diff --git a/docs/zh/develop/3-10-FormItem-introduction.md b/docs/zh/develop/3-10-FormItem-introduction.md
index 52fd2576..ce357e2e 100644
--- a/docs/zh/develop/3-10-FormItem-introduction.md
+++ b/docs/zh/develop/3-10-FormItem-introduction.md
@@ -1,4 +1,4 @@
-简体中文 | [English](/docs/en/develop/3-10-FormItem-introduction.md)
+简体中文 | [English](../../en/develop/3-10-FormItem-introduction.md)
 
 # 用途
 
@@ -29,7 +29,7 @@
       }
       ```
 
-      ![extra](/docs/zh/develop/images/form/form-extra.png)
+      ![extra](../../zh/develop/images/form/form-extra.png)
 
   - `tip`，表单项左侧标签旁边的问号悬停时显示的内容
     - 以创建云主机`src/pages/compute/containers/Instance/actions/StepCreate/BaseStep/index.jsx`为例
@@ -49,7 +49,7 @@
       }
       ```
 
-      ![tip](/docs/zh/develop/images/form/form-tip.png)
+      ![tip](../../zh/develop/images/form/form-tip.png)
 
   - `validator`，验证表单的数值是否符合要求
     - 返回`Promise`
@@ -108,7 +108,7 @@
       }
       ```
 
-      ![labelCol](/docs/zh/develop/images/form/label-col.png)
+      ![labelCol](../../zh/develop/images/form/label-col.png)
 
   - `wrapperCol`，调整表单项右侧的布局，默认使用`Form`下定义的布局
     - 以云主机修改配置`src/pages/compute/containers/Instance/actions/Resize.jsx`为例
@@ -133,7 +133,7 @@
       }
       ```
 
-      ![wrapperCol](/docs/zh/develop/images/form/wrapper-col.png)
+      ![wrapperCol](../../zh/develop/images/form/wrapper-col.png)
 
   - `style`，定义表单项的样式
     - 以创建虚拟网卡`src/pages/network/containers/VirtualAdapter/actions/Create.jsx`为例
@@ -210,7 +210,7 @@
         },
         ```
 
-        ![label](/docs/zh/develop/images/form/form-label.png)
+        ![label](../../zh/develop/images/form/form-label.png)
 
     - `content`属性，默认是基于`name`属性展示内容，如果具有`content`属性，则依照`content`展示内容
       - `content`可以是字符串，也可以是 ReactNode
@@ -240,7 +240,7 @@
       },
       ```
 
-      ![input](/docs/zh/develop/images/form/input.png)
+      ![input](../../zh/develop/images/form/input.png)
 
   - `select`
     - 选择
@@ -273,7 +273,7 @@
       },
       ```
 
-      ![select](/docs/zh/develop/images/form/select.png)
+      ![select](../../zh/develop/images/form/select.png)
 
     - `isWrappedValue`，表示表单项的值中是否要包含`option`信息
       - 默认值为`false`，值为选中的`option`中的`value`
@@ -288,7 +288,7 @@
       }
       ```
 
-      ![divider](/docs/zh/develop/images/form/form-divider.png)
+      ![divider](../../zh/develop/images/form/form-divider.png)
 
   - `radio`
     - 单选
@@ -321,7 +321,7 @@
       },
       ```
 
-      ![radio](/docs/zh/develop/images/form/radio.png)
+      ![radio](../../zh/develop/images/form/radio.png)
 
     - `isWrappedValue`，表示表单项的值中是否要包含`option`信息
       - 默认值为`false`，值为选中的`option`中的`value`
@@ -388,7 +388,7 @@
       },
       ```
 
-      ![select-table](/docs/zh/develop/images/form/select-table.png)
+      ![select-table](../../zh/develop/images/form/select-table.png)
 
     - 以创建云硬盘选择镜像`src/pages/storage/containers/Volume/actions/Create/index.jsx`为例
       - 这是带有 Tab 标签的表格，默认展示第一个 tab，tab 切换时会更新数据源
@@ -419,7 +419,7 @@
       }
       ```
 
-      ![select-table-tabs](/docs/zh/develop/images/form/select-table-tabs.png)
+      ![select-table-tabs](../../zh/develop/images/form/select-table-tabs.png)
 
   - `input-number`
     - 数字输入框
@@ -439,7 +439,7 @@
       },
       ```
 
-      ![input-number](/docs/zh/develop/images/form/input-number.png)
+      ![input-number](../../zh/develop/images/form/input-number.png)
 
   - `input-int`
     - 整数输入框
@@ -458,7 +458,7 @@
       }
       ```
 
-      ![input-int](/docs/zh/develop/images/form/input-int.png)
+      ![input-int](../../zh/develop/images/form/input-int.png)
 
   - `instance-volume`
     - 云主机硬盘配置组件
@@ -481,7 +481,7 @@
       }
       ```
 
-      ![instance-volume](/docs/zh/develop/images/form/instance-volume.png)
+      ![instance-volume](../../zh/develop/images/form/instance-volume.png)
 
   - `input-password`
     - 密码输入框
@@ -507,7 +507,7 @@
       },
       ```
 
-      ![input-password](/docs/zh/develop/images/form/input-password.png)
+      ![input-password](../../zh/develop/images/form/input-password.png)
 
   - `input-name`
     - 带有格式验证的名称输入框
@@ -530,7 +530,7 @@
       }
       ```
 
-      ![input-name](/docs/zh/develop/images/form/input-name.png)
+      ![input-name](../../zh/develop/images/form/input-name.png)
 
   - `port-range`
     - 带有验证的 port 输入框
@@ -546,7 +546,7 @@
       }
       ```
 
-      ![port-range](/docs/zh/develop/images/form/port-range.png)
+      ![port-range](../../zh/develop/images/form/port-range.png)
 
   - `more`
     - 隐藏/展示更多配置项按钮
@@ -560,7 +560,7 @@
       }
       ```
 
-      ![more](/docs/zh/develop/images/form/more.png)
+      ![more](../../zh/develop/images/form/more.png)
 
   - `textarea`
     - 多行文本输入框
@@ -574,7 +574,7 @@
       }
       ```
 
-      ![textarea](/docs/zh/develop/images/form/textarea.png)
+      ![textarea](../../zh/develop/images/form/textarea.png)
 
   - `upload`
     - 上传文件输入框
@@ -589,7 +589,7 @@
       }
       ```
 
-      ![upload](/docs/zh/develop/images/form/upload.png)
+      ![upload](../../zh/develop/images/form/upload.png)
 
   - `add-select`
     - 可以添加、删除条目的表单项
@@ -620,7 +620,7 @@
       },
       ```
 
-      ![add-select](/docs/zh/develop/images/form/add-select.png)
+      ![add-select](../../zh/develop/images/form/add-select.png)
 
   - `ip-input`
     - 带有验证功能的 IP 输入框
@@ -641,7 +641,7 @@
       }
       ```
 
-      ![ip-input](/docs/zh/develop/images/form/ip-input.png)
+      ![ip-input](../../zh/develop/images/form/ip-input.png)
 
   - `member-allocator`
     - 负载均衡器中使用的成员选择表单
@@ -656,7 +656,7 @@
       }
       ```
 
-      ![member-allocator](/docs/zh/develop/images/form/member-allocator.png)
+      ![member-allocator](../../zh/develop/images/form/member-allocator.png)
 
   - `descriptions`
     - 展示多种信息的表单项
@@ -710,7 +710,7 @@
       }
       ```
 
-      ![descriptions](/docs/zh/develop/images/form/descriptions.png)
+      ![descriptions](../../zh/develop/images/form/descriptions.png)
 
   - `slider-input`
     - 滑动与输入联动的表单项
@@ -733,7 +733,7 @@
       },
       ```
 
-      ![slider-input](/docs/zh/develop/images/form/slider-input.png)
+      ![slider-input](../../zh/develop/images/form/slider-input.png)
 
   - `title`
     - 展示标题
@@ -746,7 +746,7 @@
       }
       ```
 
-      ![title](/docs/zh/develop/images/form/title.png)
+      ![title](../../zh/develop/images/form/title.png)
 
   - `switch`
     - 开关
@@ -768,7 +768,7 @@
       }
       ```
 
-      ![switch](/docs/zh/develop/images/form/switch.png)
+      ![switch](../../zh/develop/images/form/switch.png)
 
   - `check`
     - checkbox
@@ -785,7 +785,7 @@
       },
       ```
 
-      ![check](/docs/zh/develop/images/form/check.png)
+      ![check](../../zh/develop/images/form/check.png)
 
   - `transfer`
     - 穿梭框
@@ -815,7 +815,7 @@
       }
       ```
 
-      ![transfer](/docs/zh/develop/images/form/transfer.png)
+      ![transfer](../../zh/develop/images/form/transfer.png)
 
   - `check-group`
     - checkbox 组
@@ -837,7 +837,7 @@
       }
       ```
 
-      ![check-group](/docs/zh/develop/images/form/check-group.png)
+      ![check-group](../../zh/develop/images/form/check-group.png)
 
   - `textarea-from-file`
     - 带有读取文件功能的多行文本输入框
@@ -854,7 +854,7 @@
       }
       ```
 
-      ![textarea-from-file](/docs/zh/develop/images/form/textarea-from-file.png)
+      ![textarea-from-file](../../zh/develop/images/form/textarea-from-file.png)
 
   - `ip-distributer`
     - IP 输入框
@@ -874,7 +874,7 @@
       }
       ```
 
-      ![ip-distributer](/docs/zh/develop/images/form/ip-distributer.png)
+      ![ip-distributer](../../zh/develop/images/form/ip-distributer.png)
 
   - `mac-address`
     - mac 地址输入框
@@ -891,7 +891,7 @@
       }
       ```
 
-      ![mac-address](/docs/zh/develop/images/form/mac-address.png)
+      ![mac-address](../../zh/develop/images/form/mac-address.png)
 
   - `network-select-table`
     - 选择网络的表单项
@@ -908,7 +908,7 @@
       },
       ```
 
-      ![network-select-table](/docs/zh/develop/images/form/network-select-table.png)
+      ![network-select-table](../../zh/develop/images/form/network-select-table.png)
 
   - `volume-select-table`
     - 选择硬盘的表单项
@@ -935,7 +935,7 @@
       }
       ```
 
-      ![volume-select-table](/docs/zh/develop/images/form/volume-select-table.png)
+      ![volume-select-table](../../zh/develop/images/form/volume-select-table.png)
 
   - `tab-select-table`
     - 带有 Tab 的表格型选择表单项
@@ -955,7 +955,7 @@
       }
       ```
 
-      ![tab-select-table](/docs/zh/develop/images/form/tab-select-table.png)
+      ![tab-select-table](../../zh/develop/images/form/tab-select-table.png)
 
   - `metadata-transfer`
     - 编辑元数据的表单项
@@ -976,7 +976,7 @@
       }
       ```
 
-      ![metadata-transfer](/docs/zh/develop/images/form/metadata-transfer.png)
+      ![metadata-transfer](../../zh/develop/images/form/metadata-transfer.png)
 
   - `aceEditor`
     - aceEditor
@@ -1012,7 +1012,7 @@
       }
       ```
 
-      ![aceEditor](/docs/zh/develop/images/form/ace-editor.png)
+      ![aceEditor](../../zh/develop/images/form/ace-editor.png)
 
   - `input-json`
     - 带有 json 格式验证的输入框
@@ -1042,4 +1042,4 @@
       };
       ```
 
-      ![input-json](/docs/zh/develop/images/form/input-json.png)
+      ![input-json](../../zh/develop/images/form/input-json.png)
diff --git a/docs/zh/develop/3-11-Action-introduction.md b/docs/zh/develop/3-11-Action-introduction.md
index 3b70977f..79ffe613 100644
--- a/docs/zh/develop/3-11-Action-introduction.md
+++ b/docs/zh/develop/3-11-Action-introduction.md
@@ -1,10 +1,10 @@
-简体中文 | [English](/docs/en/develop/3-11-Action-introduction.md)
+简体中文 | [English](../../en/develop/3-11-Action-introduction.md)
 
 # 用途
 
 - 配置资源对应的所有操作
 
-  ![操作](/docs/zh/develop/images/form/action.png)
+  ![操作](../../zh/develop/images/form/action.png)
 
 - 按照相应的配置编写后，会在资源列表页相应的位置展示相应的操作按钮
 
@@ -107,11 +107,11 @@
   - 支持两种格式的配置，对应了不同的展示方案
     - 每个元素是个含有`action`属性的对象
 
-      ![云硬盘操作](/docs/zh/develop/images/form/volume-action.png)
+      ![云硬盘操作](../../zh/develop/images/form/volume-action.png)
 
     - 每个元素是个含有`title`、`actions`属性的对象
 
-      ![云主机操作](/docs/zh/develop/images/form/instance-action.png)
+      ![云主机操作](../../zh/develop/images/form/instance-action.png)
 
       - 以云主机`src/pages/compute/containers/Instance/actions/index.jsx`为例
 
diff --git a/docs/zh/develop/3-12-Menu-introduction.md b/docs/zh/develop/3-12-Menu-introduction.md
index ff2fa6d8..299a1feb 100644
--- a/docs/zh/develop/3-12-Menu-introduction.md
+++ b/docs/zh/develop/3-12-Menu-introduction.md
@@ -1,15 +1,15 @@
-简体中文 | [English](/docs/en/develop/3-12-Menu-introduction.md)
+简体中文 | [English](../../en/develop/3-12-Menu-introduction.md)
 
 # 用途
 
 - 点击后直接跳转到相应页面
 - 配置控制台的左侧菜单项
 
-  ![控制台](/docs/zh/develop/images/menu/console-menu.png)
+  ![控制台](../../zh/develop/images/menu/console-menu.png)
 
 - 配置管理平台的左侧菜单项
 
-  ![管理平台](/docs/zh/develop/images/menu/admin-menu.png)
+  ![管理平台](../../zh/develop/images/menu/admin-menu.png)
 
 - 支持一级菜单带图标
 - 支持二级菜单展开
diff --git a/docs/zh/develop/3-13-Route-introduction.md b/docs/zh/develop/3-13-Route-introduction.md
index 2c8b52fc..c7bd6a92 100644
--- a/docs/zh/develop/3-13-Route-introduction.md
+++ b/docs/zh/develop/3-13-Route-introduction.md
@@ -1,4 +1,4 @@
-简体中文 | [English](/docs/en/develop/3-13-Route-introduction.md)
+简体中文 | [English](../../en/develop/3-13-Route-introduction.md)
 
 # 用途
 
diff --git a/docs/zh/develop/3-14-I18n-introduction.md b/docs/zh/develop/3-14-I18n-introduction.md
index e07f2d0e..712abc4d 100644
--- a/docs/zh/develop/3-14-I18n-introduction.md
+++ b/docs/zh/develop/3-14-I18n-introduction.md
@@ -1,12 +1,12 @@
-简体中文 | [English](/docs/en/develop/3-14-I18n-introduction.md)
+简体中文 | [English](../../en/develop/3-14-I18n-introduction.md)
 
 # 用途
 
 - 框架支持国际化，默认支持英文、中文
 
-  ![i18n](/docs/zh/develop/images/i18n/i18n.png)
+  ![i18n](../../zh/develop/images/i18n/i18n.png)
 
-  ![english](/docs/zh/develop/images/i18n/english.png)
+  ![english](../../zh/develop/images/i18n/english.png)
 
 # 代码位置
 
diff --git a/docs/zh/develop/3-2-BaseTabList-introduction.md b/docs/zh/develop/3-2-BaseTabList-introduction.md
index 35ddfe65..fa3a2924 100644
--- a/docs/zh/develop/3-2-BaseTabList-introduction.md
+++ b/docs/zh/develop/3-2-BaseTabList-introduction.md
@@ -1,10 +1,10 @@
-简体中文 | [English](/docs/en/develop/3-2-BaseTabList-introduction.md)
+简体中文 | [English](../../en/develop/3-2-BaseTabList-introduction.md)
 
 # 用途
 
 - 各可切换列表页的基类
 
-  ![Tab列表页](/docs/zh/develop/images/list/tab-list.png)
+  ![Tab列表页](../../zh/develop/images/list/tab-list.png)
 
 - 支持切换时自动处理数据展示
 
diff --git a/docs/zh/develop/3-3-BaseDetail-introduction.md b/docs/zh/develop/3-3-BaseDetail-introduction.md
index 32a10761..41ba6b8e 100644
--- a/docs/zh/develop/3-3-BaseDetail-introduction.md
+++ b/docs/zh/develop/3-3-BaseDetail-introduction.md
@@ -1,8 +1,8 @@
-简体中文 | [English](/docs/en/develop/3-3-BaseDetail-introduction.md)
+简体中文 | [English](../../en/develop/3-3-BaseDetail-introduction.md)
 
 # 用途
 
-![详情页](/docs/zh/develop/images/detail/volume.png)
+![详情页](../../zh/develop/images/detail/volume.png)
 
 - 各资源详情页的基类
 - 支持返回列表页
diff --git a/docs/zh/develop/3-4-BaseDetailInfo-introduction.md b/docs/zh/develop/3-4-BaseDetailInfo-introduction.md
index 65ff5414..0f65e40f 100644
--- a/docs/zh/develop/3-4-BaseDetailInfo-introduction.md
+++ b/docs/zh/develop/3-4-BaseDetailInfo-introduction.md
@@ -1,8 +1,8 @@
-简体中文 | [English](/docs/en/develop/3-4-BaseDetailInfo-introduction.md)
+简体中文 | [English](../../en/develop/3-4-BaseDetailInfo-introduction.md)
 
 # 用途
 
-![详情信息页](/docs/zh/develop/images/detail/image-detail-info.png)
+![详情信息页](../../zh/develop/images/detail/image-detail-info.png)
 
 - 各资源详情页中详情 Tab 中组件的基类
 - 左右结构展示
diff --git a/docs/zh/develop/3-5-BaseStore-introduction.md b/docs/zh/develop/3-5-BaseStore-introduction.md
index 1b3a882b..cac73122 100644
--- a/docs/zh/develop/3-5-BaseStore-introduction.md
+++ b/docs/zh/develop/3-5-BaseStore-introduction.md
@@ -1,4 +1,4 @@
-简体中文 | [English](/docs/en/develop/3-5-BaseStore-introduction.md)
+简体中文 | [English](../../en/develop/3-5-BaseStore-introduction.md)
 
 # 用途
 
@@ -82,7 +82,7 @@
     }
     ```
 
-    ![请求](/docs/zh/develop/images/store/response-key.png)
+    ![请求](../../zh/develop/images/store/response-key.png)
 
 ## 按需复写的属性与函数
 
diff --git a/docs/zh/develop/3-6-FormAction-introduction.md b/docs/zh/develop/3-6-FormAction-introduction.md
index d58f73a4..9f3aec80 100644
--- a/docs/zh/develop/3-6-FormAction-introduction.md
+++ b/docs/zh/develop/3-6-FormAction-introduction.md
@@ -1,8 +1,8 @@
-简体中文 | [English](/docs/en/develop/3-6-FormAction-introduction.md)
+简体中文 | [English](../../en/develop/3-6-FormAction-introduction.md)
 
 # 用途
 
-![Form单页](/docs/zh/develop/images/form/page.png)
+![Form单页](../../zh/develop/images/form/page.png)
 
 - 操作按钮点击后，单页显示 Form 表单
 - 有独立的路由可供访问
@@ -11,7 +11,7 @@
 - 点击`取消`按钮后，会自动跳转到相应的资源列表页
 - 如果请求发送成功，会在右上角展示操作成功的提示信息，该提示信息几秒后可自动消失
 
-  ![Form单页](/docs/zh/develop/images/form/create-success.png)
+  ![Form单页](../../zh/develop/images/form/create-success.png)
 
 - 如果请求发送失败，会在表单页的右上角展示错误信息，该提示信息只有点击关闭按钮后才可消失
 
diff --git a/docs/zh/develop/3-7-ModalAction-introduction.md b/docs/zh/develop/3-7-ModalAction-introduction.md
index b46ced10..7715debd 100644
--- a/docs/zh/develop/3-7-ModalAction-introduction.md
+++ b/docs/zh/develop/3-7-ModalAction-introduction.md
@@ -1,8 +1,8 @@
-简体中文 | [English](/docs/en/develop/3-7-ModalAction-introduction.md)
+简体中文 | [English](../../en/develop/3-7-ModalAction-introduction.md)
 
 # 用途
 
-![弹窗型表单](/docs/zh/develop/images/form/modal.png)
+![弹窗型表单](../../zh/develop/images/form/modal.png)
 
 - 操作按钮点击后，弹窗显示表单
 - 点击`确认`按钮后，会根据请求的发送情况，展示`loading`状态
diff --git a/docs/zh/develop/3-8-ConfirmAction-introduction.md b/docs/zh/develop/3-8-ConfirmAction-introduction.md
index 60e64a11..189851cd 100644
--- a/docs/zh/develop/3-8-ConfirmAction-introduction.md
+++ b/docs/zh/develop/3-8-ConfirmAction-introduction.md
@@ -1,8 +1,8 @@
-简体中文 | [English](/docs/en/develop/3-8-ConfirmAction-introduction.md)
+简体中文 | [English](../../en/develop/3-8-ConfirmAction-introduction.md)
 
 # 用途
 
-![确认型](/docs/zh/develop/images/form/confirm.png)
+![确认型](../../zh/develop/images/form/confirm.png)
 
 - 操作按钮点击后，显示确认类型的表单
 - 点击`确认`按钮后，会根据请求的发送情况，展示`loading`状态
diff --git a/docs/zh/develop/3-9-StepAction-introduction.md b/docs/zh/develop/3-9-StepAction-introduction.md
index 213190d7..0925c59e 100644
--- a/docs/zh/develop/3-9-StepAction-introduction.md
+++ b/docs/zh/develop/3-9-StepAction-introduction.md
@@ -1,8 +1,8 @@
-简体中文 | [English](/docs/en/develop/3-9-StepAction-introduction.md)
+简体中文 | [English](../../en/develop/3-9-StepAction-introduction.md)
 
 # 用途
 
-![分步Form](/docs/zh/develop/images/form/step.png)
+![分步Form](../../zh/develop/images/form/step.png)
 
 - 操作按钮点击后，单页显示分步操作的表单
 - 有独立的路由可供访问
@@ -11,7 +11,7 @@
 - 点击`取消`按钮后，会自动跳转到相应的资源列表页
 - 如果请求发送成功，会在右上角展示操作成功的提示信息，该提示信息几秒后可自动消失
 
-  ![Form单页](/docs/zh/develop/images/form/create-success.png)
+  ![Form单页](../../zh/develop/images/form/create-success.png)
 
 - 如果请求发送失败，会在表单页的右上角展示错误信息，该提示信息只有点击关闭按钮后才可消失
 
diff --git a/docs/zh/test/1-ready-to-work.md b/docs/zh/test/1-ready-to-work.md
index e5d06f06..792b70a2 100644
--- a/docs/zh/test/1-ready-to-work.md
+++ b/docs/zh/test/1-ready-to-work.md
@@ -1,4 +1,4 @@
-简体中文 | [English](/docs/en/test/1-ready-to-work.md)
+简体中文 | [English](../../en/test/1-ready-to-work.md)
 
 # 两种测试
 
diff --git a/docs/zh/test/2-catalog-introduction.md b/docs/zh/test/2-catalog-introduction.md
index f14c6c24..84f6d9b9 100644
--- a/docs/zh/test/2-catalog-introduction.md
+++ b/docs/zh/test/2-catalog-introduction.md
@@ -1,4 +1,4 @@
-简体中文 | [English](/docs/en/test/2-catalog-introduction.md)
+简体中文 | [English](../../en/test/2-catalog-introduction.md)
 
 ```
 test
diff --git a/docs/zh/test/3-0-how-to-edit-e2e-case.md b/docs/zh/test/3-0-how-to-edit-e2e-case.md
index 98c181f9..46f2ec97 100644
--- a/docs/zh/test/3-0-how-to-edit-e2e-case.md
+++ b/docs/zh/test/3-0-how-to-edit-e2e-case.md
@@ -1,4 +1,4 @@
-简体中文 | [English](/docs/en/test/3-0-how-to-edit-e2e-case.md)
+简体中文 | [English](../../en/test/3-0-how-to-edit-e2e-case.md)
 
 关于 Cypress 的具体介绍及使用方法，请参考[官方文档](https://docs.cypress.io/guides/overview/why-cypress)
 
diff --git a/docs/zh/test/3-1-E2E-form-operation.md b/docs/zh/test/3-1-E2E-form-operation.md
index b92fed5b..e69736ec 100644
--- a/docs/zh/test/3-1-E2E-form-operation.md
+++ b/docs/zh/test/3-1-E2E-form-operation.md
@@ -1,4 +1,4 @@
-简体中文 | [English](/docs/en/test/3-1-E2E-form-operation.md)
+简体中文 | [English](../../en/test/3-1-E2E-form-operation.md)
 
 因为前端框架使用的一致性，我们在编写表单操作的相关用例，选取元素并进行操作时，往往会发现有很强的规律性，所以我们对大多数表单操作都编写了相应的 Cypress 函数，极大的减少了编写测试用例的难度，以下会对主要使用的表单操作函数做出详细的说明。
 
diff --git a/docs/zh/test/3-2-E2E-table-operation.md b/docs/zh/test/3-2-E2E-table-operation.md
index 9e988a99..34cd20a2 100644
--- a/docs/zh/test/3-2-E2E-table-operation.md
+++ b/docs/zh/test/3-2-E2E-table-operation.md
@@ -1,4 +1,4 @@
-简体中文 | [English](/docs/en/test/3-2-E2E-table-operation.md)
+简体中文 | [English](../../en/test/3-2-E2E-table-operation.md)
 
 因为前端框架使用的一致性，我们在编写表单操作的相关用例，选取元素并进行操作时，往往会发现有很强的规律性，所以我们对大多数表格操作都编写了相应的 Cypress 函数，极大的减少了编写测试用例的难度，以下会对主要使用的表格操作函数做出详细的说明。
 
diff --git a/docs/zh/test/3-3-E2E-detail-operation.md b/docs/zh/test/3-3-E2E-detail-operation.md
index b5087f80..616e9d53 100644
--- a/docs/zh/test/3-3-E2E-detail-operation.md
+++ b/docs/zh/test/3-3-E2E-detail-operation.md
@@ -1,4 +1,4 @@
-简体中文 | [English](/docs/en/test/3-3-E2E-detail-operation.md)
+简体中文 | [English](../../en/test/3-3-E2E-detail-operation.md)
 
 因为前端框架使用的一致性，我们在编写详情操作的相关用例，选取元素并进行操作时，往往会发现有很强的规律性，所以我们对大多数详情操作都编写了相应的 Cypress 函数，极大的减少了编写测试用例的难度，以下会对主要使用的表格操作函数做出详细的说明。
 
diff --git a/docs/zh/test/3-4-E2E-resource-operation.md b/docs/zh/test/3-4-E2E-resource-operation.md
index 65cbd864..da88fc32 100644
--- a/docs/zh/test/3-4-E2E-resource-operation.md
+++ b/docs/zh/test/3-4-E2E-resource-operation.md
@@ -1,4 +1,4 @@
-简体中文 | [English](/docs/en/test/3-4-E2E-resource-operation.md)
+简体中文 | [English](../../en/test/3-4-E2E-resource-operation.md)
 
 在E2E的过程中，创建资源的时候，往往需要先创建关联资源，而删除资源后，也需要删除掉相关资源，所以以完整创建/删除为原则，封装了对相关资源的操作。