Stack Overflow
Stack Overflow

Questions tagged [eleventy]

Eleventy (11ty) is a static site generator. Use this tag for questions about the generator itself or about the usage of it.

Eleventy is a Node.js-based static site generator. It is template/framework-agnostic, works with multiple template languages, from Markdown to Liquid, or just JavaScript.

  • Good performance
  • Templating engine-independent
  • Framework-agnostic, no JavaScript runtime
  • Layout inheritance
  • Shortcodes
  • Custom 'filter' to modify content in multiple template engines
  • Generate pages from static JSON files

Find out more at 11ty.dev.

Resources

Competitors

261 questions
2
votes
1 answer

SwiperJS not showing next/prev icons but area is clickable

I have pages I am using swiperJS with you can follow an example here: https://pleinairarchive.com/painting-date/july-4-2021-annie-coleman-melissa-english-gizelle-jean-english/ The Artist Images row has swiper with images off the page, however the…
pandabrand
  • 397
  • 1
  • 13
2
votes
1 answer

Is there a way to stop tailwind from overriding markdown default spacing?

I'm writing a blog using eleventy (with nunjucks) and tailwind. Whenever I write a post using markdown and disabling tailwind, everything is fine. but when I enable tailwind, the line break (2-space and enter at end of line) stops working, so…
ihojmanb
  • 452
  • 8
  • 17
2
votes
2 answers

Configure Eleventy not to use directories for output?

Is it possible somehow to do a general configuration for Eleventy so that 'my_file.html' in the input folder ends up just as 'my_file.html' in the _site folder, not '/my_file/index.html'? I know I can do it on a file by file basis with permalinks.…
John Moore
  • 6,739
  • 14
  • 51
  • 67
2
votes
1 answer

11ty - How to display post tags in my post.njk file?

I've used the 11ty/eleventy-base-blog template and have things working well - but I am trying to display the tags nicely within my post.njk file. At the top of my post (.md) file I have this: tags: ['Tag 1', 'Tag 2'] Within…
Chris Bratt
  • 81
  • 6
2
votes
0 answers

vscode + highlighting eleventy file

I was wondering what extension I could add to my vscode for .11ty.js files. Here is how the file looks with JS babel: and with JSTL:
Jamie
  • 1,909
  • 3
  • 22
  • 47
2
votes
1 answer

What's the best way to perform small client-side JavaScript in Eleventy?

Problem I'd like to add a small bit of client-side JavaScript to my Eleventy website. I can't seem to access document. using Eleventy which means I can't access elements and listen to them for events. Example of what doesn't work: const formElement…
Danny
  • 475
  • 6
  • 19
2
votes
1 answer

How can I exclude drafts from showing up in collections? Liquid/Eleventy

I'm building a website with Eleventy for the first time, and even though I have worked with Liquid for a while now, I just can't crack this one. I want to simplify the architecture as much as possible. This is why I have assigned my collections to…
Anneke
  • 21
  • 1
2
votes
1 answer

Why is eleventy trying to parse a file in a passthrough copy?

I added a "scripts" folder as a passthrough copy to my Eleventy site and installed some npm dependencies inside it for scripts to be run on the page load. So my .eleventy.js has some lines like this: eleventyConfig.addPassthroughCopy("img"); …
Eleanor Holley
  • 691
  • 1
  • 7
  • 27
2
votes
3 answers

Page