ข้ามไปยังเนื้อหาหลัก

แปลไซต์ของคุณ

ลองแปล 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 จะถูกแปลแล้ว

คำเตือน

ในการพัฒนา คุณสามารถใช้ได้เพียงหนึ่งโลเคลต่อครั้งเท่านั้น

เพิ่มรายการเลือกโลเคล (Locale Dropdown)​

หากต้องการนำทางข้ามภาษาอย่างราบรื่น ให้เพิ่มรายการเลือกโลเคล

แก้ไขไฟล์ docusaurus.config.js:

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

รายการเลือกโลเคลจะปรากฏในแถบนำทางของคุณ:

Locale Dropdown

Build ไซต์ที่แปลภาษาแล้วของคุณ​

Build ไซต์ของคุณสำหรับโลเคลที่เจาะจง:

npm run build -- --locale fr

หรือ Build ไซต์ของคุณเพื่อรวมทุกโลเคลพร้อมกันในครั้งเดียว:

npm run build