diff --git a/guide/installation.md b/guide/installation.md
index 88a7744a..8170323d 100644
--- a/guide/installation.md
+++ b/guide/installation.md
@@ -1,10 +1,10 @@
-# Installation
+# 安装 {#installation}
 
-Windi CSS provides **first-class integrations** for your favorite tools, select yours and get started.
+Windi CSS 为主流工具提供了**最佳的适配**，你可以选择你喜欢的工具并开始使用 Windi CSS。
 
-## Build Tools
+## 构建工具 {#build-tools}
 
-Supports for build tools are framework-agnostic, they work for most frameworks without specific configurations.
+对于构建工具的支持基本与框架无关，它们适用于大多数框架，无需进行特殊配置。
 
 <Integrations class="mb-5" :items="[
   {
@@ -34,9 +34,9 @@ Supports for build tools are framework-agnostic, they work for most frameworks w
   },
 ]"/>
 
-## Frameworks
+## 框架 {#frameworks}
 
-In addition to general build tools support, we also provide integrations for the following frameworks that offer out-of-the-box experience.
+除了对一般构建工具的支持外，我们还为以下框架提供了集成支持，开箱即用。
 
 <Integrations class="mb-5" :items="[
   {
@@ -68,7 +68,7 @@ In addition to general build tools support, we also provide integrations for the
   },
 ]"/>
 
-## Editors
+## 编辑器 {#editors}
 
 <Integrations class="mb-5" :items="[
   {
@@ -84,7 +84,7 @@ In addition to general build tools support, we also provide integrations for the
   },
 ]"/>
 
-## API
+## API {#api}
 
 <Integrations class="mb-5" :items="[
   {
@@ -96,4 +96,4 @@ In addition to general build tools support, we also provide integrations for the
 
 <div class="pb-5"></div>
 
-> Didn't see the framework you use? [Submit a framework request on GitHub](https://github.com/windicss/windicss/issues/new).
+> 如未发现你使用的框架，[可以在 GitHub 上告诉我们](https://github.com/windicss/windicss/issues/new)。