2017-08-29 67 views
0

我目前使用以下格式一饮而尽车把:一饮而尽车把变量声明格式

{{#> layouts/main title="my title" pagename="my_page_name"}} 

在那里我看到使用以下格式别人:

--- 
layouts: main 
title: my title 
pagename: app-is-fixed 
--- 

当我尝试第二格式的我页面无法编译,或者将标题添加为页面顶部的文本而不是变量。

有人可以请指导我如何使用我的模板页面的第二种格式?

回答

0

管理使用一饮而尽组装,以解决这个问题,他们对如何开始https://www.npmjs.com/package/gulp-assemble

一个很好的说明。如果有兴趣的人,这是所使用的格式:

var gulp = require('gulp'); 
var rename = require('gulp-rename'); 
var assemble = require('assemble'); 
var helpers = require('handlebars-helpers'); 
var app = assemble(); 
var prettify = require('gulp-prettify'); 
var config = require('../config'); 

gulp.task('init', function(cb) { 
    app.helper('compare', helpers.comparison()); 
    app.helper('markdown', require('helper-markdown')); 
    app.partials(config.paths.path_src + 'templates/includes/**/*.hbs'); 
    app.layouts(config.paths.path_src + 'templates/layouts/**/*.hbs'); 
    app.pages(config.paths.path_src + 'templates/content/**/*.hbs'); 
    cb(); 
}); 

gulp.task('assemble', ['init'], function() { 
    return app.toStream('pages') 
    .pipe(app.renderFile()) 
    .pipe(prettify({ 
     indent_inner_html: false, 
     preserve_newlines: true, 
     end_with_newline: true, 
     extra_liners: ['head', 'body'] 
    })) 
    .pipe(rename({ 
     extname: '.html' 
    })) 
    .pipe(rename({dirname: ''})) 
    .pipe(app.dest('site')); 
}); 

gulp.task('test', ['assemble']); 

和你的HBS页面将如下:

--- 
layout: default 
title: Blank 
heading: Blank 
pagedescription: blank desc 
--- 
{{#*inline "head-block"}}test-head{{/inline}} 
{{#*inline "scripts-block"}}test-foot{{/inline}} 

test file