每页不同的脚块

时间:2017-01-01 15:55:31

标签: gulp handlebars.js assemble

我有这个自定义handelbars助手

// custom-helper.js
module.exports = function(name, options) {
  if (!this._sections) {
    this.sections = {};
  }
  this._sections[name] = options.fn(this);
  return null;
};

// register with assemble
var app = assemble();
app.helper('section', require('./custom-helper.js'));

How to Register custom handelbars helper in assemble 0.17.1

这个助手应该像这里一样工作:

Handlebars with Express: different html head for different pages

在我的咕噜声中,项目确实完美无缺。但是在这个gulp项目中它没有用。

我的Layout.hbs:

<body>
  <div id="page">
    {%body%}
  </div>
  {{{_sections.foot}}}
</body>

我的网页包含_sections.foot内容和其他网页内容:

--- layout: default.hbs ---

<h1>Body Blah Blah</h1>
<p>This goes in page body.</p>

{{#section 'foot'}} my custom per page foot content {{/section}}

代码应该做的是在我的页面中调整自定义内容,即:

{{#section'foot'}}我的每页自定义内容{{/ section}}

并将其渲染到我在布局中定义的位置:

{{{_ sections.foot}}}

当我运行我的gulp任务或组装任务时,我得到了这个。 “null”写在我的.html文件中,位于我的page.hbs中的位置,直接位于#page内的页面内容之后,而不是在我的layout.hbs所说的#page之后。

以下是问题: 1.呈现Null而不是内容。 2.即使内容会被渲染,它也会出现在html中的错误位置。

0 个答案:

没有答案