html模板+ json data ->静态html部署

Question

有没有可能：

• a static html template
• a JSON with data data

并创建静态html文件-

例如，我必须制作一个项目组合，并编写html模板代码：

...
<h1> {title} </h1>
<p> {description} </p>
...

然后我有一个这样的JSON：

"first work" : {
    "title" : "alpha",
    "description" : "lorem ipsum"
},
"second work" : {
    "title" : "beta",
    "description" : "lorem ipsum"
}

我想“部署”我的网站，并有2静态html文件

first_work.html

<h1> alpha </h1>
<p> lorem ipsum </p>

second_work.html

<h1> beta </h1>
<p> lorem ipsum </p>

我知道Jekyll使用markdown来生成静态html，但在这种情况下我更喜欢JSON。

Answer 1

我刚刚用node.js写了一个完整的程序来做这件事：

var fs  = require("fs");
var f = fs.readFileSync('./site.json').toString();
var pages = JSON.parse(f);
for (var key in pages) {
    var page = pages[key];
    fs.writeFile(
        key.replace(/ /g, '_')+'.html',
        '<h1>'+page.title+'</h1>'
        + '<p>'+page.description+'</p>'
    );
}

如果您的JSON在一个名为site.json的文件中(请注意，您的JSON中缺少逗号)，它将写入这两个HTML文件。

Answer 2

是的，这是可能的。我建议使用php同源原因策略..只需从文件或直接加载json，然后创建一个包含所需内容的新文档。这很容易用phps file_put_contents()完成。

问候

Answer 3

很好，一件小事。看起来像是fs.writeFileSync()而不是fs.writeFile()