diff --git a/content/zh/docs/quick-start/wordpress-deployment.md b/content/zh/docs/quick-start/wordpress-deployment.md index 33cfaf071..da33f57e4 100644 --- a/content/zh/docs/quick-start/wordpress-deployment.md +++ b/content/zh/docs/quick-start/wordpress-deployment.md @@ -34,9 +34,9 @@ WordPress（使用 PHP 语言编写）是免费、开源的内容管理系统， 1. 使用 `project-regular` 帐户登录 KubeSphere 控制台，访问 `demo-project` 的详情页并导航到**配置中心**。在**密钥**中，点击右侧的**创建**。 - ![create-secret](/images/docs/zh-cn/quickstart/wordpress-deployment/create-secret.png) + ![create-secret1](/images/docs/zh-cn/quickstart/wordpress-deployment/create-secret1.png) -2. 输入基本信息（例如，将其命名为 `mysql-secret`）并点击**下一步**。在下一页中，选择**类型**为**默认**，然后点击**添加数据**来添加键值对。输入如下所示的键 (Key) `MYSQL_ROOT_PASSWORD` 和值 (Value) `123456`，点击右下角 **√** 进行确认。完成后，点击**创建**按钮以继续。 +2. 输入基本信息（例如，将其命名为 `mysql-secret`）并点击**下一步**。在下一页中，选择**类型**为 **Opaque（默认）**，然后点击**添加数据**来添加键值对。输入如下所示的键 (Key) `MYSQL_ROOT_PASSWORD` 和值 (Value) `123456`，点击右下角 **√** 进行确认。完成后，点击**创建**按钮以继续。 ![key-value](/images/docs/zh-cn/quickstart/wordpress-deployment/key-value.png) @@ -44,19 +44,19 @@ WordPress（使用 PHP 语言编写）是免费、开源的内容管理系统， 按照以上相同的步骤创建一个名为 `wordpress-secret` 的 WordPress 密钥，输入键 (Key) `WORDPRESS_DB_PASSWORD` 和值 (Value) `123456`。创建的密钥显示在列表中，如下所示： -![wordpress-secrets](/images/docs/zh-cn/quickstart/wordpress-deployment/wordpress-secrets.png) +![wordpress-secrets1](/images/docs/zh-cn/quickstart/wordpress-deployment/wordpress-secrets1.png) ### 步骤 2：创建存储卷 1. 访问**存储管理**下的**存储卷**，点击**创建**。 - ![volumes](/images/docs/zh-cn/quickstart/wordpress-deployment/volumes.png) + ![volumes1](/images/docs/zh-cn/quickstart/wordpress-deployment/volumes1.png) 2. 输入卷的基本信息（例如，将其命名为 `wordpress-pvc`），然后点击**下一步**。 3. 在**存储卷设置**中，需要选择一个可用的**存储类型**，并设置**访问模式**和**存储卷容量**。您可以直接使用如下所示的默认值，点击**下一步**继续。 - ![volume-settings](/images/docs/zh-cn/quickstart/wordpress-deployment/volume-settings.png) + ![volume-settings1](/images/docs/zh-cn/quickstart/wordpress-deployment/volume-settings1.png) 4. 对于**高级设置**，您无需为当前步骤添加额外的配置，点击**创建**完成即可。 @@ -66,7 +66,7 @@ WordPress（使用 PHP 语言编写）是免费、开源的内容管理系统， 1. 导航到**应用负载**下的**应用**，选择**自制应用**，再点击**构建自制应用**。 - ![composing-app](/images/docs/zh-cn/quickstart/wordpress-deployment/composing-app.png) + ![composing-app1](/images/docs/zh-cn/quickstart/wordpress-deployment/composing-app1.png) 2. 输入基本信息（例如，在应用名称一栏输入 `wordpress`），然后点击**下一步**。 @@ -94,19 +94,19 @@ WordPress（使用 PHP 语言编写）是免费、开源的内容管理系统， 在**高级设置**中，请确保内存限制不小于 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/zh-cn/quickstart/wordpress-deployment/environment-var.png) 9. 选择**挂载存储**中的**添加存储卷模板**，输入**存储卷名称** (`mysql`) 和**挂载路径**（模式：`读写`，路径：`/var/lib/mysql`）的值，如下所示： - ![volume-template](/images/docs/zh-cn/quickstart/wordpress-deployment/volume-template.png) + ![volume-template1](/images/docs/zh-cn/quickstart/wordpress-deployment/volume-template1.png) 完成后，点击 **√** 保存设置并点击**下一步**继续。 10. 在**高级设置**中，可以直接点击**添加**，也可以按需选择其他选项。 - ![advanced-setting](/images/docs/zh-cn/quickstart/wordpress-deployment/advanced-setting.png) + ![advanced-setting1](/images/docs/zh-cn/quickstart/wordpress-deployment/advanced-setting1.png) 11. 现在，MySQL 组件已经添加完成，如下所示： @@ -122,7 +122,7 @@ WordPress（使用 PHP 语言编写）是免费、开源的内容管理系统， ![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)。 @@ -147,7 +147,7 @@ WordPress（使用 PHP 语言编写）是免费、开源的内容管理系统， 17. 在**高级设置**中，可以直接点击**添加**创建服务，也可以按需选择其他选项。 - ![advanced](/images/docs/zh-cn/quickstart/wordpress-deployment/advanced.png) + ![advanced1](/images/docs/zh-cn/quickstart/wordpress-deployment/advanced1.png) 18. 现在，前端组件也已设置完成。点击**下一步**继续。 @@ -159,21 +159,21 @@ WordPress（使用 PHP 语言编写）是免费、开源的内容管理系统， 20. 创建后，应用将显示在下面的列表中。 - ![application-created](/images/docs/zh-cn/quickstart/wordpress-deployment/application-created.png) + ![application-created1](/images/docs/zh-cn/quickstart/wordpress-deployment/application-created1.png) ### 步骤 4：验证资源 在**工作负载**中，分别检查**部署**和**有状态副本集**中 `wordpress-v1` 和 `mysql-v1` 的状态。如果它们的运行状态如下图所示，就意味着 WordPress 已经成功创建。 -![wordpress-deployment](/images/docs/zh-cn/quickstart/wordpress-deployment/wordpress-deployment.png) +![wordpress-deployment1](/images/docs/zh-cn/quickstart/wordpress-deployment/wordpress-deployment1.png) -![mysql-running](/images/docs/zh-cn/quickstart/wordpress-deployment/mysql-running.png) +![mysql-running1](/images/docs/zh-cn/quickstart/wordpress-deployment/mysql-running1.png) ### 步骤 5：通过 NodePort 访问 WordPress 1. 若要在集群外访问服务，请首先导航到**服务**。点击 `wordpress` 右侧的三个点后，选择**编辑外网访问**。 - ![edit-internet-access](/images/docs/zh-cn/quickstart/wordpress-deployment/edit-internet-access.png) + ![edit-internet-access1](/images/docs/zh-cn/quickstart/wordpress-deployment/edit-internet-access1.png) 2. 在**访问方式**中选择 `NodePort`，然后点击**确定**。 @@ -181,7 +181,7 @@ WordPress（使用 PHP 语言编写）是免费、开源的内容管理系统， 3. 点击服务进入详情页，可以看到暴露的端口。 - ![nodeport-number](/images/docs/zh-cn/quickstart/wordpress-deployment/nodeport-number.png) + ![nodeport-number1](/images/docs/zh-cn/quickstart/wordpress-deployment/nodeport-number1.png) 4. 通过 `{Node IP}:{NodePort}` 访问此应用程序，可以看到下图： diff --git a/static/images/docs/zh-cn/quickstart/wordpress-deployment/advanced-setting1.png b/static/images/docs/zh-cn/quickstart/wordpress-deployment/advanced-setting1.png new file mode 100644 index 000000000..666b2075c Binary files /dev/null and b/static/images/docs/zh-cn/quickstart/wordpress-deployment/advanced-setting1.png differ diff --git a/static/images/docs/zh-cn/quickstart/wordpress-deployment/advanced1.png b/static/images/docs/zh-cn/quickstart/wordpress-deployment/advanced1.png new file mode 100644 index 000000000..4e4582337 Binary files /dev/null and b/static/images/docs/zh-cn/quickstart/wordpress-deployment/advanced1.png differ diff --git a/static/images/docs/zh-cn/quickstart/wordpress-deployment/application-created1.png b/static/images/docs/zh-cn/quickstart/wordpress-deployment/application-created1.png new file mode 100644 index 000000000..22a93d81d Binary files /dev/null and b/static/images/docs/zh-cn/quickstart/wordpress-deployment/application-created1.png differ diff --git a/static/images/docs/zh-cn/quickstart/wordpress-deployment/composing-app1.png b/static/images/docs/zh-cn/quickstart/wordpress-deployment/composing-app1.png new file mode 100644 index 000000000..592962569 Binary files /dev/null and b/static/images/docs/zh-cn/quickstart/wordpress-deployment/composing-app1.png differ diff --git a/static/images/docs/zh-cn/quickstart/wordpress-deployment/create-secret1.png b/static/images/docs/zh-cn/quickstart/wordpress-deployment/create-secret1.png new file mode 100644 index 000000000..be17b910d Binary files /dev/null and b/static/images/docs/zh-cn/quickstart/wordpress-deployment/create-secret1.png differ diff --git a/static/images/docs/zh-cn/quickstart/wordpress-deployment/edit-internet-access1.png b/static/images/docs/zh-cn/quickstart/wordpress-deployment/edit-internet-access1.png new file mode 100644 index 000000000..a09d9cbfb Binary files /dev/null and b/static/images/docs/zh-cn/quickstart/wordpress-deployment/edit-internet-access1.png differ diff --git a/static/images/docs/zh-cn/quickstart/wordpress-deployment/mysql-running1.png b/static/images/docs/zh-cn/quickstart/wordpress-deployment/mysql-running1.png new file mode 100644 index 000000000..aed02d139 Binary files /dev/null and b/static/images/docs/zh-cn/quickstart/wordpress-deployment/mysql-running1.png differ diff --git a/static/images/docs/zh-cn/quickstart/wordpress-deployment/nodeport-number1.png b/static/images/docs/zh-cn/quickstart/wordpress-deployment/nodeport-number1.png new file mode 100644 index 000000000..fcdfc8c00 Binary files /dev/null and b/static/images/docs/zh-cn/quickstart/wordpress-deployment/nodeport-number1.png differ diff --git a/static/images/docs/zh-cn/quickstart/wordpress-deployment/volume-settings1.png b/static/images/docs/zh-cn/quickstart/wordpress-deployment/volume-settings1.png new file mode 100644 index 000000000..173be3bd5 Binary files /dev/null and b/static/images/docs/zh-cn/quickstart/wordpress-deployment/volume-settings1.png differ diff --git a/static/images/docs/zh-cn/quickstart/wordpress-deployment/volume-template1.png b/static/images/docs/zh-cn/quickstart/wordpress-deployment/volume-template1.png new file mode 100644 index 000000000..4fdeaabee Binary files /dev/null and b/static/images/docs/zh-cn/quickstart/wordpress-deployment/volume-template1.png differ diff --git a/static/images/docs/zh-cn/quickstart/wordpress-deployment/volumes1.png b/static/images/docs/zh-cn/quickstart/wordpress-deployment/volumes1.png new file mode 100644 index 000000000..6f3c7b88a Binary files /dev/null and b/static/images/docs/zh-cn/quickstart/wordpress-deployment/volumes1.png differ diff --git a/static/images/docs/zh-cn/quickstart/wordpress-deployment/wordpress-deployment1.png b/static/images/docs/zh-cn/quickstart/wordpress-deployment/wordpress-deployment1.png new file mode 100644 index 000000000..faf257b7d Binary files /dev/null and b/static/images/docs/zh-cn/quickstart/wordpress-deployment/wordpress-deployment1.png differ diff --git a/static/images/docs/zh-cn/quickstart/wordpress-deployment/wordpress-secrets1.png b/static/images/docs/zh-cn/quickstart/wordpress-deployment/wordpress-secrets1.png new file mode 100644 index 000000000..f7446d3d2 Binary files /dev/null and b/static/images/docs/zh-cn/quickstart/wordpress-deployment/wordpress-secrets1.png differ