/ / Assembly.io Problem mit der Verwendung alternativer Vorlagen bekommen 0 Seiten zusammengebaut - zurb-foundation, yeoman-Generator, montieren

Assembly.io Problem mit der Verwendung alternativer Vorlagen bekommen 0 Seiten zusammengebaut - zurb-foundation, yeoman-Generator, montieren

Ich bin neu bei Assembly.io und ich verwende einen Generator, um schnell für Foundation 5 einzurichten. Ich habe jedoch ein Problem mit alternativen Vorlagen.

Ich bin in der Lage, die Seite zu erhalten, um alle Seiten mit der gleichen Schablone zu erzeugen, aber würde offensichtlich verschiedene Vorlagen für Teile der Seite haben.

Aktuelle Gruntfile.js

assemble : {
options : {
layoutdir : "<%= paths.templates %>/layouts",
layout : "site.hbs",
partials : "<%= paths.templates %>/partials/*.hbs",
assets : "<%= paths.assets %>",
data : "<%= paths.data %>/*.{json,yml}",
helpers : [ "<%= paths.templates %>/helpers/*.js" ],
marked : {gfm : true},
plugins : [ "assemble-middleware-sitemap","assemble-contrib-permalinks" ],
sitemap : {dest : "<%= paths.dist %>/"},
permalinks : {preset : "pretty"},
},
about: {
// override task-level layout
options: {
layoutdir : "<%= paths.templates %>/layouts",
layout: "banded.hbs",
partials : "<%= paths.templates %>/partials/*.hbs",
assets : "<%= paths.assets %>",
data : "<%= paths.data %>/*.{json,yml}",
helpers : [ "<%= paths.templates %>/helpers/*.js" ],
marked : {gfm : true},
plugins : [ "assemble-middleware-sitemap","assemble-contrib-permalinks" ],
sitemap : {dest : "<%= paths.dist %>/"},
permalinks : {preset : "pretty"}
},
// files: {"docs/": ["src/content/about/*.hbs" ]},
files : [ {
expand : true,
cwd : "<%= paths.content %>/about",
src : "<%= paths.content %>/about/*.{md,hbs}",
dest : "<%= paths.dist %>/"
} ]
},

// Default
dist : {
files : [ {
expand : true,
cwd : "<%= paths.content %>/",
src : "**/*.{md,hbs}",
dest : "<%= paths.dist %>/"
} ]
}
},

Da ich neu dabei bin, habe ich verschiedene Dinge ausprobiert und die Dokumentation auf der Assemble.io-Seite angeschaut, aber es scheint hier nicht hilfreich zu sein.

Beispiel von Assemble.io Website.

assemble: {
options: {
layout: "default.hbs",
layoutdir: "layouts"
},
docs: {
// override task-level layout
options: {layout: "docs-layout.hbs" },
files: {"docs/": ["src/docs/*.hbs" ]},
},
site: {
// override task-level layout
options: {layout: "site-layout.hbs" },
files: {"site/": ["src/site/*.hbs" ]},
}
// ... other targets
}

Wie ich bereits erwähnt habe, wurde die Core-Foundation-Site von Yoeman generiert und ich verwende sie Generator-Sassy-Roboyeti also wollte ich mich nicht weit von dem entfernen, was es standardmäßig vorgibt.

Irgendwelche Ideen würden sehr geschätzt werden.

Antworten:

0 für die Antwort № 1

Dies ist nicht genau die Antwort, aber ich habe eine alternative Methode gefunden.

Anstatt jedem Abschnitt die Verwendung von Layouts zu erklären, füge ich einfach das Layout hinzu, das die Datei für jede einzelne HTML-Datei verwenden soll. Ich denke, das ist viel einfacher.

Gruntfile.js aktualisiert

