所有关于词汇的疑问，请在讨论区 #8 进行讨论。

此处收集已经确定的词汇表。

不需翻译的内容：

翻译流程

本文档由 @docschina-bot 自动与英文文档同步更新，更新频次每天一次，更新时间为每周一早 6 点。因此，无需担心同步问题。

此流程遵循标准的 Github Flow，如已了解可直接略过。

整个翻译流程分为以下几个阶段：

• 认领阶段
• 翻译阶段
• 校对阶段

认领阶段

如未认领文档就直接翻译，容易出现撞车的情况。

因此，在翻译前务必进行任务认领。

认领任务，请到 Github Issues 选择想翻译的文档。翻译任务认领

选定要翻译的文档后，即可开始翻译。

翻译阶段

以 windicss 文档为例，如需对某篇文章进行翻译。

翻译过程中，请注意格式和内容的准确性。

fork 并 clone

先将 windicss/docs-cn 的文档仓库 fork 为个人仓库（有增删改的权限）。

将 fork 后的仓库 download 至本地，如：

git clone https://github.com/<YOUR-GITHUB-NAME>/docs-cn/

如下载过程过慢，可使用 depth 忽略以往的提交，这里不做过多赘述。

请基于 main 分支创建你的翻译分支（目的是，保证 main 分支与主仓库内容始终一致）。

例如：

git checkout -b <翻译分支> main

翻译

ps: 在开始翻译前，请务必先了解中文排版说明。

在 clone 好的文档中找到你所认领的文章，即可开始翻译。

翻译中请务必注意排版规范，尽量不要让校对者在文档格式方面浪费时间。

翻译完成后，请 push 至个人仓库。

git add
git commit -m 'docs(cn): 翻译的哪篇文章'
git push -u origin <翻译分支>

再创建 Pull Request 至 windicss/docs-cn 仓库。

注意：在创建 Pull Request 时，请尽量勾选允许其他人进行修改，便于快速修改及合并。

至此翻译阶段就结束了。

校对阶段

翻译完成请评论 @校对者

• @ShenQingchuan
• @antfu
• @QC-L

校对中，如有疑问或翻译错误，校对者会给出建议。

Github 的 PR 的评论提供了 suggestion 的功能，校对者对某行给出校对建议后，如无异议，可以直接进行合并。

而如果改动点较多，需进行本地修改时，则在本地对对应的内容进行修改，并提交到个人仓库的翻译分支即可。

注意: 无需关闭 Pull Request，Pull Reuquest 会自动追踪你的修改。

完成

校对完成后，校对者会对 PR 进行 Approve 操作，并进行 Pull Request 的合并。

当你的 Pull Request 被合并后，则代表流程结束。

其他

如需再次翻译，或同时翻译多篇。

• 一次 pr 尽量只有一篇文章的翻译，便于回溯
• 保证个人仓库的 main 分支始终为最新
• 每次翻译新文章时，请基于 main 分支拉取新分支

更新个人仓库的分支

git remote add upstream https://github.com/windicss/docs-cn.git
git fetch upstream
git checkout main
git merge upstream/main

翻译流程

中文文档目前的标题效果时这样的：

配置 Windi CSS {#configuring-windi-css}

更详细的效果可以查看文档

但是 {#configuring-windi-css} 作为锚点信息，不是不应该渲染出来吗？正确的渲染效果可以参考 webpack 中文文档

出现这个问题的根本原因应该是两个仓库的静态文档生成器的渲染逻辑不同导致的，本仓库的 VitePress 并不支持这样添加锚点的方法。
我想到的解决方案有两种：

1. 修改 VitePress 的渲染逻辑，支持这种添加锚点的语法。
2. 不再手动添加锚点信息并且删除以前添加的锚点信息。

中文网上搜索不能使用，应该是昨天解决冲突的时候没有处理到。

翻译任务认领说明

注意：

1. 一次尽量只认领一篇，给其他小伙伴留些机会~

2. 认领开始前，请务必阅读 翻译流程说明

从 Todo List 中选取未被人领取过的文章：

未被领取过：

• installation

领取过：

• installation (@QC-L)

领取过，已完成：

• installation (@QC-L) #3

领取方式，在本 issues 下评论即可。

认领任务格式：

Section | Title | 译者 | 完成时间 | PR
-- | -- | -- | -- | --
guide |  installation | @QC-L | 2021.05.18 - 2021.05.20 | -

示例效果：

当完成时，请修改自己的认领评论，添加 PR 信息：

任务认领列表

Todo List:

• guide
  • configuration (@KimYangOfCat) #11
  • extractions (@yangchaojun) #15
  • index (@QC-L) #5
  • installation (@QC-L) #3
  • migration (@HerbertHe) #18
• features
  • value-auto-infer (@HerbertHe) #28
  • analyzer (@HerbertHe) #17
  • dark-mode (@HerbertHe) #19
  • RTL (@justforuse) #100
  • directives (@HerbertHe) #22
  • important-prefix (@HerbertHe) #23
  • index (@HerbertHe) #27
  • attributify (@watonyweng) #110
  • responsive-design (@HerbertHe) #24
  • shortcuts (@HerbertHe) #26
  • variant-groups (@Cabbage9) #47
• editors
  • webstorm (@HerbertHe) #7
  • vscode (@HerbertHe) #6
• integrations
  • cli (@kmq116) #36
  • gridsome (@kmq116) #35
  • javascript (@HerbertHe) #30
  • nuxt(@KimYangOfCat ) #40
  • postcss (@HerbertHe) #16
  • rollup (@HerbertHe) #13
  • svelte (@HerbertHe) #12
  • vite (@satrong) #21
  • vue-cli (@guangzan) #10
  • webpack (@HerbertHe) #14
• plugins
  • index (@watonyweng) #125
  • interfaces (@Megrax) #29
  • transform (@Megrax) #31
  • official
    • line-clamp (@watonyweng) #117
    • aspect-ratio (@watonyweng) #116
    • filters(@watonyweng) #62
    • forms (@Megrax) #38
    • scroll-snap (@HerbertHe) #111
    • typography (@watonyweng) #115
  • community
    • animations (@KimYangOfCat) #39
    • heropatterns (@watonyweng) #118
    • interaction-variants (@Megrax) #48
    • question-mark (@Megrax) #44
    • scrollbar (@Megrax) #45
• posts
  • api
  • attributify
  • extension-updates
  • language (@watonyweng) #72
  • modes
  • plugin
  • v22(@huzhengen) #61
  • v24(@huzhengen) #60
  • v30-5
  • v30-utilities
  • v30
  • v31
  • v34 (@qwecxzpoi) #136
  • story(@kmq116) #63
• utilities
  • svg (@HerbertHe) #51
  • backgrounds (@watonyweng) #77
  • behaviors (@watonyweng) #98
  • borders (@luckyJeffy) #54
  • colors (@Cabbage9) #49
  • container (@zrr1999) #52
  • display (@keylxiao) #71
  • effects (@watonyweng) #74
  • filters (@watonyweng) #107
  • flexbox (@HerbertHe) #68
  • grid(@watonyweng) #91
  • index (@watonyweng) #73
  • positioning (@watonyweng) #104
  • sizing (@watonyweng) #95
  • spacing (@watonyweng) #83
  • tables (@watonyweng) #92
  • transforms (@watonyweng) #76
  • transitions (@watonyweng) #75
  • typography (@watonyweng) #66
  • variants (@watonyweng) #79