Upgrade the menu items about Chinese (#9562)

* add Chinese menus items

* move faq module to about subfolder

* upgrade the case study page support i18n.

* add deployment page about Chinese.

* upgrade all "learn more" button text support i18n.

* add ecosystem page about Chinese.

* add service mesh page about Chinese.

* add get involved page about Chinese.

* fixed the lint checking about Kubernetes & VM spelling.

* fixed some review comments.

* change FAQ translation.

* fixed some review comments & conflict

* change some translate words about involve page.

* try to fixed the spelling check in service mesh page.

* change the title desc in service mesh page.

* change Istio spelling in service mesh page.

config.toml

@@ -192,5 +192,88 @@ disableAliases = true
     url = "/docs/"
     weight = 5
 
+  # i18n for Chinese
+  [[languages.zh.menu.main]]
+    identifier = "about"
+    name = "关于"
+    title = "关于部分"
+    weight = 1
+    
+    [[languages.zh.menu.main]]
+      identifier = "service-mesh"
+      name = "服务网格"
+      title = "服务网格"
+      url = "/zh/about/service-mesh"
+      parent = "about"
+      weight = 1
+
+    [[languages.zh.menu.main]]
+      identifier = "solutions"
+      name = "解决方案"
+      title = "解决方案"
+      url = "/zh/about/solutions"
+      parent = "about"
+      weight = 2
+
+    [[languages.zh.menu.main]]
+      identifier = "case-studies"
+      name = "案例学习"
+      title = "案例学习"
+      url = "/zh/about/case-studies"
+      parent = "about"
+      weight = 3
+
+    [[languages.zh.menu.main]]
+      identifier = "ecosystem"
+      name = "生态系统"
+      title = "生态系统"
+      url = "/zh/about/ecosystem"
+      parent = "about"
+      weight = 4
+
+    [[languages.zh.menu.main]]
+      identifier = "deployment"
+      name = "部署"
+      title = "部署"
+      url = "/zh/about/deployment"
+      parent = "about"
+      weight = 5
+
+    [[languages.zh.menu.main]]
+      identifier = "faq"
+      name = "FAQ"
+      title = "FAQ"
+      url = "/zh/about/faq"
+      parent = "about"
+      weight = 6
+
+  [[languages.zh.menu.main]]
+    identifier = "blog"
+    name = "博客"
+    title = "Istio 博客"
+    url = "/zh/blog/"
+    weight = 2
+
+  [[languages.zh.menu.main]]
+    identifier = "news"
+    name = "新闻"
+    title = "新闻"
+    url = "/zh/news/"
+    weight = 3
+
+  [[languages.zh.menu.main]]
+    identifier = "get-involved"
+    name = "加入我们"
+    title = "加入我们"
+    url = "/zh/get-involved/"
+    weight = 4
+
+  [[languages.zh.menu.main]]
+    identifier = "docs"
+    name = "文档"
+    title = "文档"
+    url = "/zh/docs/"
+    weight = 5
+
 [permalinks]
   case-studies = "/:slug"

content/zh/about/_index.md

@@ -2,7 +2,7 @@
 title: 关于 Istio
 linktitle: 关于
 description: 关于 Istio 项目的说明。
-sidebar_singlecard: true
+sidebar_none: true
 weight: 15
-icon: about
+doc_type: about
 ---

content/zh/about/case-studies/_index.md

@@ -1,7 +1,7 @@
 ---
-title: 案例探究
+title: 案例学习
 aliases:
-    - /case-studies
+    - /zh/case-studies
 doc_type: about
 type: case-studies
 sidebar_none: true

content/zh/about/deployment/index.md

@@ -0,0 +1,30 @@
+---
+title: 部署
+description: 部署。
+subtitle: Istio 目的是解决当单体应用程序向分布式微服务架构过渡时开发人员和运营商所面临的挑战。
+weight: 34
+skip_toc: true
+skip_byline: true
+skip_pagenav: true
+aliases:
+    - /zh/deployment.html
+doc_type: about
+---
+[comment]: <> (TODO: Replace placeholders)
+
+{{< centered_block >}}
+
+## 第 1 步{#step-one}
+
+Istio 解决了开发人员和运营商在单一应用程序向分布式微服务架构过渡时所面临的挑战。了解这一点，有助于更详细地了解 Istio 的服务网格。
+
+## 第 2 步{#step-two}
+
+尽管所有微服务都能轻松过渡到 mTLS 是一个强大的激励因素，Istio 也得到了许多大型组织的支持。汽车贸易英国已经与谷歌合作，所以谷歌是一个强大的支持 Istio 给他们信心，它将得到支持和长期增长。
+
+GKE 的早期实验和 Istio 取得了成功，很快得到了企业的认可。他们几个月来一直试图实现的功能，在短短一周内就突然准备好了。 Istio 不仅能够提供 mTLS，还能够提供健壮的重试和备份策略以及离群值检测。
+
+## 第 3 步{#step-three}
+
+Istio 让英国汽车贸易商有信心将所有应用部署到公共云。随着可观察性的增加，他们现在有了管理和思考基础设施的新方法。他们突然对性能和安全性有了深刻的认识，同时 Istio 正在帮助他们发现一直存在的、未被注意到的 Bug。
+{{< /centered_block >}}

content/zh/about/ecosystem/index.md

@@ -0,0 +1,47 @@
+---
+title: 生态系统
+description: 生态系统。
+subtitle: "Istio 是一个服务网格，提供所有微服务环境所需要的横切功能。您可以从 27 个经销商那里得到发行"
+weight: 34
+skip_toc: true
+skip_byline: true
+skip_pagenav: true
+doc_type: about
+---
+[comment]: <> (TODO: Replace placeholders)
+
+{{< tabset category-name="ecosystem-type" class="tabset--ecosystem" forget-tab=true >}}
+
+    {{< tab
+        name="供应商"
+        category-value="providers"
+        description="位置加权负载平衡允许管理员根据流量的产生地点和终止地点来控制流量到端点的分布。"
+    >}}
+
+    {{< companies items="providers">}}
+
+    {{< /tab >}}
+
+    {{< tab
+        name="专业服务"
+        category-value="services"
+        description="位置加权负载平衡允许管理员根据流量的产生地点和终止地点来控制流量到端点的分布。"
+    >}}
+
+    {{< interactive_panels items="pro_services" >}}
+
+    {{< /tab >}}
+
+    {{< tab
+        name="集成"
+        category-value="integrations"
+        description="位置加权负载平衡允许管理员根据流量的产生地点和终止地点来控制流量到端点的分布。"
+    >}}
+
+    {{< interactive_panels items="integrations" >}}
+
+    {{< /tab >}}
+
+{{< /tabset >}}
+
+{{< interactive_panel_modal >}}

content/zh/about/faq/_index.md

@@ -0,0 +1,18 @@
+---
+title: FAQ
+description: 关于 Istio 的常见问题。
+subtitle: Istio 解决了开发人员和运营商在单一应用程序向分布式微服务架构过渡时所面临的挑战
+weight: 1
+layout: faq-landing
+aliases: 
+  - /zh/docs/welcome/faq.html
+  - /zh/docs/reference/faq.html
+  - /zh/help/faq/
+  - /zh/faq.html
+icon: faq
+skip_toc: false
+skip_byline: true
+skip_pagenav: true
+sidebar_none: true
+doc_type: about has-toc
+---

content/zh/about/service-mesh/index.md

@@ -0,0 +1,86 @@
+---
+title: Istio 服务网格
+description: 服务网格。
+subtitle: Istio 解决了开发人员和运营商在分布式微服务架构中面临的挑战。无论您是从头构建还是将现有的应用程序迁移到本地云，Istio 都能提供帮助
+weight: 34
+skip_toc: true
+skip_byline: true
+skip_pagenav: true
+aliases:
+    - /zh/service-mesh.html
+doc_type: about
+---
+[comment]: <> (TODO: Replace Service mesh graphic placeholder)
+
+{{< figure src="/img/service-mesh.svg" alt="服务网格" title="通过在部署的每个应用程序中添加代理“sidecar”，Istio 让您可以为应用程序感知流量管理、不可思议的可观察性和强大的安全功能编程到网络中。" >}}
+
+{{< centered_block >}}
+
+## 服务网格介绍{#what-is-a-service-mesh}
+
+现代应用程序通常被设计成微服务的分布式集合，每个服务执行一些离散的业务功能。服务网格是专门的基础设施层，包含了组成这类体系结构的微服务网络。 服务网格不仅描述了这个网络，而且还描述了分布式应用程序组件之间的交互。所有在服务之间传递的数据都由服务网格控制和路由。
+
+随着分布式服务的部署——比如基于 Kubernetes 的系统——规模和复杂性的增长，它可能会变得更加难以理解和管理。需求可以包括发现、负载平衡、故障恢复、度量和监视。微服务体系结构通常还有更复杂的操作需求，比如 A/B 测试、canary 部署、速率限制、访问控制、加密和端到端身份验证。
+
+服务到服务的通信使分布式应用成为可能。在应用程序集群内部和跨应用程序集群路由这种通信变得越来越复杂。 Istio 有助于减少这种复杂性，同时减轻开发团队的压力。
+{{< /centered_block >}}
+
+{{< centered_block >}}
+
+## Istio 介绍{#what-is-Istio}
+
+Istio 是一个开源服务网格，它透明地分层到现有的分布式应用程序上。 Istio 强大的特性提供了一种统一和更有效的方式来保护、连接和监视服务。  Istio 是实现负载平衡、服务到服务身份验证和监视的路径——只需要很少或不需要更改服务代码。它强大的控制平面带来了重要的特点，包括：
+
+- 使用 TLS 加密、强身份认证和授权的集群内服务到服务的安全通信
+- 自动负载均衡的 HTTP, gRPC, WebSocket，和 TCP 流量
+- 通过丰富的路由规则、重试、故障转移和故障注入对流量行为进行细粒度控制
+- 一个可插入的策略层和配置 API，支持访问控制、速率限制和配额
+- 对集群内的所有流量(包括集群入口和出口)进行自动度量、日志和跟踪
+
+Istio 是为可扩展性而设计的，可以处理不同范围的部署需求。Istio 的控制平面运行在 Kubernetes 上，您可以将部署在该集群中的应用程序添加到您的网格中，将网格扩展到其他集群，甚至连接 VM 或运行在 Kubernetes 之外的其他端点。
+
+一个由贡献者、合作伙伴、集成商和分销商组成的庞大生态系统将 Istio 扩展和利用到各种各样的场景中。
+
+您可以自己安装 Istio，或者许多供应商都有集成 Istio 并为您管理它的产品。
+{{< /centered_block >}}
+
+{{< centered_block >}}
+
+## 工作说明{#how-it-works}
+
+Istio 由两个部分组成：控制平面和数据平面。
+
+数据平面是业务之间的通信平面。如果没有一个服务网格，网络就无法理解正在发送的流量，也无法根据它是哪种类型的流量，或者它从谁那里来，到谁那里去做出任何决定。
+
+服务网格使用代理拦截所有的网络流量，允许根据您设置的配置提供广泛的应用程序感知功能。
+
+代理与您在集群中启动的每个服务一起部署，或者与运行在虚拟机上的服务一起运行。
+
+控制平面获取您所需的配置和服务视图，并动态地对代理服务器进行编程，随着规则或环境的变化更新它们。
+{{< /centered_block >}}
+
+{{< figure src="/img/service-mesh-before.svg" alt="使用 Istio 前" title="使用 Istio 前" >}}
+{{< figure src="/img/service-mesh.svg" alt="使用 Istio 后" title="使用 Istio 后" >}}
+
+# 概念{#concepts}
+
+{{< feature_block header="流量管理" image="management.svg" >}}
+Istio 的流量路由规则可以让您轻松地控制服务之间的流量和 API 调用。 Istio 简化了服务级别属性(如断路器、超时和重试)的配置，并使设置重要任务(如 A/B 测试、canary 部署和基于百分比的流量分割的分阶段部署)变得容易。 它还提供了开箱即用的故障恢复特性，帮助您的应用程序更健壮地应对依赖服务或网络的故障。
+{{< /feature_block>}}
+
+{{< feature_block header="可观测性" image="observability.svg" >}}
+Istio 为服务网格内的所有通信生成详细的遥测数据。这种遥测技术提供了服务行为的可观测性，使运营商能够排除故障、维护和优化其应用。 更好的是，它不会给服务开发人员带来任何额外的负担。通过 Istio，操作人员可以全面了解被监视的服务如何与其他服务以及 Istio 组件本身交互。
+
+Istio 的遥测技术包括详细的指标、分布式跟踪和完整的访问日志。有了 Istio，您就可以得到全面全面的服务网格可观察性。
+
+{{< /feature_block>}}
+
+{{< feature_block header="安全性能" image="security.svg" >}}
+微服务有特殊的安全需求，包括防止中间人攻击、灵活的访问控制、审计工具和相互的 TLS。 Istio 包括一个全面的安全解决方案，使运营商能够解决所有这些问题。 它提供了强大的身份、强大的策略、透明的 TLS 加密，以及验证、授权和审计（AAA）工具来保护您的服务和数据。
+
+Istio 的安全模型是基于默认安全的，旨在提供深度防御，允许您部署安全的应用程序，甚至跨不可信的网络。
+{{< /feature_block>}}
+
+# 解决方案{#solutions}
+
+{{< solutions_carousel >}}

content/zh/about/solutions/_index.md

@@ -3,7 +3,7 @@ title: 解决方案
 description: 解决方案。
 subtitle: Istio 目的是解决当单体应用程序向分布式微服务架构过渡时开发人员和运营商所面临的挑战。
 aliases:
-    - /solutions
+    - /zh/solutions
 doc_type: about
 type: solutions
 sidebar_none: true

content/zh/docs/_index.md

@@ -3,13 +3,15 @@ title: 文档
 linktitle: 文档
 description: 了解如何部署、使用和运维 Istio。
 weight: 1
-sidebar_multicard: true
+skip_toc: true
+skip_sidebar: true
 icon: docs
 test: n/a
+doc_type: docs
 ---
 
 另外，除了上面的文档链接，我们还提供了以下资源：
 
-- [FAQ](/zh/faq)
+- [FAQ](/zh/about/faq)
 - [词汇表](/zh/docs/reference/glossary)。
 - [文档归档](https://archive.istio.io/)中包括了历史版本的快照。

content/zh/docs/releases/bugs/index.md

@@ -6,7 +6,11 @@ aliases:
     - /zh/bugs.html
     - /zh/bugs/index.html
     - /zh/help/bugs/
+    - /zh/about/bugs
+    - /zh/latest/about/bugs
 icon: bugs
+owner: istio/wg-docs-maintainers
+test: n/a
 ---
 
 不好！您发现了一个错误？我们希望知道这一点。

content/zh/docs/releases/security-vulnerabilities/index.md

@@ -2,7 +2,12 @@
 title: 安全漏洞
 description: 我们如何处理安全漏洞。
 weight: 35
+aliases:
+    - /zh/about/security-vulnerabilities
+    - /zh/latest/about/security-vulnerabilities
 icon: vulnerabilities
+owner: istio/wg-docs-maintainers
+test: n/a
 ---
 
 我们非常感谢那些报告 Istio 安全漏洞的安全研究人员和用户。我们会彻底分析和评估每份报告。

content/zh/faq/_index.md

@@ -1,13 +0,0 @@
----
-title: FAQ
-description: 关于 Istio 的常见问题。
-weight: 1
-layout: faq-landing
-aliases: 
-  - /zh/docs/welcome/faq.html
-  - /zh/docs/reference/faq.html
-  - /zh/help/faq/
-icon: faq
----
-
-您有问题吗？我们有答案！

content/zh/get-involved/_index.md

@@ -13,27 +13,27 @@ doc_type: get-involved
 ## 如何参与进来？{#how-do-you-want-to-get-involved}
 
 {{% involve_block title="提出问题" subtitle="融入 Istio 社区进行沟通交流有很多种方式。" icon="user" %}}
-1. 在 [Istio 讨论板](https://discuss.istio.io)上不断有 Istio 用户积极踊跃地参与进来。来加入进来提问和讨论 Istio 吧。
+1. [**Istio 讨论板**](https://discuss.istio.io) 上不断有 Istio 用户积极踊跃地参与。加入进来对 Istio 提问和讨论。
 2. **加入我们** [**Slack**](https://slack.istio.io/) 与其他 Istio 社区成员进行实时交流。
 3. 将您遇到的具体问题提给 [**Stack Overflow**](https://stackoverflow.com/questions/tagged/istio)上的 **大神们** 。
 {{% /involve_block %}}
 
-{{% involve_block title="加入讨论" subtitle="围绕着 Istio 我们有太多可说的了，我们欢迎你的声音！" icon="events" %}}
-1. **参加活动!** [请关注我们的日程表](https://calendar.google.com/calendar/embed?src=i10ogf58krfbrsjai5qi16g4do@group.calendar.google.com) 了解即将到来的活动!
-2. 在 [**Twitter - @IstioMesh**](https://twitter.com/IstioMesh) 上关注我们
+{{% involve_block title="加入讨论" subtitle="围绕着 Istio 我们有太多可说的了，我们欢迎您的发声！" icon="events" %}}
+1. **参加活动！** [请关注我们的日程表](https://calendar.google.com/calendar/embed?src=i10ogf58krfbrsjai5qi16g4do@group.calendar.google.com) 了解即将到来的活动！
+2. 关注我们的 [**Twitter - @IstioMesh**](https://twitter.com/IstioMesh)
 {{% /involve_block %}}
 
 {{% involve_block title="错误与安全" subtitle="感谢您通过提交错误报告与安全漏洞来帮助我们改进 Istio。" icon="security" %}}
-1. 请阅读[**如何快速的报告错误**](/zh/docs/releases/bugs/),无论是代码还是文档它都适应。
-2. Istio会快速响应 **漏洞报告** , 请阅读 [如何提交一个 issue](/zh/docs/releases/security-vulnerabilities/)。
+1. 请阅读 [**如何快速的报告错误**](/zh/docs/releases/bugs/),无论是代码还是文档它都适应。
+2. Istio 会对 **漏洞报告** 做出快速响应, 请阅读 [如何提交一个 issue](/zh/docs/releases/security-vulnerabilities/)。
 {{% /involve_block %}}
 
-{{% involve_block title="成为贡献者" subtitle="代码、文档、社区: Istio 欢迎您的贡献! 请点击这些链接开始吧." icon="contribution" %}}
-1. 熟悉 Istio 的 [代码规范](https://github.com/istio/community/blob/master/CONTRIBUTING.md#code-of-conduct) 与 [贡献指南](https://github.com/istio/community/blob/master/CONTRIBUTING.md).
-2. 无论谁想要通过代码，文档还是其他部分进行贡献 [Istio 社区 README](https://github.com/istio/community/blob/master/README.md) 都是 **贡献者的起点** 。
-3. 您可以加入 [istio-team-drive-access@ Google Group](https://groups.google.com/forum/#!forum/istio-team-drive-access) 来 [**访问我们的技术内容和工作文档**](https://drive.google.com/corp/drive/u/0/folders/0AIS5p3eW9BCtUk9PVA)。
-4. 您可以加入 [**工作组**](https://github.com/istio/community/blob/master/WORKING-GROUPS.md) 这些工作组专注于你感兴趣的特定领域，如文档，安全和网络。
-5. 对帮助 **中文文档** 感兴趣么? [参与进来](https://i.cloudnative.to/istio/event/istio-doc-translation)。
+{{% involve_block title="成为贡献者" subtitle="代码、文档、社区：Istio 欢迎您的贡献！ 请点击这些链接开始吧。" icon="contribution" %}}
+1. 熟悉 Istio 的 [代码规范](https://github.com/istio/community/blob/master/CONTRIBUTING.md#code-of-conduct) 与 [贡献指南](https://github.com/istio/community/blob/master/CONTRIBUTING.md)。
+2. 无论谁想要通过代码，文档还是其他部分进行贡献 [Istio 社区自述](https://github.com/istio/community/blob/master/README.md) 都是 **贡献者的起点** 。
+3. 您可以加入 [istio-team-drive-access@ Google Group](https://groups.google.com/forum/#！forum/istio-team-drive-access) 来 [**访问我们的技术内容和工作文档**](https://drive.google.com/corp/drive/u/0/folders/0AIS5p3eW9BCtUk9PVA)。
+4. 您可以加入 [**工作组**](https://github.com/istio/community/blob/master/WORKING-GROUPS.md) 这些工作组专注于您感兴趣的特定领域，如文档，安全和网络。
+5. 有兴趣帮忙翻译 **中文文档** 吗？欢迎加入 [ServiceMesher 社区](https://i.cloudnative.to/istio/event/istio-doc-translation)。
 {{% /involve_block %}}
 
 {{% involve_block title="了解监督和规划" subtitle="Istio 有两个关键委员会负责监督项目。指导委员会和技术监督委员会。" icon="magnifier" %}}

i18n/en.toml

@@ -341,4 +341,13 @@ other = "Observability"
 other = "Security"
 
 [sidebar-toggle]
-other = "Contents"
+other = "Contents"
+
+[add_your_logo]
+other = "Add your logo"
+
+[share_your_story]
+other = "Share your story"
+
+[go_to_solutions]
+other = "Go to solutions"

i18n/zh.toml

@@ -326,4 +326,13 @@ other = "可观测性"
 other = "安全"
 
 [sidebar-toggle]
-other = "目录"
+other = "目录"
+
+[add_your_logo]
+other = "添加您的 Logo"
+
+[share_your_story]
+other = "分享您的故事"
+
+[go_to_solutions]
+other = "转到解决方案"

layouts/case-studies/list.html

@@ -9,14 +9,14 @@
     </div>
 
     <div class="cta-container">
-        <a href="https://github.com/istio/istio.io/issues/new" class="btn">Share your story</a>
+        <a href="https://github.com/istio/istio.io/issues/new" class="btn">{{ i18n "share_your_story" }}</a>
     </div>
 
     {{ with .Site.Data.companies.users }}
         <h1>Also used by</h1>
         {{ partial "companies" (dict "items" .) }}
         <div class="cta-container">
-            <a href="https://github.com/istio/istio.io/blob/master/data/companies.yml" class="btn">Add your logo</a>
+            <a href="https://github.com/istio/istio.io/blob/master/data/companies.yml" class="btn">{{ i18n "add_your_logo" }}</a>
         </div>
     {{ end }}
 

layouts/partials/case_study_panel.html

@@ -4,6 +4,6 @@
         <div class="panel-logo">
             <img src="{{ .case_study.logo }}" alt="{{ .case_study.companyName }} logo" title="{{ .case_study.companyName }}" />
         </div>
-        <span class="btn btn--secondary panel-btn">Learn more</span>
+        <span class="btn btn--secondary panel-btn">{{ i18n "learn_more" }}</span>
     </div>
 </a>

layouts/partials/feature_block.html

@@ -15,7 +15,7 @@
                 <p>{{- .opening_paragraph -}}</p>
         
                 <div class="feature-block-text-btn">
-                    <a href="{{.url}}" class="btn">Learn more</a>
+                    <a href="{{.url}}" class="btn">{{ i18n "learn_more" }}</a>
                 </div>
             </div>
         </div>

layouts/partials/interactive_panel.html

@@ -4,6 +4,6 @@
             <img src="{{ .logo }}" alt="{{ .companyName }} logo" title="{{ .companyName }}" />
         </div>
         <p class="panel-description">{{- .description -}}</p>
-        <span class="btn btn--secondary panel-btn">Learn more</span>
+        <span class="btn btn--secondary panel-btn">{{ i18n "learn_more" }}</span>
     </div>
 </button>

layouts/partials/solutions_carousel_panel.html

@@ -1,6 +1,6 @@
 <a class="panel panel--carousel" href="{{ .url }}">
     <div class="panel-body">
         <h5 class="panel-title">{{ .header }}</h5>
-        <span class="btn btn--primary panel-btn">Learn more</span>
+        <span class="btn btn--primary panel-btn">{{ i18n "learn_more" }}</span>
     </div>
 </a>

layouts/shortcodes/feature_block.html

@@ -23,7 +23,7 @@
         
                 {{ with .Get "url" }}
                     <div class="feature-block-text-btn">
-                        <a href="{{.}}" class="btn">Learn more</a>
+                        <a href="{{.}}" class="btn">{{ i18n "learn_more" }}</a>
                     </div>
                 {{ end }}
             </div>

layouts/shortcodes/solutions_carousel.html

@@ -37,5 +37,5 @@
 {{ end }}
 
 <div class="cta-container">
-    <a href="/about/solutions" class="btn">Go to solutions</a>
+    <a href="{{"/about/solutions" | relLangURL }}" class="btn"> {{ i18n "go_to_solutions" }}</a>
 </div>