跳到主要内容

翻译您的网站

让我们将 docs/intro.md 翻译成中文。

配置 i18n​

修改 docusaurus.config.ts 以添加对 zh-Hans 语言环境的支持：

docusaurus.config.ts
export default {
  i18n: {
    defaultLocale: 'en',
    locales: ['en', 'zh-Hans'],
  },
};

翻译文档​

将 docs/intro.md 文件复制到 i18n/zh-Hans 文件夹：

mkdir -p i18n/zh-Hans/docusaurus-plugin-content-docs/current/

cp docs/intro.md i18n/zh-Hans/docusaurus-plugin-content-docs/current/intro.md

将 i18n/zh-Hans/docusaurus-plugin-content-docs/current/intro.md 翻译成中文。

启动您的本地化网站​

启动中文语言环境网站：

npm run start -- --locale zh-Hans

您的本地化网站可通过 http://localhost:3000/zh-Hans/ 访问，并且 入门 页面已翻译。

警告

在开发模式下，您一次只能使用一个语言环境。

添加语言下拉菜单​

为了在语言之间无缝导航，请添加语言下拉菜单。

修改 docusaurus.config.ts 文件：

docusaurus.config.ts
export default {
  themeConfig: {
    navbar: {
      items: [
        {
          type: 'localeDropdown',
        },
      ],
    },
  },
};

语言下拉菜单现在出现在您的导航栏中：

语言下拉菜单

构建您的本地化网站​

为特定语言环境构建网站：

npm run build -- --locale zh-Hans

或者一次性构建包含所有语言环境的网站：

npm run build