F. *_*ley 13 html multilingual localization internationalization i18next
我正在建立一个静态网站,我想以两种语言显示。
我找不到不同选项的全面概述(例如,服务器端加载、前端加载、使用不同的文件夹。每个选项的优点是什么(例如对于 SEO、可维护性、可扩展性等)?
理想情况下,翻译将存储在单独的 json 文件中。我最关心的是翻译——不太关心 i18n 和 l10n 的其他方面。
例如,我该如何翻译:
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8">
</head>
<body>
<h1>Welcome</h1>
<p>Here's a website</p>
<p>Here's a <a href="https://www.google.com/">Link</a> to language specific Google</p>
<button>Click here</button>
</body>
</html>
Run Code Online (Sandbox Code Playgroud)
到目前为止我遇到的许多选项中的一些:
我觉得 i18next 是最标准的方式,但它适合简单的网站吗?
F. *_*ley 18
对于环顾四周的其他人,我在此Reddit 线程上找到了概述。我还将在下面解释我选择的选项。
1)前端JS(例如jquery.i18n)
2) 多页
3)服务器端(例如node-i18n)
4) 使用像 npm scripts 或 gulp 这样的构建工具(例如static-i18n)
最后,我使用static-i18n选择了选项 4 。虽然需要一些设置,但它适用于 SEO,适用于静态站点,易于维护,可扩展,并且避免了前端动态语言加载的混乱。