docs(en): merge docs-cn/sync-docs into docs-cn/dev @ d96eedd

Author: QC-L

.vitepress/theme/custom.css

@@ -29,10 +29,21 @@
   --docsearch-primary-color: var(--c-brand) !important;
 }
 
+#play-vite-audio {
+  padding: 0;
+  margin-left: 5px;
+  display: inline-flex;
+}
+
+#play-vite-audio img {
+  opacity: 0.8;
+}
+
 /* docs-cn specific */
 .cn-footnote {
   margin-top: 20px;
 }
+
 .cn-footnote .title {
   display: block;
   margin-bottom: 10px;

guide/index.md

@@ -1,8 +1,12 @@
 # 开始 {#getting-started}
 
+<audio id="vite-audio">
+  <source src="/vite.mp3" type="audio/mpeg">
+</audio>
+
 ## 总览 {#overview}
 
-Vite (法语意为 "快速的"，发音 `/vit/`) 是一种新型前端构建工具，能够显著提升前端开发体验。它主要由两部分组成：
+Vite (法语意为 "快速的"，发音 `/vit/`<button id="play-vite-audio" onclick="document.getElementById('vite-audio').play();"><img src="/voice.svg" height="15"></button>) 是一种新型前端构建工具，能够显著提升前端开发体验。它主要由两部分组成：
 
 - 一个开发服务器，它基于 [原生 ES 模块](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Modules) 提供了 [丰富的内建功能](./features)，如速度快到惊人的 [模块热更新（HMR）](./features#hot-module-replacement)。