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/에서 번역된 사이트를 확인할 수 있고, Getting Started 페이지가 번역되어 있어요.

caution

개발 환경에서는 한 번에 하나의 로케일만 사용할 수 있어요.

언어 드롭다운 추가하기​

언어 간 이동을 편하게 하려면 언어 드롭다운을 추가하세요.

docusaurus.config.js 파일을 수정해보세요:

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

내비게이션 바에 언어 드롭다운이 나타나요:

Locale Dropdown

번역된 사이트 빌드하기​

특정 로케일로 사이트를 빌드해보세요:

npm run build -- --locale fr

또는 모든 로케일을 한 번에 포함해서 빌드할 수도 있어요:

npm run build