refactor: redesign the global home doc

_docHome.md

@@ -6,133 +6,121 @@ hide_leftNav: true
 summary: TiDB 文档中心为您提供丰富的操作指南和参考资料，助您轻松上手 TiDB 产品，完成数据迁移和应用开发等操作。TiDB 是一款开源分布式关系型数据库，支持在线事务处理与在线分析处理，具备水平扩容、高可用、云原生、兼容 MySQL 协议等特性。TiDB Cloud 是全托管的数据库即服务产品，让数据库部署、运维和性能调优变得轻松简单，适用于中国出海企业和开发者。此外，还提供开发者手册、免费课程、TiDB 社区、TiDB 博客等资源，欢迎贡献内容。
 ---
 
-<DocHomeContainer title="文档中心" subTitle="欢迎来到 TiDB 文档中心！我们为您提供了丰富的操作指南和详实的参考资料，助您轻松上手 TiDB 产品，顺利完成数据迁移和基于数据库的应用开发等操作。">
+<DocHomeContainer title="TiDB 文档中心" subTitle="欢迎来到 TiDB 文档中心！我们为您提供了丰富的操作指南和详实的参考资料，助您轻松上手 TiDB 产品，顺利完成数据迁移和基于数据库的应用开发等操作。" ctaLabel="快速上手 TiDB" ctaLink="/zh/tidb/stable/quick-start-with-tidb">
 
 <DocHomeSection label="TiDB" anchor="tidb" id="tidb">
 
 TiDB 是 PingCAP 公司自主设计、研发的开源分布式关系型数据库，是一款同时支持在线事务处理与在线分析处理 (Hybrid Transactional and Analytical Processing, HTAP) 的融合型分布式数据库产品，具备水平扩容或者缩容、金融级高可用、实时 HTAP、云原生的分布式数据库、兼容 MySQL 协议和 MySQL 生态等重要特性，支持在本地和云上部署。
 
 <DocHomeCardContainer>
 
-<DocHomeCard href="/zh/tidb/stable" icon="doc1" label="TiDB 文档">
+<DocHomeCard href="/zh/tidb/stable/overview" label="TiDB 简介" icon="oss-product-blue">
 
-查看 TiDB 产品的全部文档
+TiDB 简介，核心特性与应用场景
 
 </DocHomeCard>
 
-<DocHomeCard href="/zh/tidb/stable/quick-start-with-tidb" icon="doc5" label="快速上手 TiDB">
+<DocHomeCard href="/zh/tidb/stable/quick-start-with-tidb" label="快速上手 TiDB" icon="oss-getstarted-blue">
 
 快速了解和使用 TiDB
 
 </DocHomeCard>
 
-<DocHomeCard href="/zh/tidb/stable/production-deployment-using-tiup" icon="cloud7" label="部署本地 TiDB 集群">
+<DocHomeCard href="/zh/tidb/stable/production-deployment-using-tiup" label="部署本地 TiDB 集群" icon="oss-deploy-blue">
 
 在生产环境中部署本地 TiDB 集群
 
 </DocHomeCard>
 
-</DocHomeCardContainer>
-
-体验全新的一栈式实时 HTAP 数据库
-
-<a href="https://pingcap.com/zh/product-community" class="button" target="_blank" referrerpolicy="no-referrer-when-downgrade">免费下载</a>
-
-</DocHomeSection>
+<DocHomeCard href="/zh/tidb/stable/dev-guide-overview" label="开发者指南" icon="oss-developer-blue">
 
-<DocHomeSection label="TiDB Cloud" anchor="tidb-cloud" id="tidb-cloud">
-
-TiDB Cloud 是全托管的数据库即服务 (Database-as-a-Service, DBaaS) 产品，依托于公有云提供开箱即用的 TiDB 服务。TiDB Cloud 让数据库部署、运维和性能调优变得轻松简单，通过界面上的几次点击即可快速创建和管理 TiDB 集群，让您可以专注于自身业务。适用于中国出海企业和开发者。
-
-<DocHomeCardContainer>
-
-<DocHomeCard href="https://docs.pingcap.com/tidbcloud" icon="doc2" label="TiDB Cloud 文档">
-
-查看 TiDB Cloud 产品的全部文档（英文版）
+为应用程序开发者所编写的开发者手册
 
 </DocHomeCard>
 
-<DocHomeCard href="https://docs.pingcap.com/tidbcloud/tidb-cloud-quickstart" icon="cloud5" label="TiDB Cloud 快速上手">
+<DocHomeCard href="/zh/tidb/stable/mysql-compatibility" label="与 MySQL 兼容性对比" icon="oss-mysql-blue">
 
-快速体验和上手 TiDB Cloud
+TiDB 高度兼容 MySQL 协议，以及 MySQL 5.7 和 MySQL 8.0 常用的功能及语法
 
 </DocHomeCard>
 
-<DocHomeCard href="https://docs.pingcap.com/tidbcloud/tidb-cloud-poc" icon="cloud3" label="TiDB Cloud PoC">
+<DocHomeCard href="/zh/tidb/dev/tidb-roadmap" label="TiDB 路线图" icon="oss-roadmap-blue">
 
