Question

我通过grunt插件使用汇编（https://github.com/assemble/assemble）来构建静态页面。

我一直在使用grunt一段时间，所以了解它是如何工作的，但这是我第一次使用汇编，所以我看了这个ref（http://blog.parkji.co.uk/2013/07/06/building-a-static-site-using-grunt-and-assemble.html）。一切似乎都很好。

但是，我想在混合中引入JSON数据，并在运行＆＃39; grunt assemble＆＃39;之后查看汇编网站（http://assemble.io/docs/Data.html）上的文档。它不会渲染json数据：（

我的gruntfile

 assemble: {
        options: {
            layout: "src/responsive/layouts/default.hbs",
            data: 'src/responsive/data/**/*.json',
            flatten: true
        },
        pages: {
            files: {
                'src/': ['src/responsive/pages/*.hbs']
            }
        }
    },

测试json：

{
  "name ": "This is a square widget" ,
  "modifier ": "widget-square" 
 }

和文件夹结构：

- data
-- index.json
- layouts
-- default.hbs
- pages
-- index.hbs

在pages / index.hbs中我试图调用{{index.name}}或只是{{name}}（我已尝试过两者）无济于事。

我把头发拉出来，因为咕噜声没有任何错误（事实上，如果我让json没有有效的咕噜抱怨，所以它正在阅读它。）

在我发疯之前，任何帮助都非常受欢迎....

谢谢，阿德里安

Answer 1

您的JSON就是问题所在。您的keys中有额外的空格。您的JSON应格式化为以下内容：

{
  "name": "This is a square widget",
  "modifier": "widget-square" 
}

将json数据转换为grunt中的汇编模板

1 个答案: