docs(cn): translate posts/v24.md (#60)

docs(cn): translate posts/v24.md

Author: HerbertHe

posts/v24.md

@@ -1,12 +1,12 @@
-# From v2.2 to v2.4
+# 从 v2.2 到 v2.4 {#from-v2-2-to-v2-4}
 
-Two weeks later, we released two more version updates, then we broke through **a thousand stars**, thank you for your love of windicss. During which many new features were released and bug fixes. Here is a summary.
+两周后，我们发布了两个版本的更新，然后我们突破了 **一千个 star**，感谢你们对 windicss 的喜爱。在此期间发布了许多新特性，并修复了一些 bug。以下是一些总结。
 
-## Features
+## 特性 {#features}
 
-- Support theme function
+- 支持主题函数
 
-  get your configuration values in css
+  在 css 中获取配置项的值
 
   ```css
   /* input */
@@ -19,9 +19,9 @@ Two weeks later, we released two more version updates, then we broke through **a
   }
   ```
 
-- Support layer directive
+- 支持 layer 指令
 
-  put style to the right position
+  把样式放在正确的位置
 
   ```css
   /* input */
@@ -41,7 +41,7 @@ Two weeks later, we released two more version updates, then we broke through **a
     }
   }
   .normal {
-    margin-right: auto; /* components by default */
+    margin-right: auto; /* 默认情况下的组件 */
   }
 
   /* output */
@@ -62,7 +62,7 @@ Two weeks later, we released two more version updates, then we broke through **a
 
 - Transform api
 
-  Replace require with transform let you can import tailwind plugin. For more details, please referer to [windicss/plugins]( https://github.com/windicss/plugins)
+  用 transform 替换 require，让你可以导入 tailwind 插件。更多信息，请参阅 [windicss/plugins]( https://github.com/windicss/plugins)
 
   ```js
   // windi.config.js
@@ -73,14 +73,14 @@ Two weeks later, we released two more version updates, then we broke through **a
       // ...
     },
     plugins: [
-      transform('plugin-name'), // replace require with transform
+      transform('plugin-name'), // 用 transform 替换 require
     ],
   }
   ```
 
-- Support disable cross browser prefixer
+- 支持禁用跨浏览器的前缀
 
-  You can set `prefixer = false` to disable prefixer
+  你可以设置 `prefixer = false` 来禁用前缀
 
   ```js
   // windi.config.js
@@ -92,9 +92,9 @@ Two weeks later, we released two more version updates, then we broke through **a
   }
   ```
 
-- Support nested css
+- 支持嵌套的 css
 
-  This is actually a bit like less or postcss syntax.
+  这实际上有点像 less 或 postcss 语法。
 
   ```css
   /* input */
@@ -119,13 +119,13 @@ Two weeks later, we released two more version updates, then we broke through **a
   }
   ```
 
-- New meta sort method
+- 新的元排序方法
 
-  We have introduced a new sorting algorithm to sort according to meta information, which allows us to accurately control the location of each utility generated, and to ensure the accuracy of the generated css.
+  我们引入了一种新的排序算法，根据元信息进行排序，这使我们能够准确地控制所生成的每个工具类的位置，并确保所生成的 css 的准确性。
 
-- support define color with keyword, hexa, hsl, hsla, hwb, srgb.
+- 支持使用关键字 hexa，hsl，hsla，hwb，srgb 等来定义颜色。
 
-  Now you can use these color types in the configuration file, and windi will convert them to rgb for you.
+  现在你可以在配置文件中使用这些颜色类型，windi 会将它们转换为 rgb。
 
   ```js
   // windi.config.js
@@ -147,14 +147,14 @@ Two weeks later, we released two more version updates, then we broke through **a
   }
   ```
 
-## New things
+## 新事物 {#new-things}
 
-1. New Domain Name, https://windicss.org/, thanks to [@antfu](https://github.com/antfu). 
+1. 新域名，https://windicss.org/，感谢 [@antfu](https://github.com/antfu) 
 
-2. VSCode Extension, https://github.com/windicss/windicss-intellisense
+2. VSCode 扩展，https://github.com/windicss/windicss-intellisense
 
-3. Webpack Plugin,  https://github.com/windicss/windicss-webpack-plugin, thanks to [@loonpwn](https://github.com/loonpwn)
+3. Webpack 插件，https://github.com/windicss/windicss-webpack-plugin，感谢 [@loonpwn](https://github.com/loonpwn)
 
-4. Nuxt Plugin, https://github.com/windicss/nuxt-windicss-module, thanks to [@loonpwn](https://github.com/loonpwn)
+4. Nuxt 插件，https://github.com/windicss/nuxt-windicss-module，感谢 [@loonpwn](https://github.com/loonpwn)
 
-5. Community Plugin support. https://github.com/windicss/plugins
+5. 社区插件支持，https://github.com/windicss/plugins