跳到主要内容
版本:Next

翻译您的网站

让我们把docs/intro.md翻译成法文。

配置 i18n​

修改 docusaurus.config.js 以添加对 fr 区域的支持:

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

翻译一个 doc​

复制 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/ 访问,并且Getted 页面被翻译。

警告

在开发中,您一次只能使用一个区域设置。

添加区域下拉列表​

要无缝地跨语言导航,请添加区域下拉菜单。

修改docusaurus.config.js文件:

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

区域下拉功能现在出现在您的导航栏:

Locale Dropdown

构建您的本地化网站​

为特定的本地化构建您的网站:

npm run build -- --locale fr

或者构建您的网站,同时包含所有本地化语言:

npm run build