如何使用Gatsby JS处理国际化/本地化?

时间:2017-08-03 16:34:28

标签: gatsby

我想通过本地化内容在世界各地的本地人中发布我的静态网站。

如何实现这一目标?

3 个答案:

答案 0 :(得分:2)

有一个社区插件gatsby-plugin-i18n,您可以"与react-intl,i18next或任何其他i18n库一起使用[...]。此插件不会翻译消息,它只是为每种语言创建路径,如果您愿意,可以为每种语言使用不同的布局。" (引用插件自述文件)。

它的第一个版本是2017年8月30日,所以也许你在此期间偶然发现了它?!

答案 1 :(得分:1)

fyi:有一个blog post一步一步地描述如何将该社区插件gatsby-plugin-i18ni18nextreact-i18next)结合使用

答案 2 :(得分:1)

我最近添加了一个默认的盖茨比启动器,该启动器具有多语言网址路由和浏览器语言检测功能。 (demo)

gatsby-starter-default-intl

功能:

    react-intl提供的
  • 本地化(多语言)。

  • browser-lang提供的浏览器中基于用户首选语言的自动重定向。

  • 在单个页面组件中支持多语言url路由。这意味着您不必创建单独的页面,例如pages/en/index.jspages/ko/index.js

  • 基于gatsby-starter-default,修改最少。