Html 让一个简单的静态网站多语言有哪些选择？_Html_Localization_Internationalization_Multilingual_I18next

Html 让一个简单的静态网站多语言有哪些选择？

html localization internationalization

Html 让一个简单的静态网站多语言有哪些选择？,html,localization,internationalization,multilingual,i18next,Html,Localization,Internationalization,Multilingual,I18next,我正在建立一个静态网站，我想用两种语言显示我找不到不同选项的全面概述（例如服务器端加载与前端加载与使用不同的文件夹）。每个选项的优点是什么（例如SEO、可维护性、可扩展性等）理想情况下，翻译将存储在单独的json文件中。我关心的主要问题是无翻译，i18n和l10n的其他方面也是如此例如，我如何翻译： <html lang="en" dir="ltr"> <head> <meta charset="utf-8"> </head>

我正在建立一个静态网站，我想用两种语言显示

我找不到不同选项的全面概述（例如服务器端加载与前端加载与使用不同的文件夹）。每个选项的优点是什么（例如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>


欢迎
这里有一个网站
下面是一个针对特定语言的Google
点击这里

到目前为止，我遇到了许多选择中的一些：

-最标准的选项。支持框架加载，但不清楚哪一个适合最基本的使用
-简单，但对于rails
-在npm上最受欢迎，但具有构建状态
-上述文件的更新版本

我觉得i18next是最标准的方式，但它适合简单的站点吗？

如果你只需要进行文本翻译，我认为你根本不需要为库费心。你所需要做的就是编写一个简单的函数，在两个（或多个）之间切换json语言文件和一种显示所选json文件中正确字符串的机制。

对于周围的其他人，我找到了关于此的概述。我还将在下面解释我使用的选项

总结这一线索： 1）前端JS（例如）

通常相当容易实现
它们会对搜索引擎优化产生负面影响
可以增加页面重量
网站不适用于不运行JS的人
不推荐，但对于非常小的项目可以

2）多页

这是最容易设置的，但维护却成了一场噩梦。不推荐

3）服务器端（例如）

因为它避免了前面提到的前端的缺点，所以一般推荐用于较大的项目

4）使用构建工具，如npm脚本或gulp（例如）

使用生成脚本为每种语言生成单独的目录
初始设置较少，但易于维护和扩展
由于只生成静态html页面，html代码可以安全地嵌入到翻译json文件中

解决方案

最后，我使用了选项4。虽然它需要一些设置，但它对SEO、静态站点都很有效，易于维护、可扩展，并且避免了前端动态语言加载的混乱。

使用任何适合您需要的工具。我使用

node polyglot

i18n很好，是的。