-帮助您快速完成 TiDB Cloud 概念验证 (Proof of Concept, PoC)
+通过路线图，你可以预先了解 TiDB 的未来规划，以便你关注进度，了解关键里程碑，并对开发工作提出反馈
 
 </DocHomeCard>
 
 </DocHomeCardContainer>
 
-体验全托管的云原生、分布式、实时 HTAP 数据库 TiDB Cloud
-
-<a href="https://tidbcloud.com/free-trial" class="button" target="_blank" referrerpolicy="no-referrer-when-downgrade">免费试用</a>
-
 </DocHomeSection>
 
-<DocHomeSection label="开发者" anchor="developers" id="developers">
+<DocHomeSection label="TiDB Cloud" anchor="tidb-cloud" id="tidb-cloud">
+
+TiDB Cloud 是全托管的数据库即服务 (Database-as-a-Service, DBaaS) 产品，依托于公有云提供开箱即用的 TiDB 服务。TiDB Cloud 让数据库部署、运维和性能调优变得轻松简单，通过界面上的几次点击即可快速创建和管理 TiDB 集群，让您可以专注于自身业务。适用于中国出海企业和开发者。
 
 <DocHomeCardContainer>
 
-<DocHomeCard href="https://docs.pingcap.com/zh/tidb/stable/dev-guide-overview" icon="doc8" label="开发者手册">
+<DocHomeCard href="/tidbcloud/tidb-cloud-intro" label="TiDB Cloud 简介" icon="cloud-product-mauve">
 
-使用 TiDB 快速构建一个应用
+TiDB Cloud 核心特性与应用场景简介
 
 </DocHomeCard>
 
-<DocHomeCard href="https://docs.pingcap.com/zh/tidb/stable/dev-guide-sample-application-java-jdbc" icon="java" label="Java">
+<DocHomeCard href="/tidbcloud/tidb-cloud-quickstart" label="快速上手 TiDB Cloud Serverless" icon="cloud-getstarted-mauve">
 
-使用 TiDB 和 Java 来构造一个简单的 CRUD 应用程序
+快速了解和使用 TiDB Cloud
 
 </DocHomeCard>
 
-<DocHomeCard href="https://docs.pingcap.com/zh/tidb/stable/dev-guide-sample-application-golang-sql-driver" icon="go" label="Golang">
+<DocHomeCard href="/tidbcloud/dev-guide-overview" label="开发者指南" icon="cloud-developer-mauve">
 
-使用 TiDB 和 Golang 来构造一个简单的 CRUD 应用程序
+使用你熟悉的语言或框架连接到 TiDB Cloud Serverless
 
 </DocHomeCard>
 
 </DocHomeCardContainer>
 
+体验全托管的云原生、分布式、实时 HTAP 数据库 TiDB Cloud。
+
+<a href="https://tidbcloud.com/free-trial" class="button button-primary" target="_blank" referrerpolicy="no-referrer-when-downgrade">免费试用</a>
+
 </DocHomeSection>
 
 <DocHomeSection label="更多资源" anchor="resources" id="resources">
 
 <DocHomeCardContainer>
 
-<DocHomeCard href="https://pingcap.com/zh/education" icon="cloud1" label="PingCAP Education">
+<DocHomeCard href="https://pingcap.com/zh/education" label="学习中心" icon="global-tidb-education">
 
 提供众多免费课程，助您深入学习 TiDB，成为 TiDB 技术专家
 
 </DocHomeCard>
 
-<DocHomeCard href="https://tidb.net" icon="doc9" label="TiDB 社区">
+<DocHomeCard href="https://tidb.net" label="TiDB 社区" icon="global-tidb-community">
 
 开发者、用户、Contributor、合作伙伴一起建立的学习和分享平台
 
 </DocHomeCard>
 
-<DocHomeCard href="https://pingcap.com/zh/blog" icon="doc10" label="TiDB 博客">
+<DocHomeCard href="https://pingcap.com/zh/blog" label="TiDB 博客" icon="global-tidb-blog">
 
 满满的技术干货、深度解读、技术分享
 
 </DocHomeCard>
 
-<DocHomeCard href="https://asktug.com" icon="asktug" label="Ask TiDB User Group">
+<DocHomeCard href="https://asktug.com" label="Ask TiDB User Group" icon="global-tidb-asktug">
 
 互助交流，有问有答
 
 </DocHomeCard>
 
-<DocHomeCard href="https://ossinsight.io" icon="ossinsight" label="OSS Insight">
+<DocHomeCard href="https://ossinsight.io/" label="OSS Insight" icon="global-tidb-ossinsight">
 
 一款由 TiDB Cloud 驱动的强大有趣的洞察工具，帮您深入分析 GitHub 仓库
 
 </DocHomeCard>
 
-<DocHomeCard href="https://github.com/pingcap/docs-cn/blob/master/CONTRIBUTING.md" icon="contributor" label="贡献内容">
+<DocHomeCard href="https://github.com/pingcap/docs-cn/blob/master/CONTRIBUTING.md" label="贡献内容" icon="global-tidb-contribute">
 
 欢迎为 TiDB 文档做贡献，一起打造更好的 TiDB 文档！