メインコンテンツまでスキップ

サイトの翻訳

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/ でアクセスでき、Getting Startedページが翻訳されています。

注意

開発中は、一度に1つのロケールしか使用できません。

ロケールドロップダウンを追加する​

言語間をシームレスに移動するには、ロケールドロップダウンを追加します。

docusaurus.config.jsファイルを変更します：

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

ロケールドロップダウンがナビゲーションバーに表示されます：

Locale Dropdown

ローカライズされたサイトをビルドする​

特定のロケール用にサイトをビルドします：

npm run build -- --locale fr

または、すべてのロケールを含めてサイトをビルドします：

npm run build