翻译您的网站
让我们将 docs/intro.md
翻译成法语。
配置 i18n
修改 docusaurus.config.js
文件以添加对 fr
语言环境的支持:
docusaurus.config.js
module.exports = {
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
页面已被翻译。
警告
在开发中,您一次只能使用一个语言环境。
添加语言切换下拉菜单
为了在不同语言之间无缝切换,添加一个语言切换下拉菜单。
修改 docusaurus.config.js
文件:
docusaurus.config.js
module.exports = {
themeConfig: {
navbar: {
items: [
{
type: 'localeDropdown',
},
],
},
},
};
现在,您的导航栏中会出现语言切换下拉菜单:
构建本地化网站
为特定语言环境构建您的网站:
npm run build -- --locale fr
或者一次性构建包含所有语言环境的网站:
npm run build