"use strict";
module.exports = function(grunt) {
require("time-grunt")(grunt);

grunt
.initConfig({

paths : {
src : "src",
dist : "dist",
tmp : ".tmp",
assets : "<%= paths.dist %>/assets",
content : "<%= paths.src %>/content",
data : "<%= paths.src %>/data",
templates : "<%= paths.src %>/templates",
bower : "bower_components"
},

//credentials: grunt.file.readJSON("credentials.json"),

watch : {
assemble : {
files : [ "<%= paths.src %>/{content,data,templates}/**/*.{md,hbs,yml,json}" ],
tasks : [ "assemble" ]
},
sass : {
files : [ "<%= paths.src %>/css/**/*.scss" ],
tasks : [ "sass:server" ]
},
js : {
files : [ "<%= paths.src %>/js/**/*.js" ],
tasks : [ "concurrent:js" ]
},
livereload : {
options : {
livereload : "<%= connect.options.livereload %>"
},
files : [ "<%= paths.dist %>/**/*.html",
"<%= paths.assets %>/css/{,*/}*.css",
"<%= paths.assets %>/js/{,*/}*.js",
"<%= paths.assets %>/images/{,*/}*.{png,jpg,jpeg,gif,webp,svg}" ]
}
},

connect : {
options : {
port : 9000,
livereload : 35729,
// change this to "0.0.0.0" to access the server from outside
hostname : "localhost"
},
dist : {
options : {
open : true,
base : [ "<%= paths.dist %>" ]
}
}
},

assemble : {
options : {
layoutdir : "<%= paths.templates %>/layouts",
//layout : "site.hbs",
partials : "<%= paths.templates %>/partials/*.hbs",
assets : "<%= paths.assets %>",
data : "<%= paths.data %>/*.{json,yml}",
helpers : [ "<%= paths.templates %>/helpers/*.js" ],
marked : {gfm : true},
plugins : [ "assemble-middleware-sitemap","assemble-contrib-permalinks" ],
sitemap : {dest : "<%= paths.dist %>/"},
permalinks : {preset : "pretty"},
},
//Default
dist : {
files : [ {
expand : true,
cwd : "<%= paths.content %>/",
src : "**/*.{md,hbs}",
dest : "<%= paths.dist %>/"
} ]
}
},

imagemin : {
images : {
files : [ {
expand : true,
cwd : "<%= paths.content %>/images/",
src : "**/*.{png,jpg,gif}",
dest : "<%= paths.assets %>/images/"
} ]
}
},

modernizr : {
dist : {
devFile : "<%= paths.bower %>/modernizr/modernizr.js",
outputFile : "<%= paths.assets %>/js/modernizr.js"
}
},

sass : {
options : {
includePaths : [ "<%= paths.bower %>" ]
},
dist : {
options : {
outputStyle : "compressed"
},
files : {
"<%= paths.assets %>/css/site.css" : "<%= paths.src %>/css/site.scss"
}
},
server : {
options : {
sourceMap : true
},
files : {
"<%= paths.assets %>/css/site.css" : "<%= paths.src %>/css/site.scss"
}
}
},

concurrent : {
js : [ "copy:bower", "copy:js", "modernizr" ],
assets : [ "copy:bower", "copy:js", "modernizr", "imagemin" ]
},

clean : {
dist : "<%= paths.dist %>/**",
tmp : "<%= paths.tmp %>",
bowerAssets : "<%= paths.dist %>/bower_components",
js : [ "<%= paths.assets %>/js/*",
"!<%= paths.assets %>/js/modernizr.js" ]
},

useminPrepare : {
home : "<%= paths.dist %>/index.html",
options : {
dest : "<%= paths.dist %>"
}
},

filerev : {
css : {
src : "<%= paths.assets %>/css/*.css"
},
js : {
src : "<%= paths.assets %>/js/*.js"
}
},

usemin : {
html : [ "<%= paths.dist %>/**/*.html" ]
},

copy : {
bower : {
files : [ {
expand : true,
cwd : "<%= paths.bower %>/",
src : [ "jquery/**", "foundation/**" ],
dest : "<%= paths.dist %>/bower_components/"
} ]
},
js : {
files : [ {
expand : true,
cwd : "<%= paths.src %>/js/",
src : [ "*.js" ],
dest : "<%= paths.assets %>/js/"
} ]
}
},

cdnify : {
dist : {
html : [ "<%= paths.dist %>/**/*.html" ]
}
},

htmlmin : {
dist : {
options : {
removeComments : true,
collapseWhitespace : true
},
files : [ {
expand : true,
cwd : "<%= paths.dist %>/",
src : "**/*.html",
dest : "<%= paths.dist %>"
} ]
}
}
});

grunt.loadNpmTasks("assemble");
require("load-grunt-tasks")(grunt);

grunt.registerTask("build:dist", [ "clean:dist", "clean:tmp", "assemble",
"concurrent:assets", "sass:dist", "useminPrepare", "concat",
"clean:js", "uglify", "filerev", "usemin", "cdnify", "htmlmin",
"clean:bowerAssets" ]);

grunt.registerTask("build:server", [ "clean:dist", "clean:tmp", "assemble",
"concurrent:assets", "sass:server" ]);

grunt.registerTask("server", [ "build:server", "connect", "watch" ]);

grunt.registerTask("default", [ "build:dist" ]);
};

Jetzt in meinem /about/index.hbs


Titel: Über Beschreibung: Dies ist meine About-Seite.

Layout: banded.hbs

Hi, das ist die ungefähre Seite.