多语言支持

站点多语言配置

要启用 VuePress 的多语言支持，首先需要使用如下的文件结构：

study
├─ README.md
├─ foo.md
├─ nested
│  └─ README.md
└─ zh├─ README.md├─ foo.md└─ nested└─ README.md

然后，在 .vuepress/config.js 中提供 locales 选项：

module.exports = {locales: {// 键名是该语言所属的子路径// 作为特例，默认语言可以使用 '/' 作为其路径。'/': {lang: 'en-US', // 将会被设置为 <html> 的 lang 属性title: 'VuePress',description: 'Vue-powered Static Site Generator'},'/zh/': {lang: 'zh-CN',title: 'VuePress',description: 'Vue 驱动的静态网站生成器'}}
}

如果一个语言没有声明 title 或者 description，VuePress 将会尝试使用配置顶层的对应值。如果每个语言都声明了 title 和 description，则顶层的这两个值可以被省略。

默认主题多语言配置

默认主题也内置了多语言支持，可以通过 themeConfig.locales 来配置。该选项接受同样的 { path: config } 格式的值。每个语言除了可以配置一些站点中用到的文字之外，还可以拥有自己的导航栏和侧边栏配置：

module.exports = {locales: { /* ... */ },themeConfig: {locales: {'/': {selectText: 'Languages',label: 'English',editLinkText: 'Edit this page on GitHub',serviceWorker: {updatePopup: {message: "New content is available.",buttonText: "Refresh"}},algolia: {},nav: [{ text: 'Nested', link: '/nested/' }],sidebar: {'/': [/* ... */],'/nested/': [/* ... */]}},'/zh/': {// 多语言下拉菜单的标题selectText: '选择语言',// 该语言在下拉菜单中的标签label: '简体中文',// 编辑链接文字editLinkText: '在 GitHub 上编辑此页',// Service Worker 的配置serviceWorker: {updatePopup: {message: "发现新内容可用.",buttonText: "刷新"}},// 当前 locale 的 algolia studyearch 选项algolia: {},nav: [{ text: '嵌套', link: '/zh/nested/' }],sidebar: {'/zh/': [/* ... */],'/zh/nested/': [/* ... */]}}}}
}

Vuepress多语言支持相关推荐

Silverlight 2中多语言支持实现（上）
引言最近项目要在Silverlight 2应用程序中实现本地化,原以为这个过程非常简单,却没想到实现的时候一波三折,好在结果还算不错.需求是这样的,用户第一次访问的时候,默认为英文,当用户选择一种显 ...
您对TOP Server的德语、中文和日语语言支持了解吗？（二）
2019独角兽企业重金招聘Python工程师标准>>> 下载TOP Server OPC Server最新版本 TOP Server文档支持除了特定于驱动程序的属性/设置之外,还包 ...
WPF使用X:Static做多语言支持
原文:WPF使用X:Static做多语言支持让程序支持多语言,一般把需要显示的字符串保存在一个资源类的static属性中.  <! ...
c语言中允许函数重载么,简述C++语言支持函数重载问题介绍
对于C++语言作为一种欲与C兼容的语言,C++语言保留了一部分过程式语言和特点,foo_int_int这样的名字包含了函数名.函数参数数量及类型信息,C++语言就是靠这种机制来实现函数重载的. 因而它 ...
WP7多国语言支持 from:http://blog.csdn.net/lee353086/article/details/6260676
WP7多国语言支持 Kagula 2011/3/17 前言本文阅读对象是有一定Visual Studio 2010使用经验的程序员. 这里通过一些示例介绍如何让你的Windows Phone7 Wi ...
iOS-生成国际化包-配置App多语言支持
如果你的App需要支持多国语言.那么,就应该为你的App应用添加"国际化"支持. "国际化"乍看很高深.其实,苹果xCode都为我们设置好了,我们只需要简单的配 ...
WEB页面多语言支持解决方案(转自CSDN)
首先建立语言档,在项目中加入.resx文件例如: message.zh-cn.resx '简体中文 message.zh-tw.resx '繁体中文 message.en ...
java动态语言_java动态类型语言支持（三）
invokedynamic指令在前面java动态类型语言支持(一)(二)中我们有提到invokedynamic指令和java.lang.invoke包中的MethodHandle机制,在某种程度上他 ...
Windows Phone 8本地化多语言支持
原文:Windows Phone 8本地化多语言支持在WP8平台处理本地化多语言的支持还是比较容易的,大部分工作都有VS IDE处理,开发者只需简单操作,并翻译本地资源即可实现. 无论您目前的应用是 ...

Vuepress多语言支持

多语言支持

站点多语言配置

默认主题多语言配置

Vuepress多语言支持相关推荐

最新文章

热门文章