Markdown

如何使用 General Translation 为你的项目的 Markdown 文件设置自动翻译

概览

gtx-cli 可用于自动翻译你项目中的 Markdown(MD 和 MDX)文件。

原始文件中的所有语法和格式都会在 翻译后的文件中得到保留。

我们将按照以下 4 个步骤进行:

添加你的环境变量

安装 gtx-cli

配置你项目的 gt.config.json 文件


步骤 1:添加环境变量

将生产环境的 API key 和项目 ID 添加到你的环境变量中。 这是使用 gtx-cli 工具所必需的。 你可以在 General Translation 仪表盘 获取这些信息。

.env
GT_API_KEY=<你的 API>
GT_PROJECT_ID=<你的项目 ID>

步骤 2:安装 gtx-cli

在你的项目中安装 gtx-cli 工具。

npm i gtx-cli
yarn add --dev gtx-cli
bun add --dev gtx-cli
pnpm add --save-dev gtx-cli

步骤 3:配置项目的 gt.config.json 文件

在项目根目录创建一个 gt.config.json 文件,并填入以下内容:

gt.config.json
{
  "defaultLocale": "en",
  "locales": ["es", "fr"],
  "files": {
    "mdx": {
      "include": ["docs/[locale]/**/*.mdx"]
    }
  }
}

defaultLocalelocales 修改为与你项目的各个 locale 相匹配。

如果你的 files 是 MD 文件,可以使用 md 键代替 mdxinclude 键中的字符串数组应为一个用于匹配你所有 MDX files 的 glob 模式。

应使用 [locale] 占位符来匹配文件的 locale。

有关 gt.config.json 文件的更多信息,请参阅配置文档。

步骤 4:将 gtx-cli translate 命令加入构建流程

在执行构建命令之前,将 gtx-cli translate 命令添加到你的构建或 CI 流程中,以自动把翻译注入到项目中。

package.json
{
  "scripts": {
    "translate": "npx gtx-cli translate",
    "build": "npm run translate && <你的构建命令>"
  }
}

这将为你的所有 locale 生成翻译,并将其保存到项目中。 如果你想把这些 files 提交到代码仓库,可以在提交之前先运行此命令。

完成!现在每当你的项目发生变更时,项目会自动更新所有 Markdown files。


注意事项

  • 你可以使用 gtx-cli translate 命令自动为项目添加翻译。
  • 如果你准备提交翻译文件,建议在提交前先运行 gtx-cli translate 命令。
  • 如需配置翻译的输出路径,请参阅配置文档。

后续步骤

  • 查看该 CLI(命令行界面)工具的使用指南

本指南如何?