如何为社区贡献文档

从 1.3 版本开始，我们将社区文档放在了 Karmada 网站上。 本文说明了如何对 karmada-io/website 代码仓库中的文档做贡献。

前提条件

设置

你可以通过克隆我们的网站代码仓库搭建本地环境。

  1. git clone https://github.com/karmada-io/website.git
  2. cd website

Karmada 网站的结构组成如下所示：

  1. website
  2. ├── sidebars.json        # sidebar for the current docs version
  3. ├── docs                 # docs directory for the current docs version
  4. │   ├── foo
  5. │   │   └── bar.md       # https://mysite.com/docs/next/foo/bar
  6. │   └── hello.md         # https://mysite.com/docs/next/hello
  7. ├── versions.json        # file to indicate what versions are available
  8. ├── versioned_docs
  9. │   ├── version-1.1.0
  10. │   │   ├── foo
  11. │   │   │   └── bar.md   # https://mysite.com/docs/foo/bar
  12. │   │   └── hello.md
  13. │   └── version-1.0.0
  14. │       ├── foo
  15. │       │   └── bar.md   # https://mysite.com/docs/1.0.0/foo/bar
  16. │       └── hello.md
  17. ├── versioned_sidebars
  18. │   ├── version-1.1.0-sidebars.json
  19. │   └── version-1.0.0-sidebars.json
  20. ├── docusaurus.config.js
  21. └── package.json

versions.json 文件是一个从最老版本到最新版本的列表。 下表说明了一个版本文件如何映射版本和生成的 URL。

路径版本URL
versioned_docs/version-1.0.0/hello.md1.0.0/docs/1.0.0/hello
versioned_docs/version-1.1.0/hello.md1.1.0 (latest)/docs/hello
docs/hello.mdcurrent/docs/next/hello

如何为社区贡献文档 - 图1提示

docs 目录中的文件属于 current 文档版本。

current 文档版本被标记为 Next 并托管在 /docs/next/* 下。

贡献者们主要为当前版本的文档做贡献。

编写文档

撰写标题

有关文章重要的一点是：在 Markdown 文件顶部的一个名为 Front Matter 的部分指定有关文章的元数据。

现在，让我们看一个简单的例子来说明 Front Matter 中最相关的条目：

  1. ---
  2. title: 带标记的文档
  3. ---
  5. ## 次级标题

两行 —- 之间的顶部区域属于 Front Matter。 我们在此处定义了几个条目，告诉 Docusaurus 如何处理文章：

  • 标题（title）相当于 HTML 文档中的 <h1> 或 Markdown 文章中的 # <title>。
  • 每个文件都有一个唯一的 ID。默认情况下，文档 ID 是与根文档目录相关的文档名称（不带扩展名）。

链接到其他文档

你可以通过添加以下任意链接轻松跳转到其他位置：

  • 你可以使用以下 Markdown 标记指向 https://github.com 或 https://k8s.io 等外部站点的绝对 URL：
    • <https://github.com> 或
    • [kubernetes](https://k8s.io)
  • 链接到 Markdown 文件或生成的路径。 你可以使用相对路径来索引相应的文件。
  • 链接到图片或其他资源。 如果你的文章包含图片或其他资源，你可以在 /docs/resources 中创建相应的目录，并将文章相关的文件放置在该目录中。 现在我们将有关 Karmada 的公开图片存放在 /docs/resources/general 中。你可以使用以下方式链接到图片：
    • ![Git 工作流](../resources/contributor/git_workflow.png)

目录组成

Docusaurus 2 使用一个侧边栏来管理文档。

创建侧边栏可用于：

  • 对多个相关的文档分组
  • 为每个文档显示侧边栏
  • 提供分页导航，有 Next/Previous 按钮

对于 Karmada 文档，你可以查阅 https://github.com/karmada-io/website/blob/main/sidebars.js 了解文档的组成结构。

  1. module.exports = {
  2.     docs: [
  3.         {
  4.             type: "category",
  5.             label: "Core Concepts",
  6.             collapsed: false,
  7.             items: [
  8.                 "core-concepts/introduction",
  9.                 "core-concepts/concepts",
  10.                 "core-concepts/architecture",
  11.             ],
  12.         },
  13.         {
  14.             type: "doc",
  15.             id: "key-features/features",
  16.         },
  17.         {
  18.             type: "category",
  19.             label: "Get Started",
  20.             items: [
  21.                 "get-started/nginx-example"
  22.             ],
  23.         },
  24. ....

目录中文档的顺序严格按照 items 的顺序排列。

  1. type: "category",
  2. label: "Core Concepts",
  3. collapsed: false,
  4. items: [
  5.   "core-concepts/introduction",
  6.   "core-concepts/concepts",
  7.   "core-concepts/architecture",
  8. ],

如果新增一篇文档，必须将其添加到 sidebars.js 中才能正常显示。如果你不确定将文档放在哪儿，请在 PR 中询问社区成员。

有关中文文档

贡献中文文档有以下两种情况：

  • 你想将现有的英文文档翻译成中文。 在这种情况下，你需要修改 https://github.com/karmada-io/website/tree/main/i18n/zh/docusaurus-plugin-content-docs/current 中相应的文件内容。 该目录的组织结构与英文完全相同。current.json 保存文档目录的中文译稿。如果要翻译目录名称，可以对其进行编辑。
  • 你想贡献没有英文版本的中文文档。任何类型的文章都是受欢迎的。 在这种情况下，你可以先将文章和标题添加到英文目录。 文章内容可以先待定。 然后将对应的中文内容添加到中文目录中。

调试文档

假设现在你已经完成了文档编辑。对 karmada.io/website 发起 PR 后，如果通过了 CI，就可以在网站上预览你的文档。

点击红色标记的 Details，可以看到网站的预览视图。

文档 CI

点击 Next 切换至当前版本，然后你可以看到你修改的文档相应的变更。 如果你有与中文版本相关的更改，请点击旁边的语言下拉框切换到中文。

点击 Next

如果预览的页面与预期不符，请再次检查文档。

FAQ

版本控制

对于各版本新补充的文档，我们将在各版本发布之日同步到最新版本，旧版本文档不做修改。 对于文档中发现的错误，我们将在每次发布时进行修复。