Skip to main content

翻译你的网站

现在，我们将 docs/intro.md 文档翻译成法语。

配置国际化（i18n）​

修改 docusaurus.config.js 文件，添加对 fr（法语）语言环境的支持：

docusaurus.config.js
export default {
  i18n: {
    defaultLocale: 'en',
    locales: ['en', 'fr'],
  },
};

翻译一篇文档​

将 docs/intro.md 文件复制到 i18n/fr 文件夹中：

mkdir -p i18n/fr/docusaurus-plugin-content-docs/current/

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

然后将 i18n/fr/docusaurus-plugin-content-docs/current/intro.md 的内容翻译为法语。

启动本地化网站​

以法语语言环境启动你的网站：

npm run start -- --locale fr

你的本地化网站现在可通过 http://localhost:3000/fr/ 访问，并且“入门指南”页面已完成翻译。

caution

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

添加语言切换下拉菜单​

为了在不同语言间无缝切换，请添加一个语言选择下拉菜单。

修改 docusaurus.config.js 文件：

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

语言切换下拉菜单现在会显示在导航栏中：

语言切换下拉菜单

构建本地化网站​

为特定语言构建你的网站：

npm run build -- --locale fr

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

npm run build