跳到主要内容
版本:6.0(稳定版)

HLS

下面把 docs/intro.md 翻译成法语。

配置国际化

修改 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/ 访问,其中“开始使用”页面已经完成翻译。

警告

在开发环境中,一次只能使用一种语言环境。

添加语言下拉菜单

要在不同语言之间顺畅切换,请添加语言下拉菜单。

修改 docusaurus.config.js 文件:

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

语言下拉菜单会显示在导航栏中:

语言下拉菜单

构建本地化网站

为指定语言环境构建网站:

npm run build -- --locale fr

也可以一次构建包含所有语言环境的网站:

npm run build