Hi @nkratzmeyer
This is a great article. There just isn't that much of a cohesive community out there and so I find it a challenge to become better with Pug and so I'm very grateful for the time you've invested here.
My question is this:
I'm trying to build a layout.pug file that displays a 3 blocks from 3 files nav.pug, main.pug, footer.pug and for some reason it's only reading block content
I'm genuinely curious how I can get the Header.pug and Footer.pug into the layout file. Am I thinking the wrong thing altogether? Or am I close, but just not getting it?
This is a great question and you're almost there! You're wanting to do something I didn't cover in this series which is to do an "include". To start, you'll modify your main-layout. Let's do the header. To include the header in your main-layout, change:
block header
to
include ../header.pug
Then change your header.pug file to just be the content you want to show like this:
h1 testing header
Then just do the same for your other content. Then you might want to restructure your folders to have a subfolder called "partials" or "includes" where you would put your header and footer. The stuff that's directly in the views folder should probably be your "main pages". Like your "About", "Contact", etc. pages. Make sense? Thank you very much for the question! I'll definitely write a new post covering this in more detail in the next couple of days.
Hi @nkratzmeyer
This is a great article. There just isn't that much of a cohesive community out there and so I find it a challenge to become better with Pug and so I'm very grateful for the time you've invested here.
My question is this:
I'm trying to build a layout.pug file that displays a 3 blocks from 3 files
nav.pug, main.pug, footer.pugand for some reason it's only readingblock contentHere is a link: repl.it/repls/CelebratedImpoliteBl...
I'm genuinely curious how I can get the Header.pug and Footer.pug into the layout file. Am I thinking the wrong thing altogether? Or am I close, but just not getting it?
This is a great question and you're almost there! You're wanting to do something I didn't cover in this series which is to do an "include". To start, you'll modify your main-layout. Let's do the header. To include the header in your main-layout, change:
to
Then change your header.pug file to just be the content you want to show like this:
Then just do the same for your other content. Then you might want to restructure your folders to have a subfolder called "partials" or "includes" where you would put your header and footer. The stuff that's directly in the views folder should probably be your "main pages". Like your "About", "Contact", etc. pages. Make sense? Thank you very much for the question! I'll definitely write a new post covering this in more detail in the next couple of days.
Thank you so so much for your detailed reply and I definitely look forward to reading any further articles on Pug as well.
I just added another post on using the includes functionality. Hopefully you find it helpful! Thanks so much for reading and asking questions.