Eleventy Crash Course #6 - Adding Tags/Categories to Blog Posts
HTML-код
- Опубликовано: 12 сен 2024
- In this 6th and final part of the 11ty crash course series I cover how to add tags/categories to blog posts and link to a page that lists the blogs with a specific tag.
▬▬▬▬▬▬▬▬▬▬ Assets & Source Code
Source Code: github.com/lit...
11ty pagination docs:
www.11ty.dev/d...
▬▬▬▬▬▬▬▬▬▬ My Gear 🎒
The gear I use to make these videos:
jaydanurwin.co...
▬▬▬▬▬▬▬▬▬▬ Let's Connect
🔔 Subscribe to my channel for more content like this
📱 Follow Me
/ jaydanurwin
/ jaydanurwin
▬▬▬▬▬▬▬▬▬▬ About Me 👋
I'm Jaydan Urwin and I'm a self-taught designer and developer based out of Boise, ID. I specialize in design and development for both the web and Flutter. You'll see some tutorials, tech reviews, and some snippets of my life. If that's something that interests you don't hesitate to subscribe and follow along!
Appreciate the tutorial! I would suggest conditionally adding a meta header with content "noindex, nofollow" for tags. Thanks again for the video!
it is wonderful. this is what I have been looking for for a long time. Thank you
so I'm trying to write my own theme and I get stuck at how should I build a pagination, categories, and tags.
in Pelican, it's sooo much easier, and probably the same in Jekyll.
but in Eleventy, I'm feeling overwhelmed by... how the docs are written.
the docs are confusing for me to read, and not that newbie-friendly.
meanwhile, you just explained it in a really simple way!
I also love that you don't do any styling on the site and focus on building it first. that way, it's easier for us newbies to follow along.
Thanks so much for the compliments! I'm happy to hear I could be of some help with making your theme for 11ty! 🙌🏼
11ty docs, to this day, remain a horrible mess lol
Really good series on 11ty, thanks for the great, informative content
Thank you so much for this series, it's been a huge help. Your example based approach to teaching is ideal. Wishing your family well, cheers!
Thank you so much! I'm glad to hear the course and format is helping out. It took a while to find something that clicks but I'm glad I stick with it!
I've been transitioning from jekyll to 11ty and your tutorial has made it much easier!
Great series on 11ty! Thank you very much. 👍 Looking forward to your Sanity series
Awesome channel and a great teacher! I'm already suscribed, keep up the good work
Thank you so much for the support Santiago!
Great course, thank you!
Just on time with the next thing I want to implement on my site. Thank you
Great series so far- although I'm confused a little in this video: Aren't we supposed to use the `pagination` object and iterate over it?
I think the video would have been more complete if you'd shown how to add the "next/previous" buttons.
Anyways, I'm going to convert one of my sites to 11ty, now that I have all the pieces from you. Thank you so much!
I know you did Astro with Sanity... Would be interesting to see how that would work within 11ty🤔
I don't think I'll be doing the Sanity crash course with 11ty but if you want to play around with Sanity's first party starter repo you can do that here (www.sanity.io/create?template=sanity-io/sanity-template-eleventy-blog). It's largely the same implementation as what I did with my Astro + Sanity starter with the main differences being ESM vs CJS and 11ty has a /api/ folder for the queries.
@@jaydanurwin Alright... I'm mostly curious as how that would look code wise...
Thanks I'll have a look at that
Could you do one on the 11ty img plugin?
Hey Jaydan, thanks for this series it's been a big help, great work!
I don't know if you can point me in the right direction, but I keep getting: "Cannot read property 'permalink' of null" error while trying to get the tag.html section of the video to work (when you go through the live de-bug). I've re-watched several times and can't seem to see where I'm going wrong. Any help greatly appreciated. :)
Hey there, I'm glad to hear the series has helped you out! That error sounds like it's unable to create the tags page maybe because there aren't posts with tags for it to generate from? Have you copied the two example blog posts from the source code?
@@jaydanurwin thanks Jaydan, it turned out to be two things, a friend of mine (who actually knows what he's doing!) helped with. I somehow had a 'tab character' instead of spaces in my tag file, I think I need to change code editor! And I was also running a very old version of node. But thanks for your reply and great work with the tutorials. :)