diff --git a/content/en/docs/project-user-guide/application-workloads/deployments.md b/content/en/docs/project-user-guide/application-workloads/deployments.md
index bdb31788e..cb6d87893 100644
--- a/content/en/docs/project-user-guide/application-workloads/deployments.md
+++ b/content/en/docs/project-user-guide/application-workloads/deployments.md
@@ -21,31 +21,31 @@ You need to create a workspace, a project and an account (`project-regular`). Th
Log in to the console as `project-regular`. Go to **Application Workloads** of a project, select **Workloads**, and click **Create** under the tab **Deployments**.
-
+
### Step 2: Enter basic information
Specify a name for the Deployment (for example, `demo-deployment`) and click **Next** to continue.
-
+
### Step 3: Set an image
-1. Before you set an image, define the number of replicated Pods in **Pod Replicas** by clicking the **plus** or **minus** icon, which is indicated by the `.spec.replicas` field in the manifest file.
+1. Before you set an image, define the number of replicated Pods in **Pod Replicas** by clicking
or
, which is indicated by the `.spec.replicas` field in the manifest file.
{{< notice tip >}}
-You can see the Deployment manifest file in YAML format by enabling **Edit Mode** in the top-right corner. KubeSphere allows you to edit the manifest file directly to create a Deployment. Alternatively, you can follow the steps below to create a Deployment via the dashboard.
+You can see the Deployment manifest file in YAML format by enabling **Edit Mode** in the upper-right corner. KubeSphere allows you to edit the manifest file directly to create a Deployment. Alternatively, you can follow the steps below to create a Deployment via the dashboard.
{{ notice >}}
- 
+ 
-2. Click the **Add Container Image** box.
+2. Click **Add Container Image**.
- 
+ 
3. Enter an image name from public Docker Hub or from a [private repository](../../configuration/image-registry/) you specified. For example, enter `nginx` in the search bar and press **Enter**.
- 
+ 
{{< notice note >}}
@@ -56,15 +56,15 @@ You can see the Deployment manifest file in YAML format by enabling **Edit Mode*
4. Set requests and limits for CPU and memory resources based on your needs. For more information, see [Resource Request and Resource Limit in Container Image Settings](../container-image-settings/#add-container-image).
- 
+ 
5. Click **Use Default Ports** for **Port Settings** or you can customize **Protocol**, **Name** and **Container Port**.
6. Select a policy for image pulling from the drop-down menu. For more information, see [Image Pull Policy in Container Image Settings](../container-image-settings/#add-container-image).
-7. For other settings (**Health Checker**, **Start Command**, **Environment Variables**, **Container Security Context** and **Sync Host Timezone**), you can configure them on the dashboard as well. For more information, see detailed explanations of these properties in [Container Image Settings](../container-image-settings/#add-container-image). When you finish, click **√** in the bottom-right corner to continue.
+7. For other settings (**Health Checker**, **Start Command**, **Environment Variables**, **Container Security Context** and **Sync Host Timezone**), you can configure them on the dashboard as well. For more information, see detailed explanations of these properties in [Container Image Settings](../container-image-settings/#add-container-image). When you finish, click **√** in the lower-right corner to continue.
-8. Select an update strategy from the drop-down menu. It is recommended you choose **RollingUpdate**. For more information, see [Update Strategy](../container-image-settings/#update-strategy).
+8. Select an update strategy from the drop-down menu. It is recommended that you choose **RollingUpdate**. For more information, see [Update Strategy](../container-image-settings/#update-strategy).
9. Select a deployment mode. For more information, see [Deployment Mode](../container-image-settings/#deployment-mode).
@@ -74,7 +74,7 @@ You can see the Deployment manifest file in YAML format by enabling **Edit Mode*
You can add a volume directly or mount a ConfigMap or Secret. Alternatively, click **Next** directly to skip this step. For more information about volumes, visit [Volumes](../../storage/volumes/#mount-a-volume).
-
+
{{< notice note >}}
@@ -86,7 +86,7 @@ Deployments can't use a volume template, which is used by StatefulSets.
You can set a policy for node scheduling and add metadata in this section. When you finish, click **Create** to complete the whole process of creating a Deployment.
-
+
- **Set Node Scheduling Policy**
@@ -100,9 +100,9 @@ You can set a policy for node scheduling and add metadata in this section. When
### Detail page
-1. After a Deployment is created, it displays in the list as below. You can click the three dots on the right and select actions from the menu to modify your Deployment.
+1. After a Deployment is created, it will be displayed in the list as below. You can click
on the right and select options from the menu to modify your Deployment.
- 
+ 
- **Edit**: View and edit the basic information.
- **Edit YAML**: View, upload, download, or update the YAML file.
@@ -111,11 +111,11 @@ You can set a policy for node scheduling and add metadata in this section. When
2. Click the name of the Deployment and you can go to its detail page.
- 
+ 
-3. Click **More** to display what operations about this Deployment you can do.
+3. Click **More** to display the operations about this Deployment you can do.
- 
+ 
- **Revision Rollback**: Select the revision to roll back.
- **Horizontal Pod Autoscaling**: Autoscale the replicas according to CPU and memory usage. If both CPU and memory are specified, replicas are added or deleted if any of the conditions is met.
@@ -126,12 +126,12 @@ You can set a policy for node scheduling and add metadata in this section. When
4. Click the **Resource Status** tab to view the port and Pod information of the Deployment.
- 
+ 
- - **Replica Status**: Click the arrow in the image to increase or decrease the number of Pod replicas.
+ - **Replica Status**: Click
or
to increase or decrease the number of Pod replicas.
- **Pod detail**
- 
+ 
- The Pod list provides detailed information of the Pod (status, node, Pod IP and resource usage).
- You can view the container information by clicking a Pod item.
@@ -146,30 +146,30 @@ After the resource template of workload is changed, a new log will be generated
Click the **Metadata** tab to view the labels and annotations of the Deployment.
-
+
### Monitoring
1. Click the **Monitoring** tab to view the CPU usage, memory usage, outbound traffic, and inbound traffic of the Deployment.
- 
+ 
-2. Click the drop-down menu in the top-right corner to customize the time range and time interval.
+2. Click the drop-down menu in the upper-right corner to customize the time range and time interval.
- 
+ 
-3. Click
/
in the top-right corner to start/stop automatic data refreshing.
+3. Click
/
in the upper-right corner to start/stop automatic data refreshing.
-4. Click
in the top-right corner to manually refresh the data.
+4. Click
in the upper-right corner to manually refresh the data.
### Environment variables
Click the **Environment Variables** tab to view the environment variables of the Deployment.
-
+
### Events
Click the **Events** tab to view the events of the Deployment.
-
\ No newline at end of file
+
\ No newline at end of file
diff --git a/content/zh/docs/project-user-guide/application-workloads/deployments.md b/content/zh/docs/project-user-guide/application-workloads/deployments.md
index 6d7e90105..8c7ca824c 100644
--- a/content/zh/docs/project-user-guide/application-workloads/deployments.md
+++ b/content/zh/docs/project-user-guide/application-workloads/deployments.md
@@ -31,7 +31,7 @@ weight: 10210
### 步骤 3:设置镜像
-1. 设置镜像前,请点击**容器组副本数量**中的**加号**或**减号**图标来定义 Pod 的副本数量,该参数显示在清单文件中的 `.spec.replicas` 字段。
+1. 设置镜像前,请点击**容器组副本数量**中的
或
来定义 Pod 的副本数量,该参数显示在清单文件中的 `.spec.replicas` 字段。
{{< notice tip >}}
您可以启用右上角的**编辑模式**,查看 YAML 格式的部署清单文件。KubeSphere 使您可以直接编辑清单文件创建部署,或者您可以按照下列步骤使用仪表板创建部署。
@@ -100,7 +100,7 @@ weight: 10210
### 详情页面
-1. 部署创建后会显示在下方的列表中。您可以点击右边的三个点,在弹出菜单中选择操作,修改您的部署。
+1. 部署创建后会显示在下方的列表中。您可以点击右边的
,在弹出菜单中选择操作,修改您的部署。

@@ -128,7 +128,7 @@ weight: 10210

- - **副本运行状态**:点击图像中的箭头增加或减少 Pod 副本数量。
+ - **副本运行状态**:点击
或
来增加或减少 Pod 副本数量。
- **Pod 详情**

diff --git a/static/images/docs/project-user-guide/application-workloads/deployments/add-container-image.png b/static/images/docs/project-user-guide/application-workloads/deployments/add-container-image.png
new file mode 100644
index 000000000..1507dae81
Binary files /dev/null and b/static/images/docs/project-user-guide/application-workloads/deployments/add-container-image.png differ
diff --git a/static/images/docs/project-user-guide/application-workloads/deployments/advanced-settings.png b/static/images/docs/project-user-guide/application-workloads/deployments/advanced-settings.png
new file mode 100644
index 000000000..ca894e6e4
Binary files /dev/null and b/static/images/docs/project-user-guide/application-workloads/deployments/advanced-settings.png differ
diff --git a/static/images/docs/project-user-guide/application-workloads/deployments/click-more.png b/static/images/docs/project-user-guide/application-workloads/deployments/click-more.png
new file mode 100644
index 000000000..1fff5e57a
Binary files /dev/null and b/static/images/docs/project-user-guide/application-workloads/deployments/click-more.png differ
diff --git a/static/images/docs/project-user-guide/application-workloads/deployments/click-to-modify.png b/static/images/docs/project-user-guide/application-workloads/deployments/click-to-modify.png
new file mode 100644
index 000000000..22bb13599
Binary files /dev/null and b/static/images/docs/project-user-guide/application-workloads/deployments/click-to-modify.png differ
diff --git a/static/images/docs/project-user-guide/application-workloads/deployments/deploy-details.png b/static/images/docs/project-user-guide/application-workloads/deployments/deploy-details.png
new file mode 100644
index 000000000..d21ba592a
Binary files /dev/null and b/static/images/docs/project-user-guide/application-workloads/deployments/deploy-details.png differ
diff --git a/static/images/docs/project-user-guide/application-workloads/deployments/deployments.png b/static/images/docs/project-user-guide/application-workloads/deployments/deployments.png
new file mode 100644
index 000000000..f9011638a
Binary files /dev/null and b/static/images/docs/project-user-guide/application-workloads/deployments/deployments.png differ
diff --git a/static/images/docs/project-user-guide/application-workloads/deployments/deployments_autorefresh_start.png b/static/images/docs/project-user-guide/application-workloads/deployments/deployments_autorefresh_start.png
new file mode 100644
index 000000000..ece8e01f8
Binary files /dev/null and b/static/images/docs/project-user-guide/application-workloads/deployments/deployments_autorefresh_start.png differ
diff --git a/static/images/docs/project-user-guide/application-workloads/deployments/deployments_autorefresh_stop.png b/static/images/docs/project-user-guide/application-workloads/deployments/deployments_autorefresh_stop.png
new file mode 100644
index 000000000..e02450c69
Binary files /dev/null and b/static/images/docs/project-user-guide/application-workloads/deployments/deployments_autorefresh_stop.png differ
diff --git a/static/images/docs/project-user-guide/application-workloads/deployments/deployments_refresh.png b/static/images/docs/project-user-guide/application-workloads/deployments/deployments_refresh.png
new file mode 100644
index 000000000..37494c1e4
Binary files /dev/null and b/static/images/docs/project-user-guide/application-workloads/deployments/deployments_refresh.png differ
diff --git a/static/images/docs/project-user-guide/application-workloads/deployments/down-arrow.png b/static/images/docs/project-user-guide/application-workloads/deployments/down-arrow.png
new file mode 100644
index 000000000..8c690cd81
Binary files /dev/null and b/static/images/docs/project-user-guide/application-workloads/deployments/down-arrow.png differ
diff --git a/static/images/docs/project-user-guide/application-workloads/deployments/enter-info.png b/static/images/docs/project-user-guide/application-workloads/deployments/enter-info.png
new file mode 100644
index 000000000..401b34333
Binary files /dev/null and b/static/images/docs/project-user-guide/application-workloads/deployments/enter-info.png differ
diff --git a/static/images/docs/project-user-guide/application-workloads/deployments/enter-nginx.png b/static/images/docs/project-user-guide/application-workloads/deployments/enter-nginx.png
new file mode 100644
index 000000000..53062ce59
Binary files /dev/null and b/static/images/docs/project-user-guide/application-workloads/deployments/enter-nginx.png differ
diff --git a/static/images/docs/project-user-guide/application-workloads/deployments/env-variables.png b/static/images/docs/project-user-guide/application-workloads/deployments/env-variables.png
new file mode 100644
index 000000000..851d9db8e
Binary files /dev/null and b/static/images/docs/project-user-guide/application-workloads/deployments/env-variables.png differ
diff --git a/static/images/docs/project-user-guide/application-workloads/deployments/events.png b/static/images/docs/project-user-guide/application-workloads/deployments/events.png
new file mode 100644
index 000000000..8d07e60d7
Binary files /dev/null and b/static/images/docs/project-user-guide/application-workloads/deployments/events.png differ
diff --git a/static/images/docs/project-user-guide/application-workloads/deployments/meta-data.png b/static/images/docs/project-user-guide/application-workloads/deployments/meta-data.png
new file mode 100644
index 000000000..7bc9dbebf
Binary files /dev/null and b/static/images/docs/project-user-guide/application-workloads/deployments/meta-data.png differ
diff --git a/static/images/docs/project-user-guide/application-workloads/deployments/minus-icon.png b/static/images/docs/project-user-guide/application-workloads/deployments/minus-icon.png
new file mode 100644
index 000000000..686960f09
Binary files /dev/null and b/static/images/docs/project-user-guide/application-workloads/deployments/minus-icon.png differ
diff --git a/static/images/docs/project-user-guide/application-workloads/deployments/monitoring.png b/static/images/docs/project-user-guide/application-workloads/deployments/monitoring.png
new file mode 100644
index 000000000..55fe9e36b
Binary files /dev/null and b/static/images/docs/project-user-guide/application-workloads/deployments/monitoring.png differ
diff --git a/static/images/docs/project-user-guide/application-workloads/deployments/mount-volumes.png b/static/images/docs/project-user-guide/application-workloads/deployments/mount-volumes.png
new file mode 100644
index 000000000..aff7efc7f
Binary files /dev/null and b/static/images/docs/project-user-guide/application-workloads/deployments/mount-volumes.png differ
diff --git a/static/images/docs/project-user-guide/application-workloads/deployments/plus-icon.png b/static/images/docs/project-user-guide/application-workloads/deployments/plus-icon.png
new file mode 100644
index 000000000..49da7591e
Binary files /dev/null and b/static/images/docs/project-user-guide/application-workloads/deployments/plus-icon.png differ
diff --git a/static/images/docs/project-user-guide/application-workloads/deployments/pods.png b/static/images/docs/project-user-guide/application-workloads/deployments/pods.png
new file mode 100644
index 000000000..a33f9506e
Binary files /dev/null and b/static/images/docs/project-user-guide/application-workloads/deployments/pods.png differ
diff --git a/static/images/docs/project-user-guide/application-workloads/deployments/resource-status.png b/static/images/docs/project-user-guide/application-workloads/deployments/resource-status.png
new file mode 100644
index 000000000..c6bda6f2d
Binary files /dev/null and b/static/images/docs/project-user-guide/application-workloads/deployments/resource-status.png differ
diff --git a/static/images/docs/project-user-guide/application-workloads/deployments/set-replicas.png b/static/images/docs/project-user-guide/application-workloads/deployments/set-replicas.png
new file mode 100644
index 000000000..4822406ae
Binary files /dev/null and b/static/images/docs/project-user-guide/application-workloads/deployments/set-replicas.png differ
diff --git a/static/images/docs/project-user-guide/application-workloads/deployments/set-requests-limits.png b/static/images/docs/project-user-guide/application-workloads/deployments/set-requests-limits.png
new file mode 100644
index 000000000..c83d1240c
Binary files /dev/null and b/static/images/docs/project-user-guide/application-workloads/deployments/set-requests-limits.png differ
diff --git a/static/images/docs/project-user-guide/application-workloads/deployments/three-dots.png b/static/images/docs/project-user-guide/application-workloads/deployments/three-dots.png
new file mode 100644
index 000000000..96da96b15
Binary files /dev/null and b/static/images/docs/project-user-guide/application-workloads/deployments/three-dots.png differ
diff --git a/static/images/docs/project-user-guide/application-workloads/deployments/time-interval.png b/static/images/docs/project-user-guide/application-workloads/deployments/time-interval.png
new file mode 100644
index 000000000..3c3044b76
Binary files /dev/null and b/static/images/docs/project-user-guide/application-workloads/deployments/time-interval.png differ
diff --git a/static/images/docs/project-user-guide/application-workloads/deployments/up-arrow.png b/static/images/docs/project-user-guide/application-workloads/deployments/up-arrow.png
new file mode 100644
index 000000000..eb6523078
Binary files /dev/null and b/static/images/docs/project-user-guide/application-workloads/deployments/up-arrow.png differ
diff --git a/static/images/docs/zh-cn/project-user-guide/application-workloads/deployments/down-arrow.png b/static/images/docs/zh-cn/project-user-guide/application-workloads/deployments/down-arrow.png
new file mode 100644
index 000000000..8c690cd81
Binary files /dev/null and b/static/images/docs/zh-cn/project-user-guide/application-workloads/deployments/down-arrow.png differ
diff --git a/static/images/docs/zh-cn/project-user-guide/application-workloads/deployments/minus-icon.png b/static/images/docs/zh-cn/project-user-guide/application-workloads/deployments/minus-icon.png
new file mode 100644
index 000000000..686960f09
Binary files /dev/null and b/static/images/docs/zh-cn/project-user-guide/application-workloads/deployments/minus-icon.png differ
diff --git a/static/images/docs/zh-cn/project-user-guide/application-workloads/deployments/plus-icon.png b/static/images/docs/zh-cn/project-user-guide/application-workloads/deployments/plus-icon.png
new file mode 100644
index 000000000..49da7591e
Binary files /dev/null and b/static/images/docs/zh-cn/project-user-guide/application-workloads/deployments/plus-icon.png differ
diff --git a/static/images/docs/zh-cn/project-user-guide/application-workloads/deployments/three-dots.png b/static/images/docs/zh-cn/project-user-guide/application-workloads/deployments/three-dots.png
new file mode 100644
index 000000000..96da96b15
Binary files /dev/null and b/static/images/docs/zh-cn/project-user-guide/application-workloads/deployments/three-dots.png differ
diff --git a/static/images/docs/zh-cn/project-user-guide/application-workloads/deployments/up-arrow.png b/static/images/docs/zh-cn/project-user-guide/application-workloads/deployments/up-arrow.png
new file mode 100644
index 000000000..eb6523078
Binary files /dev/null and b/static/images/docs/zh-cn/project-user-guide/application-workloads/deployments/up-arrow.png differ