Here is my code: src/index.md <div class="highl

Probably because you're filtering by *.hbs (with <cod

Just adding this as the url <a class="user-mention notranslate" data-hovercard-type="u

Layouts not rendered at all! about layouts HOT 7 CLOSED

metalsmith commented on August 11, 2024

Layouts not rendered at all!

from layouts.

Comments (7)

ismay commented on August 11, 2024

Probably because you're filtering by *.hbs (with pattern).

I don't know if metalsmith-markdown changes the extension to .html, but neither .md nor .html will be picked up if you're filtering with .hbs. Which means index.md will only be processed by metalsmith-markdown.

You could use metalsmith-branch and metalsmith-rename like I'm doing here: https://github.com/superwolff/boilerplate-layouts/blob/master/build.js#L61 . Let me know if that helps!

from layouts.

gabeno commented on August 11, 2024

I don't know if metalsmith-markdown changes the extension to .html

It does spit out .html

So I changed the pattern to pattern: '*.html' when I ran it I got the error:

{ [Error: ENOENT: no such file or directory, open '.../layouts/partials/header.hbs']
  errno: -2,
  code: 'ENOENT',
  syscall: 'open',
  path: '.../layouts/partials/header.hbs' }

which I resolved by moving my partials/header.hbs into the layouts folder.

On the other hand, declaring partials: 'partials' and letting the partials sit in the root dir also works.

Which of the two approaches is optimal?

from layouts.

ismay commented on August 11, 2024

I think you're misunderstanding what the pattern option does. If you specify a pattern, it only processes files that match the pattern. Otherwise it processes everything. So only use it if you want to exclude files from being processed.

This is what I'd recommend:

var Metalsmith = require('metalsmith'),
    layouts  = require('metalsmith-layouts'),
    markdown   = require('metalsmith-markdown');

Metalsmith(__dirname)
    .use(markdown())
    .use(layouts({
        engine: 'handlebars',
        //  I don't know if you have other filetypes in your buildchain, otherwise you can leave the pattern option out
        pattern: '*.html',
        partials: 'partials'
    }))
    .destination('./build')
    .build(function(err, files){
        if (err) {
            console.log(err);
        }
    });

src/index.md

---
layout: layout.html
title: Test Article
---

### Test Article
Some content will go here...

layouts/layout.html

!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8" />
        <title>{{ title }}</title>
    </head>
    <body>
        {{> header }}
        {{{ contents }}}
        <p>Default Layout</p>
    </body>
</html>

partials/header.html

<header>Header Content</header>

from layouts.

gabeno commented on August 11, 2024

I have the pattern included because without it, it tries to process css files, for instance, that lie within the src directory. I am using this directory structure:

root
  | -- src / index.md
  | -- src / css / ...
  | -- src / scripts / ...
  | -- src / content / ...
  | -- src / images / ...
  | -- layouts/layout.hbs
  | -- partials / header.hbs
  | -- build.js

from layouts.

ismay commented on August 11, 2024

Ok, then you can use my example and keep the pattern. Let me know if that solves it.

from layouts.

ismay commented on August 11, 2024

I'll assume that did it, let me know if you have other questions! Also, check out boilerplate-layouts for a complete, working example.

from layouts.

wdmtech commented on August 11, 2024

Just adding this as the url @ismay posted has changed to

https://github.com/superwolff/metalsmith-boilerplates

from layouts.

Layouts not rendered at all! about layouts HOT 7 CLOSED

Comments (7)

Related Issues (20)

Recommend Projects

React

Vue.js

Typescript

TensorFlow

Django

Laravel

D3

Recommend Topics

javascript

web

server

Machine learning

Visualization

Game

Recommend Org

Facebook

Microsoft

Google

Alibaba

D3

Tencent