diff --git a/content/zh/docs/quick-start/wordpress-deployment.md b/content/zh/docs/quick-start/wordpress-deployment.md index 09ebd59be..710cf301d 100644 --- a/content/zh/docs/quick-start/wordpress-deployment.md +++ b/content/zh/docs/quick-start/wordpress-deployment.md @@ -1,192 +1,191 @@ --- title: "创建并部署 WordPress" -keywords: 'KubeSphere, Kubernetes, app, WordPress' -description: '创建并部署 WordPress.' - +keywords: 'KubeSphere, Kubernetes, 应用, WordPress' +description: '创建并部署 WordPress。' linkTitle: "创建并部署 WordPress" weight: 2500 --- ## WordPress 简介 -WordPress 是使用 PHP 语言开发的内容管理系统软件，用户可以在支持 PHP 和 MySQL 数据库的服务器上使用自己的博客，一个完整的 WordPress 应用程序包括以下 Kubernetes 对象。 +WordPress（使用 PHP 语言编写）是免费、开源的内容管理系统，用户可以使用 WordPress 搭建自己的网站。完整的 WordPress 应用程序包括以下 Kubernetes 对象，由 MySQL 作为后端数据库。 -![WordPress](/images/docs/quickstart/WordPress-1.png) +![WordPress](/images/docs/zh-cn/quickstart/wordpress-deployment/WordPress.png) ## 目的 -本教程演示如何在 KubeSphere 中创建应用程序（以 WordPress 为例）并在集群外访问它。 +本教程演示了如何在 KubeSphere 中创建应用程序（以 WordPress 为例）并在集群外进行访问。 ## 准备工作 -需要一个`project regular`帐户，并在其中一个项目中分配角色`operator`（该用户已被邀请参加该项目）。有关详细信息，请参见[创建企业空间、项目、帐户和角色](../create-workspace-and-project/)。 +您需要准备一个 `project regular` 帐户，并在一个项目中赋予该帐户 `operator` 角色（该用户已被邀请参加该项目）。有关更多信息，请参见[创建企业空间、项目、帐户和角色](../create-workspace-and-project/)。 ## 预计操作时间 大约 15 分钟。 -## 动手操作 +## 动手实验 -### 任务 1：创建密钥 +### 步骤 1：创建密钥 #### 创建 MySQL 密钥 -环境变量`WORDPRESS_DB_PASSWORD`是连接到 WordPress 数据库的密码。在这一步中，您需要创建一个密钥来保存将在 MySQL Pod 模板中使用的环境变量。 +环境变量 `WORDPRESS_DB_PASSWORD` 是连接到 WordPress 数据库的密码。在此步骤中，您需要创建一个密钥来保存将在 MySQL Pod 模板中使用的环境变量。 -1. 使用`project-regular`帐户登录 KubeSphere 控制台，转到`demo-project`的详细页面并导航到**配置**，在**密钥**中，单击右侧的**创建**。 +1. 使用 `project-regular` 帐户登录 KubeSphere 控制台，访问 `demo-project` 的详情页并导航到**配置中心**。在**密钥**中，点击右侧的**创建**。 - ![create-secret](/images/docs/quickstart/create-secret.png) + ![create-secret](/images/docs/zh-cn/quickstart/wordpress-deployment/create-secret.png) -2. 输入基本信息（例如，将其命名为`mysql-secret`），然后单击**下一步**。在下一页中，选择**类型**为**默认**，然后单击**添加数据**来添加一个键值对。输入键（Key）`MYSQL_ROOT_PASSWORD`和值（Value）`123456`单击右下角`√`的确认按钮，完成后，单击 **创建** 按钮并继续. +2. 输入基本信息（例如，将其命名为 `mysql-secret`）并点击**下一步**。在下一页中，选择**类型**为**默认**，然后点击**添加数据**来添加键值对。输入如下所示的键 (Key) `MYSQL_ROOT_PASSWORD` 和值 (Value) `123456`，点击右下角 **√** 进行确认。完成后，点击**创建**按钮以继续。 - ![key-value](/images/docs/quickstart/key-value.png) + ![key-value](/images/docs/zh-cn/quickstart/wordpress-deployment/key-value.png) #### 创建 WordPress 密钥 -按照上面创建 MySQL 密钥相同的步骤创建一个名字为`wordpress-secret`的密钥，输入键（Key）`WORDPRESS_DB_PASSWORD`和值（Value）`123456`，创建的密钥显示在列表中，如下所示： +按照以上相同的步骤创建一个名为 `wordpress-secret` 的 WordPress 密钥，输入键 (Key) `WORDPRESS_DB_PASSWORD` 和值 (Value) `123456`。创建的密钥显示在列表中，如下所示： -![wordpress-secrets](/images/docs/quickstart/wordpress-secrets.png) +![wordpress-secrets](/images/docs/zh-cn/quickstart/wordpress-deployment/wordpress-secrets.png) -### 任务 2：创建存储卷 +### 步骤 2：创建存储卷 -1. 点击**存储管理**下面的**存储卷**并单击**创建**。 +1. 访问**存储管理**下的**存储卷**，点击**创建**。 - ![create-volume](/images/docs/quickstart/create-volume.png) + ![volumes](/images/docs/zh-cn/quickstart/wordpress-deployment/volumes.png) -2. 输入卷的基本信息（例如，将其命名为`wordpress-pvc`），然后单击**下一步**。 +2. 输入卷的基本信息（例如，将其命名为 `wordpress-pvc`），然后点击**下一步**。 -3. 在**存储卷设置**，需要选择一个可用的**存储类型**，并设置**访问模式**和**存储卷容量**。您可以直接使用默认值，如下所示，单击**下一步**继续。 +3. 在**存储卷设置**中，需要选择一个可用的**存储类型**，并设置**访问模式**和**存储卷容量**。您可以直接使用如下所示的默认值，点击**下一步**继续。 - ![volume-settings](/images/docs/quickstart/volume-settings.png) + ![volume-settings](/images/docs/zh-cn/quickstart/wordpress-deployment/volume-settings.png) -4. 对于**高级设置**，不需要为当前操作设置额外的配置，单击**创建**即可完成。 +4. 对于**高级设置**，您无需为当前步骤添加额外的配置，点击**创建**完成即可。 -### 任务 3：创建应用程序 +### 步骤 3：创建应用程序 #### 添加 MySQL 后端组件 -1. 导航到**应用负载**下的**应用**，选择**自制应用**然后单击**构建自制应用**。 +1. 导航到**应用负载**下的**应用**，选择**自制应用**，再点击**构建自制应用**。 - ![add-mysql-backend-component](/images/docs/quickstart/add-mysql-backend-component.png) + ![composing-app](/images/docs/zh-cn/quickstart/wordpress-deployment/composing-app.png) -2. 输入基本信息（例如在应用程序名称中输入`wordpress`），然后单击**下一步**。 +2. 输入基本信息（例如，在应用名称一栏输入 `wordpress`），然后点击**下一步**。 - ![basic-info](/images/docs/quickstart/basic-info.png) + ![basic-info](/images/docs/zh-cn/quickstart/wordpress-deployment/basic-info.png) -3. 在**服务组件**中，单击**添加服务**在应用程序中设置组件。 +3. 在**服务组件**中，点击**添加服务**以在应用中设置组件。 - ![add-service](/images/docs/quickstart/add-service.png) + ![add-service](/images/docs/zh-cn/quickstart/wordpress-deployment/add-service.png) -4. 设置组件的服务类型为有状态服务。 +4. 设置组件的服务类型为**有状态服务**。 -5. 输入有状态服务的名称（例如 **mysql**），然后单击**下一步**。 +5. 输入有状态服务的名称（例如 **mysql**）并点击**下一步**。 - ![mysql-name](/images/docs/quickstart/mysql-name.png) + ![mysqlname](/images/docs/zh-cn/quickstart/wordpress-deployment/mysqlname.png) -6. 在**容器镜像**中，单击**添加容器镜像**。 +6. 在**容器镜像**中，点击**添加容器镜像**。 - ![container-image](/images/docs/quickstart/container-image.png) + ![container-image](/images/docs/zh-cn/quickstart/wordpress-deployment/container-image.png) -7. 在镜像搜索框中输入`mysql:5.6`，单击**回车键**然后单击**使用默认端口**。配置还没有设置完成，请您不要点击右下角的`√`按钮。 +7. 在搜索框中输入 `mysql:5.6`，按下**回车键**，然后点击**使用默认端口**。由于配置还未设置完成，请不要点击右下角的 **√** 按钮。 - ![container-image-mysql](/images/docs/quickstart/container-image-mysql.png) + ![add-container](/images/docs/zh-cn/quickstart/wordpress-deployment/add-container.png) {{< notice note >}} -在**高级设置**中，请确保内存限制不小于 1000 Mi，否则 MySQL 可能因内存不足而无法启动。 + 在**高级设置**中，请确保内存限制不小于 1000 Mi，否则 MySQL 可能因内存不足而无法启动。 {{}} -8. 向下滚动到**环境变量**然后单击**引用配置文件或密匙**。输入名称`MYSQL_ROOT_PASSWORD`，然后选择资源`mysql-secret`和前面步骤中创建的密钥`MYSQL_ROOT_PASSWORD`，完成后单击`√`保存配置，最后单击**下一步**继续。 +8. 向下滚动到**环境变量**，点击**引用配置文件或密匙**。输入名称 `MYSQL_ROOT_PASSWORD`，然后选择资源 `mysql-secret` 和前面步骤中创建的密钥 `MYSQL_ROOT_PASSWORD`，完成后点击 **√** 保存配置，最后点击**下一步**继续。 - ![environment-var](/images/docs/quickstart/environment-var.png) + ![environment-var](/images/docs/zh-cn/quickstart/wordpress-deployment/environment-var.png) -9. 选择**挂载存储**中的**添加存储卷**，输入**存储卷名称**（`mysql`）和**存储类型**（类型：`读写`，路径：`/var/lib/mysql`）的值，如下所示： +9. 选择**挂载存储**中的**添加存储卷模板**，输入**存储卷名称** (`mysql`) 和**挂载路径**（模式：`读写`，路径：`/var/lib/mysql`）的值，如下所示： - ![volume-template](/images/docs/quickstart/volume-template.png) + ![volume-template](/images/docs/zh-cn/quickstart/wordpress-deployment/volume-template.png) - 完成后单击`√`保存设置并单击**下一步**继续。 + 完成后，点击 **√** 保存设置并点击**下一步**继续。 -10. 在**高级设置**中，不需要设置，您可以直接点击**添加**，也可以根据需要选择其他选项。 +10. 在**高级设置**中，可以直接点击**添加**，也可以按需选择其他选项。 - ![advanced-setting](/images/docs/quickstart/advanced-setting.png) + ![advanced-setting](/images/docs/zh-cn/quickstart/wordpress-deployment/advanced-setting.png) -11. 现在，您添加了 MySQL 组件，如下所示： +11. 现在，MySQL 组件已经添加完成，如下所示： - ![mysql-done](/images/docs/quickstart/mysql-done.png) + ![mysql-finished](/images/docs/zh-cn/quickstart/wordpress-deployment/mysql-finished.png) #### 添加 WordPress 前端组件 -12. 点击**添加服务**选择**无状态服务**输入名称`wordpress`然后单击**下一步**。 +12. 再次点击**添加服务**，这一次选择**无状态服务**。输入名称 `wordpress` 并点击**下一步**。 - ![add-wordPress-frontend-component](/images/docs/quickstart/add-wordPress-frontend-component.png) + ![name-wordpress](/images/docs/zh-cn/quickstart/wordpress-deployment/name-wordpress.png) -13. 与上述步骤类似，单击**添加容器镜像**，在搜索框中输入`wordpress:4.8-apache`镜像，按**回车**，然后单击**使用默认端口**。 +13. 与上述步骤类似，点击**添加容器镜像**，在搜索栏中输入 `wordpress:4.8-apache` 并按下**回车键**，然后点击**使用默认端口**。 - ![container-image-wordpress](/images/docs/quickstart/container-image-wordpress.png) + ![container-image-page](/images/docs/zh-cn/quickstart/wordpress-deployment/container-image-page.png) -14. 向下滚动到**环境变量**然后单击**引用配置文件或密匙**，这里需要添加两个环境变量。根据下面的屏幕截图输入值。 +14. 向下滚动到**环境变量**，点击**引用配置文件或密匙**。这里需要添加两个环境变量，请根据以下截图输入值： - - 对于`WORDPRESS_DB_PASSWORD`，请选择在任务 1 中创建的`wordpress-secret`和`WORDPRESS_DB_PASSWORD`。 - - 单击**添加环境变量**，输入`WORDPRESS_DB_HOST`和`mysql`作为作为键（Key）和值（Value）。 + - 对于 `WORDPRESS_DB_PASSWORD`，请选择在步骤 1 中创建的 `wordpress-secret` 和 `WORDPRESS_DB_PASSWORD`。 + - 点击**添加环境变量**，分别输入 `WORDPRESS_DB_HOST` 和 `mysql` 作为键 (Key) 和值 (Value)。 {{< notice warning >}} -对于此处添加的第二个环境变量，该值必须与步骤 5 中创建 MySQL 有状态服务设置的名称完全相同。否则，WordPress 将无法连接到 MySQL 对应的数据库。 + 对于此处添加的第二个环境变量，该值必须与步骤 5 中创建 MySQL 有状态服务设置的名称完全相同。否则，WordPress 将无法连接到 MySQL 对应的数据库。 {{}} - ![environment-varss](/images/docs/quickstart/environment-varss.png) + ![environment-varss](/images/docs/zh-cn/quickstart/wordpress-deployment/environment-varss.png) - 单击`√`保存配置，单击**下一步**继续。 + 点击 **√** 保存配置，再点击**下一步**继续。 -15. 在**挂载存储**设置中，单击**添加存储卷**然后单击**选择已有存储卷**。 +15. 在**挂载存储**中，点击**添加存储卷**，并**选择已有存储卷**。 - ![volume-template-wordpress](/images/docs/quickstart/volume-template-wordpress.png) + ![add-volume-page](/images/docs/zh-cn/quickstart/wordpress-deployment/add-volume-page.png) - ![choose-existing](/images/docs/quickstart/choose-existing.png) + ![choose-existing-volume](/images/docs/zh-cn/quickstart/wordpress-deployment/choose-existing-volume.png) -16. 选择上一步创建的`wordpress-pvc`，将模式设置为`读写`，并输入装载路径`/var/www/html`。单击`√`保存并单击**下一步**继续。 +16. 选择上一步创建的 `wordpress-pvc`，将模式设置为`读写`，并输入挂载路径 `/var/www/html`。点击 **√** 保存，再点击**下一步**继续。 - ![choose-existing-volume](/images/docs/quickstart/choose-existing-volume.png) + ![mount-volume-page](/images/docs/zh-cn/quickstart/wordpress-deployment/mount-volume-page.png) -17. 在**高级设置**中，您可以直接点击**添加**创建服务，也可以根据需要选择其他选项。 +17. 在**高级设置**中，可以直接点击**添加**创建服务，也可以按需选择其他选项。 - ![advanced-settings-wordpress](/images/docs/quickstart/advanced-settings-wordpress.png) + ![advanced](/images/docs/zh-cn/quickstart/wordpress-deployment/advanced.png) -18. 现在也设置了前端组件，单击**下一步**继续。 +18. 现在，前端组件也已设置完成。点击**下一步**继续。 - ![two-components-done](/images/docs/quickstart/two-components-done.png) + ![components-finished](/images/docs/zh-cn/quickstart/wordpress-deployment/components-finished.png) -19. 您可以在这里设置路由规则（入口），也可以直接单击**创建**来创建应用程序。 +19. 您可以在这里设置路由规则（应用路由 Ingress），也可以直接点击**创建**。 - ![ingress](/images/docs/quickstart/ingress.png) + ![ingress-create](/images/docs/zh-cn/quickstart/wordpress-deployment/ingress-create.png) -20. 创建后，应用程序将显示在下面的列表中。 +20. 创建后，应用将显示在下面的列表中。 - ![create](/images/docs/quickstart/create.png) + ![application-created](/images/docs/zh-cn/quickstart/wordpress-deployment/application-created.png) -### 任务 4：验证资源 +### 步骤 4：验证资源 -在**工作负载**中，分别检查**部署**和**有状态副本集**中的`wordpress-v1`和`mysql-v1`的状态。如果他们运行如下图所示，这意味着 WordPress 已经成功创建。 +在**工作负载**中，分别检查**部署**和**有状态副本集**中 `wordpress-v1` 和 `mysql-v1` 的状态。如果它们的运行状态如下图所示，就意味着 WordPress 已经成功创建。 -![wordpress-deployment](/images/docs/quickstart/wordpress-deployment.png) +![wordpress-deployment](/images/docs/zh-cn/quickstart/wordpress-deployment/wordpress-deployment.png) -![wordpress-statefulset](/images/docs/quickstart/wordpress-statefulset.png) +![mysql-running](/images/docs/zh-cn/quickstart/wordpress-deployment/mysql-running.png) -### 任务 5：通过 NodePort 访问 WordPress +### 步骤 5：通过 NodePort 访问 WordPress -1. 要访问集群外的服务，请首先导航到**服务**，单击`wordpress`右侧的三个点后选择**编辑外网访问**。 +1. 若要在集群外访问服务，请首先导航到**服务**。点击 `wordpress` 右侧的三个点后，选择**编辑外网访问**。 - ![edit-internet-access](/images/docs/quickstart/edit-internet-access.png) + ![edit-internet-access](/images/docs/zh-cn/quickstart/wordpress-deployment/edit-internet-access.png) -2. 在**访问方式**中选择`NodePort`，然后单击**确定**。 +2. 在**访问方式**中选择 `NodePort`，然后点击**确定**。 - ![access-method](/images/docs/quickstart/access-method.png) + ![access-method](/images/docs/zh-cn/quickstart/wordpress-deployment/access-method.png) -3. 单击服务进入详情页可以看到暴露的端口。 +3. 点击服务进入详情页，可以看到暴露的端口。 - ![nodeport-number](/images/docs/quickstart/nodeport-number.png) + ![nodeport-number](/images/docs/zh-cn/quickstart/wordpress-deployment/nodeport-number.png) -4. 通过`{Node IP}:{NodePort}`访问此应用程序，可以看到下图： +4. 通过 `{Node IP}:{NodePort}` 访问此应用程序，可以看到下图： - ![wordpress](/images/docs/quickstart/wordpress.png) + ![wordpress-page](/images/docs/zh-cn/quickstart/wordpress-deployment/wordpress-page.png) {{< notice note >}} 在访问服务之前，请确保安全组中的端口已打开。 diff --git a/static/images/docs/zh-cn/quickstart/wordpress-deployment/WordPress.png b/static/images/docs/zh-cn/quickstart/wordpress-deployment/WordPress.png new file mode 100644 index 000000000..8ef7ca55e Binary files /dev/null and b/static/images/docs/zh-cn/quickstart/wordpress-deployment/WordPress.png differ diff --git a/static/images/docs/zh-cn/quickstart/wordpress-deployment/access-method.png b/static/images/docs/zh-cn/quickstart/wordpress-deployment/access-method.png new file mode 100644 index 000000000..b0291c951 Binary files /dev/null and b/static/images/docs/zh-cn/quickstart/wordpress-deployment/access-method.png differ diff --git a/static/images/docs/zh-cn/quickstart/wordpress-deployment/add-container.png b/static/images/docs/zh-cn/quickstart/wordpress-deployment/add-container.png new file mode 100644 index 000000000..9918b713c Binary files /dev/null and b/static/images/docs/zh-cn/quickstart/wordpress-deployment/add-container.png differ diff --git a/static/images/docs/zh-cn/quickstart/wordpress-deployment/add-service.png b/static/images/docs/zh-cn/quickstart/wordpress-deployment/add-service.png new file mode 100644 index 000000000..69a3d9abb Binary files /dev/null and b/static/images/docs/zh-cn/quickstart/wordpress-deployment/add-service.png differ diff --git a/static/images/docs/zh-cn/quickstart/wordpress-deployment/add-volume-page.png b/static/images/docs/zh-cn/quickstart/wordpress-deployment/add-volume-page.png new file mode 100644 index 000000000..647028925 Binary files /dev/null and b/static/images/docs/zh-cn/quickstart/wordpress-deployment/add-volume-page.png differ diff --git a/static/images/docs/zh-cn/quickstart/wordpress-deployment/advanced-setting.png b/static/images/docs/zh-cn/quickstart/wordpress-deployment/advanced-setting.png new file mode 100644 index 000000000..0156875f9 Binary files /dev/null and b/static/images/docs/zh-cn/quickstart/wordpress-deployment/advanced-setting.png differ diff --git a/static/images/docs/zh-cn/quickstart/wordpress-deployment/advanced.png b/static/images/docs/zh-cn/quickstart/wordpress-deployment/advanced.png new file mode 100644 index 000000000..0dabe55a2 Binary files /dev/null and b/static/images/docs/zh-cn/quickstart/wordpress-deployment/advanced.png differ diff --git a/static/images/docs/zh-cn/quickstart/wordpress-deployment/application-created.png b/static/images/docs/zh-cn/quickstart/wordpress-deployment/application-created.png new file mode 100644 index 000000000..71b333041 Binary files /dev/null and b/static/images/docs/zh-cn/quickstart/wordpress-deployment/application-created.png differ diff --git a/static/images/docs/zh-cn/quickstart/wordpress-deployment/basic-info.png b/static/images/docs/zh-cn/quickstart/wordpress-deployment/basic-info.png new file mode 100644 index 000000000..b17edf9fb Binary files /dev/null and b/static/images/docs/zh-cn/quickstart/wordpress-deployment/basic-info.png differ diff --git a/static/images/docs/zh-cn/quickstart/wordpress-deployment/choose-existing-volume.png b/static/images/docs/zh-cn/quickstart/wordpress-deployment/choose-existing-volume.png new file mode 100644 index 000000000..3f0d5dd34 Binary files /dev/null and b/static/images/docs/zh-cn/quickstart/wordpress-deployment/choose-existing-volume.png differ diff --git a/static/images/docs/zh-cn/quickstart/wordpress-deployment/components-finished.png b/static/images/docs/zh-cn/quickstart/wordpress-deployment/components-finished.png new file mode 100644 index 000000000..80449e077 Binary files /dev/null and b/static/images/docs/zh-cn/quickstart/wordpress-deployment/components-finished.png differ diff --git a/static/images/docs/zh-cn/quickstart/wordpress-deployment/composing-app.png b/static/images/docs/zh-cn/quickstart/wordpress-deployment/composing-app.png new file mode 100644 index 000000000..160ecbf8b Binary files /dev/null and b/static/images/docs/zh-cn/quickstart/wordpress-deployment/composing-app.png differ diff --git a/static/images/docs/zh-cn/quickstart/wordpress-deployment/container-image-page.png b/static/images/docs/zh-cn/quickstart/wordpress-deployment/container-image-page.png new file mode 100644 index 000000000..1f1ceb3e7 Binary files /dev/null and b/static/images/docs/zh-cn/quickstart/wordpress-deployment/container-image-page.png differ diff --git a/static/images/docs/zh-cn/quickstart/wordpress-deployment/container-image.png b/static/images/docs/zh-cn/quickstart/wordpress-deployment/container-image.png new file mode 100644 index 000000000..37f57932e Binary files /dev/null and b/static/images/docs/zh-cn/quickstart/wordpress-deployment/container-image.png differ diff --git a/static/images/docs/zh-cn/quickstart/wordpress-deployment/create-secret.png b/static/images/docs/zh-cn/quickstart/wordpress-deployment/create-secret.png new file mode 100644 index 000000000..7c93aafd6 Binary files /dev/null and b/static/images/docs/zh-cn/quickstart/wordpress-deployment/create-secret.png differ diff --git a/static/images/docs/zh-cn/quickstart/wordpress-deployment/edit-internet-access.png b/static/images/docs/zh-cn/quickstart/wordpress-deployment/edit-internet-access.png new file mode 100644 index 000000000..a9094d828 Binary files /dev/null and b/static/images/docs/zh-cn/quickstart/wordpress-deployment/edit-internet-access.png differ diff --git a/static/images/docs/zh-cn/quickstart/wordpress-deployment/environment-var.png b/static/images/docs/zh-cn/quickstart/wordpress-deployment/environment-var.png new file mode 100644 index 000000000..f65e55e3d Binary files /dev/null and b/static/images/docs/zh-cn/quickstart/wordpress-deployment/environment-var.png differ diff --git a/static/images/docs/zh-cn/quickstart/wordpress-deployment/environment-varss.png b/static/images/docs/zh-cn/quickstart/wordpress-deployment/environment-varss.png new file mode 100644 index 000000000..f79692124 Binary files /dev/null and b/static/images/docs/zh-cn/quickstart/wordpress-deployment/environment-varss.png differ diff --git a/static/images/docs/zh-cn/quickstart/wordpress-deployment/ingress-create.png b/static/images/docs/zh-cn/quickstart/wordpress-deployment/ingress-create.png new file mode 100644 index 000000000..3d0c436b3 Binary files /dev/null and b/static/images/docs/zh-cn/quickstart/wordpress-deployment/ingress-create.png differ diff --git a/static/images/docs/zh-cn/quickstart/wordpress-deployment/key-value.png b/static/images/docs/zh-cn/quickstart/wordpress-deployment/key-value.png new file mode 100644 index 000000000..6d8f26c3f Binary files /dev/null and b/static/images/docs/zh-cn/quickstart/wordpress-deployment/key-value.png differ diff --git a/static/images/docs/zh-cn/quickstart/wordpress-deployment/mount-volume-page.png b/static/images/docs/zh-cn/quickstart/wordpress-deployment/mount-volume-page.png new file mode 100644 index 000000000..f450daf8b Binary files /dev/null and b/static/images/docs/zh-cn/quickstart/wordpress-deployment/mount-volume-page.png differ diff --git a/static/images/docs/zh-cn/quickstart/wordpress-deployment/mysql-finished.png b/static/images/docs/zh-cn/quickstart/wordpress-deployment/mysql-finished.png new file mode 100644 index 000000000..030d13099 Binary files /dev/null and b/static/images/docs/zh-cn/quickstart/wordpress-deployment/mysql-finished.png differ diff --git a/static/images/docs/zh-cn/quickstart/wordpress-deployment/mysql-running.png b/static/images/docs/zh-cn/quickstart/wordpress-deployment/mysql-running.png new file mode 100644 index 000000000..056c71830 Binary files /dev/null and b/static/images/docs/zh-cn/quickstart/wordpress-deployment/mysql-running.png differ diff --git a/static/images/docs/zh-cn/quickstart/wordpress-deployment/mysqlname.png b/static/images/docs/zh-cn/quickstart/wordpress-deployment/mysqlname.png new file mode 100644 index 000000000..73faa78e5 Binary files /dev/null and b/static/images/docs/zh-cn/quickstart/wordpress-deployment/mysqlname.png differ diff --git a/static/images/docs/zh-cn/quickstart/wordpress-deployment/name-wordpress.png b/static/images/docs/zh-cn/quickstart/wordpress-deployment/name-wordpress.png new file mode 100644 index 000000000..6a11fe3e9 Binary files /dev/null and b/static/images/docs/zh-cn/quickstart/wordpress-deployment/name-wordpress.png differ diff --git a/static/images/docs/zh-cn/quickstart/wordpress-deployment/nodeport-number.png b/static/images/docs/zh-cn/quickstart/wordpress-deployment/nodeport-number.png new file mode 100644 index 000000000..9f77c283e Binary files /dev/null and b/static/images/docs/zh-cn/quickstart/wordpress-deployment/nodeport-number.png differ diff --git a/static/images/docs/zh-cn/quickstart/wordpress-deployment/volume-settings.png b/static/images/docs/zh-cn/quickstart/wordpress-deployment/volume-settings.png new file mode 100644 index 000000000..030b0eb39 Binary files /dev/null and b/static/images/docs/zh-cn/quickstart/wordpress-deployment/volume-settings.png differ diff --git a/static/images/docs/zh-cn/quickstart/wordpress-deployment/volume-template.png b/static/images/docs/zh-cn/quickstart/wordpress-deployment/volume-template.png new file mode 100644 index 000000000..45242adef Binary files /dev/null and b/static/images/docs/zh-cn/quickstart/wordpress-deployment/volume-template.png differ diff --git a/static/images/docs/zh-cn/quickstart/wordpress-deployment/volumes.png b/static/images/docs/zh-cn/quickstart/wordpress-deployment/volumes.png new file mode 100644 index 000000000..822d62509 Binary files /dev/null and b/static/images/docs/zh-cn/quickstart/wordpress-deployment/volumes.png differ diff --git a/static/images/docs/zh-cn/quickstart/wordpress-deployment/wordpress-deployment.png b/static/images/docs/zh-cn/quickstart/wordpress-deployment/wordpress-deployment.png new file mode 100644 index 000000000..adb7a5a1d Binary files /dev/null and b/static/images/docs/zh-cn/quickstart/wordpress-deployment/wordpress-deployment.png differ diff --git a/static/images/docs/zh-cn/quickstart/wordpress-deployment/wordpress-page.png b/static/images/docs/zh-cn/quickstart/wordpress-deployment/wordpress-page.png new file mode 100644 index 000000000..5fe19bee1 Binary files /dev/null and b/static/images/docs/zh-cn/quickstart/wordpress-deployment/wordpress-page.png differ diff --git a/static/images/docs/zh-cn/quickstart/wordpress-deployment/wordpress-secrets.png b/static/images/docs/zh-cn/quickstart/wordpress-deployment/wordpress-secrets.png new file mode 100644 index 000000000..67947136a Binary files /dev/null and b/static/images/docs/zh-cn/quickstart/wordpress-deployment/wordpress-secrets.png differ