2

我尝试使用一些插件使我成为金属匠的样板，但我无法使金属匠布局和就地金属匠一起工作。我尝试了很多东西，我成功地使其中之一工作，但从未使用模板引擎（例如把手）使第二个工作。似乎 metalsmith-layouts 不想读取 .hbs 中的文件。

我已经正确安装了车把和 jstransform-handlebars （并且 .hbs 文件由 metalsmith-in-place 正确转换，但无法使其与 metalsmith 布局一起使用......这真的很烦人）。

我的目标是使用一个布局文件，其中内容将使用像把手这样的模板引擎呈现。

这是我的 index.js 代码：

const path = require('path');
const metalsmith = require('metalsmith');
const inPlace = require('metalsmith-in-place');
const layouts = require('metalsmith-layouts');
const assets = require('metalsmith-assets');
const sass = require('metalsmith-sass');
const htmlMinifier = require("metalsmith-html-minifier");
const permalinks = require('metalsmith-permalinks');

metalsmith(__dirname)  
    .source('src')
    .destination('dist')
    .use(sass({
        file: './src/scss/*.scss',
        outputDir: "css/"
    }))
    .use(inPlace())                             //Template engine uses Handlebars
    .use(layouts({
         engine: 'handlebars',
         default: "layout.html.hbs"
    }))    
    .use(htmlMinifier())
    .use(permalinks({
        relative: false,
        pattern: ':url'
    }))    
    .use(assets({
        source: 'assets'
    }))
    .build((err) => err && console.error(err));

这是我的目录：

源文件树

4

1 回答 1

2

我终于得出结论，布局文件必须是 .html 文件。其 html 文件的内容由

.use(layouts({
    engine: handlebars
}))

尽管该文件不是这种格式的 .hbs 文件，但这很令人困惑。就地插件对于将模板引擎用于内容页面很有用。

于 2017-12-04T12:22:13.083 回答