我想用本地化的内容在世界各地的不同地方发布我的静态网站。
如何做到这一点?
我最近添加了一个默认的 Gatsby 启动器,它具有多语言 url 路由和浏览器语言检测功能。(演示)
特征:
react-intl提供的本地化(多语言)。
browser-lang提供的基于用户在浏览器中的首选语言的自动重定向。
在单个页面组件中支持多语言 url 路由。这意味着您不必创建单独的页面,例如pages/en/index.js
或pages/ko/index.js
。
基于gatsby-starter-default修改最少。
有一个社区插件gatsby-plugin-i18n,您可以“将 [...] 与 react-intl、i18next 或任何其他 i18n 库一起使用。此插件不翻译消息,它只是为每种语言创建路由,您可以使用不同的如果您愿意,可以为每种语言提供布局。” (引用插件自述文件)。
它的第一个版本是 2017 年 8 月 30 日,所以也许你已经在此期间偶然发现了它?!
仅供参考:有一篇博客文章逐步描述了如何将社区插件gatsby-plugin-i18n与i18next ( react-i18next )结合使用