跳至主要内容

翻译您的网站

让我们将 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/ 访问，并且 入门 页面已翻译。

注意

在开发过程中，您一次只能使用一种本地化。

添加本地化下拉菜单​

要无缝地在语言之间导航，请添加本地化下拉菜单。

修改 docusaurus.config.js 文件

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

本地化下拉菜单现在将出现在您的导航栏中

Locale Dropdown

构建您的本地化站点​

为特定本地化构建您的站点

npm run build -- --locale fr

或者构建您的站点以一次包含所有本地化

npm run build