Dịch trang web của bạn

Hãy thử dịch docs/intro.md sang tiếng Pháp.

Cấu hình i18n

Sửa đổi docusaurus.config.js để thêm hỗ trợ cho ngôn ngữ fr:

docusaurus.config.js

export default {
  i18n: {
    defaultLocale: "en",
    locales: ["en", "fr"],
  },
};

Dịch một tài liệu

Sao chép tệp docs/intro.md vào thư mục i18n/fr:

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

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

Dịch i18n/fr/docusaurus-plugin-content-docs/current/intro.md sang tiếng Pháp.

Khởi động trang web đã được bản địa hóa

Khởi động trang web của bạn với ngôn ngữ tiếng Pháp:

npm run start -- --locale fr

Trang web đã được bản địa hóa của bạn có thể truy cập tại http://localhost:3000/fr/ và trang Getting Started đã được dịch.

cẩn thận

Trong quá trình phát triển, bạn chỉ có thể sử dụng một ngôn ngữ tại một thời điểm.

Thêm Menu thả xuống Ngôn ngữ

Để điều hướng liền mạch giữa các ngôn ngữ, hãy thêm menu thả xuống ngôn ngữ.

Sửa đổi tệp docusaurus.config.js:

docusaurus.config.js

export default {
  themeConfig: {
    navbar: {
      items: [
        {
          type: "localeDropdown",
        },
      ],
    },
  },
};

Menu thả xuống ngôn ngữ hiện xuất hiện trong thanh điều hướng của bạn:

Xây dựng trang web đã được bản địa hóa của bạn

Xây dựng trang web của bạn cho một ngôn ngữ cụ thể:

npm run build -- --locale fr

Hoặc xây dựng trang web của bạn để bao gồm tất cả các ngôn ngữ cùng lúc:

npm run build