SABER--11 Internationalization

URL-Based I18n Solution

要利用Saber中的多语言支持,首先需要在pages文件夹中使用以下文件结构:

pages/
├─ index.md
├─ foo.md
├─ nested
│  └─ index.md
├─ cn
│  ├─ index.md
│  ├─ foo.md
│  └─ nested
│     └─ index.md
└─ fr
   ├─ index.md
   ├─ foo.md
   └─ nested
      └─ index.md

这样,中文版本的网站就在路径 /cn下生成了,类似地,法国版本在路径为 /fr下生效。

siteConfig:
  lang: en
  title: My Site

locales:
  /cn:
    siteConfig:
      lang: zh
      title: 我的网站
  /fr:
    siteConfig:
      lang: fr
      title: Mon Site

siteConfig.lang选项被用来设置 lang 属性给 ==<html>==元素。
locale 选项用于覆盖特定路径的 siteConfigthemeConfig。例如,当您访问主页 //about 页面时,this.$siteConfig.title 组件中将是 My Site ,而如果您访问 /cn/cn/about,则将改为 我的网站

Access Locale Path in the Component

在你的组件中使用 this.$localepath 发现当前页面的环境,使用 saber-config.yml 我们在上面用到的,当你访问页面的 /fr/about时, this.$localepath 将是 ‘/fr’ ;或者当你访问 /about时,为 ‘/’

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值