在多种语言中执行静态HTML的最有效方法

时间:2015-08-07 13:11:00

标签: localization gruntjs mustache template-engine

所以我需要用多种语言制作静态HTML页面,现在我正在寻找最好的方式。页面的HTML保持相同,图像也是如此。基本上只有文本内容从本地化变为另一种。页面结构是这样的:

en/
../index.html (main/home page)
../catalogue.html
../video.html
../examples.html
de/
../index.html (main/home page)
../catalogue.html
../video.html
../examples.html

因此所有页面上的布局(html,css和图像)都相同。只是文字内容的变化。大约有10种不同的语言。您将使用什么工具将注入文本(从json文件?)到每个模板并自动构建所需的文件夹&文件。 Grunt +胡子?

这很简单,所以我真的不想使用任何CMS。对于sass等我已经使用Grunt了。

1 个答案:

答案 0 :(得分:0)

如果你在这里以咕噜咕噜的方式思考:

查看grunt-dom-munger,它旨在使用标准选择器来操纵html。您可以替换文本,元素,添加新文本或删除现有文本,无论您需要什么。

如果您还需要在转换文件后将文件从此处复制到此处,您可能需要使用grunt-contrib-copy

此外,不要忘记 Gruntfile 是纯JavaScript,因此您可以编写自己的自定义函数来执行您可能需要的任何操作或操作。

希望这有助于您开始......