Saltar al contenido principal

Traduce tu sitio

Traduzcamos docs/intro.md al francés.

Configurar i18n​

Modifica docusaurus.config.js para añadir compatibilidad con la configuración regional fr:

docusaurus.config.js
export default {
  i18n: {
    defaultLocale: “en”,
    locales: [“en”, “fr”],
  },
};

Traduce un documento​

Copia el archivo docs/intro.md a la carpeta i18n/fr:

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

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

Traduce i18n/fr/docusaurus-plugin-content-docs/current/intro.md al francés.

Inicie su sitio localizado​

Inicie su sitio en la configuración regional francesa:

npm run start -- --locale fr

Puede acceder a su sitio localizado en http://localhost:3000/fr/ y la página «Getting Started» está traducida.

precaución

Durante el desarrollo, solo puede utilizar una configuración regional a la vez.

Añada un menú desplegable de configuración regional​

Para navegar fácilmente entre idiomas, añada un menú desplegable de configuración regional.

Modifique el archivo docusaurus.config.js:

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

El menú desplegable de configuración regional ahora aparece en la barra de navegación:

Menú desplegable de configuración regional

Crea tu sitio web localizado​

Crea tu sitio web para una configuración regional específica:

npm run build -- --locale fr

O bien, crea tu sitio para incluir todas las configuraciones regionales a la vez:

npm run build