docusaurus - Docusaurus 语言下拉显示问题

Question

我正在使用 Docusaurus i18n 集成将语言下拉列表添加到站点，但它显示奇怪的 在此处输入图像描述

我该如何处理这个问题

标签： docusaurus

Answer 1

你能详细说明一下吗？

该视频是关于如何翻译 Docusaurus 网站并将其部署到 Netlify 的详细教程。该视频向您展示了所有步骤，包括如何添加语言下拉菜单。

简而言之，您应该能够通过简单地添加以下代码来向您的网站添加语言下拉列表，如下docusaurus.config.js所述

module.exports = {
  ....
  ....
  i18n: {
    defaultLocale: 'en',
    locales: ['en', 'fr'],
    localeConfigs: {
      en: {
        label: 'English',
      },
      fr: {
        label: 'Français',
      },
    },
  },
};

最后，您可以通过在以下代码中添加以下代码来添加语言下拉列表docusaurus.config.js：

module.exports = {
  themeConfig: {
    navbar: {
      items: [
        {
          type: 'localeDropdown',
          position: 'left',
        },
      ],
    },
  },
};