gpt4 book ai didi

javascript - Vuepress 国际化

转载 作者:行者123 更新时间:2023-11-30 20:13:26 24 4
gpt4 key购买 nike

我目前正在使用 Vuepress。但是我想要在我的 Vuepress 站点中使用多种语言。经过 3 天的挣扎,我决定把我的问题放在这里。 (是的,我查看了 Vuepress 文档:https://vuepress.vuejs.org/guide/i18n.html#default-theme-i18n-config)

问题:在我的配置中,我将荷兰语作为主要语言。当我想把英语作为语言环境时。我的导航不会更新。这是我的配置:

module.exports = {
title: 'Portfolio Bjorn',
description: ' ',
themeConfig: {
nav: [
{ text: 'Over mij', link: '/overmij.html'},
{ text: 'Portolfio', link: '/portfolio/'},
{ text: 'Contact', link: '/contact.html'},
{
text: 'Languages',
items: [
{ text: 'Dutch', link: '/' },
{ text: 'English', link: '/english/' }
]
}
],
sidebar: {
'/portfolio/': [
'',
'school',
'zelfgemaakt'

]
},
locales: {

'/english': {
lang: 'en-Us',
nav: [
{ text: 'About', link: '/about.html'},
{ text: 'Portfolio', link: '/portfolio_en/'},
{ text: 'Contact', link: '/contact_en.html'},
]
}
}

}
}

我还有一张我的文件夹结构的图片:

I also have a picture of my folder structure:

我希望有人知道这个问题的答案,这样我才能继续。

亲切的问候

最佳答案

我假设您使用的是默认主题。

您在配置中犯了一个简单的错误 – 您将常规 locale 选项放在了 themeConfig 中。

相反,您通常需要为站点定义区域设置,然后您还可以定义特定于主题配置的本地化数据。

你的配置应该是这样的:

module.exports = {

locales: {
/* This is where you place your general locale config */
'/': {
lang: 'nl-NL',
},
'/en/': {
lang: 'en-US',
title: 'english title of the website'
}
},


themeConfig: {
locales: {
/* This is where you place your theme specific, localized data */
'/': {
nav: [/* dutch nav */]
},
'/en/': {
nav: [/* english nav */]
},
}
}
}

关于javascript - Vuepress 国际化,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/52170865/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com