Updated wordpress-zh-pics

Signed-off-by: adakisme <serenashe@yunify.com>
This commit is contained in:
adakisme 2021-04-27 11:10:10 +08:00
parent 1bb9530342
commit 0c898e2d8e
14 changed files with 16 additions and 16 deletions

View File

@ -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 可能因内存不足而无法启动。
{{</ notice >}}
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}` 访问此应用程序,可以看到下图:

Binary file not shown.

After

Width:  |  Height:  |  Size: 155 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 161 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 238 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 227 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 219 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 275 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 241 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 293 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 161 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 205 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 216 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 241 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 243 KiB