techhub.social is one of the many independent Mastodon servers you can use to participate in the fediverse.
A hub primarily for passionate technologists, but everyone is welcome

Administered by:

Server stats:

4.7K
active users

#eleventy

3 posts3 participants0 posts today
Nathan<p>I've finally chosen a name for my blog! <a href="https://nathanupchurch.com/blog/introducing-the-stochastic-bletherist/" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">nathanupchurch.com/blog/introd</span><span class="invisible">ucing-the-stochastic-bletherist/</span></a> <a href="https://lounge.town/tags/blog" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>blog</span></a> <a href="https://lounge.town/tags/eleventy" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>eleventy</span></a> <a href="https://lounge.town/tags/11ty" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>11ty</span></a> <a href="https://lounge.town/tags/indieweb" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>indieweb</span></a></p>
Jessie (they/she) 🍓 🏳️‍⚧️ 🍉<p>We have another update, complete with screenshots and juicy details: <a href="https://thinkymeat.neocities.org/posts/11tycms-metadata-editor-11ty-build-integration/" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">thinkymeat.neocities.org/posts</span><span class="invisible">/11tycms-metadata-editor-11ty-build-integration/</span></a></p><p>Get em' while they're hot! <a href="https://mstdn.social/tags/11tyCMS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>11tyCMS</span></a> <a href="https://mstdn.social/tags/11ty" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>11ty</span></a> <a href="https://mstdn.social/tags/eleventy" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>eleventy</span></a> <a href="https://mstdn.social/tags/IndieWeb" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>IndieWeb</span></a> <a href="https://mstdn.social/tags/SSG" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>SSG</span></a> <a href="https://mstdn.social/tags/blog" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>blog</span></a></p>
Juhis<p>Happy International RNG day!</p><p>To celebrate, I built a /random page feature to my <a href="https://mastodon.world/tags/Eleventy" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Eleventy</span></a> website that gives you a random pick from my catalogue of almost 500 posts.</p><p><a href="https://hamatti.org/posts/random-page-feature-for-a-static-site-with-eleventy/" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">hamatti.org/posts/random-page-</span><span class="invisible">feature-for-a-static-site-with-eleventy/</span></a></p><p><a href="https://mastodon.world/tags/blogging" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>blogging</span></a> <a href="https://mastodon.world/tags/RNGDay" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>RNGDay</span></a> <a href="https://mastodon.world/tags/11ty" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>11ty</span></a></p>
stefan b<p>Very excited to spot the first "not by me" usage of my AGPL "Chobble Template" in the wild!</p><p>Check out <a href="https://impactvolt.nl" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="">impactvolt.nl</span><span class="invisible"></span></a> - the website for a renewable energy specialist in the Netherlands</p><p>They used my template as the basis for their site and it looks really good!</p><p>If you want to make yourself a website using my template, you can check out the source code here: <br><a href="https://git.chobble.com/chobble/chobble-template" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">git.chobble.com/chobble/chobbl</span><span class="invisible">e-template</span></a></p><p>Or if you'd like me to make one for you - drop me a PM or contact me through <a href="https://chobble.com/contact" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="">chobble.com/contact</span><span class="invisible"></span></a></p><p><a href="https://social.lol/tags/webdev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>webdev</span></a> <a href="https://social.lol/tags/eleventy" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>eleventy</span></a> <a href="https://social.lol/tags/foss" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>foss</span></a></p>
Cadu Silva :v_github:<p>As search engines are useless now, I'll <a href="https://bolha.one/tags/AskFedi" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>AskFedi</span></a> instead:</p><p>I'd like to know how to make Eleventy grab the first image in a blog post and then return the image path, so I could use something like {{ socialimg }} as the og:image meta tag?</p><p><a href="https://bolha.one/tags/Eleventy" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Eleventy</span></a> <a href="https://bolha.one/tags/11ty" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>11ty</span></a> <a href="https://bolha.one/tags/OpenGraph" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>OpenGraph</span></a></p>
Vae Miséricorde<p>any of you use a cms (git-based or otherwise) for your <span class="h-card" translate="no"><a href="https://neighborhood.11ty.dev/@11ty" class="u-url mention" rel="nofollow noopener" target="_blank">@<span>11ty</span></a></span> site? <a href="https://social.lol/tags/blogging" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>blogging</span></a> <a href="https://social.lol/tags/eleventy" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>eleventy</span></a> <a href="https://social.lol/tags/11ty" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>11ty</span></a></p>
Cadu Silva :v_github:<p>Adicionando um sistema de busca no 11ty <a href="https://cadu.cc/blog/adicionando-um-sistema-de-busca-no-11ty.html" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">cadu.cc/blog/adicionando-um-si</span><span class="invisible">stema-de-busca-no-11ty.html</span></a></p><p><a href="https://bolha.one/tags/BlogCaduSilva" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>BlogCaduSilva</span></a> <a href="https://bolha.one/tags/pagefind" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>pagefind</span></a> <a href="https://bolha.one/tags/eleventy" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>eleventy</span></a> <a href="https://bolha.one/tags/11ty" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>11ty</span></a></p>
troz<p><span class="h-card" translate="no"><a href="https://iosdev.space/@Amy" class="u-url mention" rel="nofollow noopener" target="_blank">@<span>Amy</span></a></span> I’ve used Jekyll &amp; Hugo but earlier this year I switched to Eleventy and I really like it. It’s much easier for me to customise. I wrote a description of my change-over here: <a href="https://troz.net/post/2025/eleventy/" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="">troz.net/post/2025/eleventy/</span><span class="invisible"></span></a></p><p><a href="https://mastodon.social/tags/eleventy" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>eleventy</span></a></p>
nycki<p>If you've been using <a href="https://bark.lgbt/tags/neocities" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>neocities</span></a> or <a href="https://bark.lgbt/tags/nekoweb" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>nekoweb</span></a> to host your HTML site and you miss the convenience of *markdown and stuff,* I have a tutorial for you! It's a quick no-nonsense guide through installing Eleventy and using it to add Markdown to your HTML website!</p><p><a href="https://github.com/nycki93/eleventy-for-neocities-users" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">github.com/nycki93/eleventy-fo</span><span class="invisible">r-neocities-users</span></a></p><p>edit: if you found this tutorial helpful, let me know! even just a "yeah this worked" is good feedback!</p><p><a href="https://bark.lgbt/tags/web" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>web</span></a> <a href="https://bark.lgbt/tags/cohost" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>cohost</span></a> <a href="https://bark.lgbt/tags/markdown" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>markdown</span></a> <a href="https://bark.lgbt/tags/eleventy" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>eleventy</span></a> <a href="https://bark.lgbt/tags/programming" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>programming</span></a></p>
Sarah L. Fossheim<p><a href="https://front-end.social/tags/eleventy" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>eleventy</span></a> folks: possible I'm completely overlooking something cause it's been a while since I last touched 11ty code, but:</p><p>I want to conditionally set the permalink to false for some files, based on an environment variable.</p><p>I can call the variable from the headers in the template/.njk file, but the boolean gets converted to a string when I do that (becomes permalink: "false" instead of permalink: false), so the files end up in a "false"-folder instead 🧐 </p><p>Any tips/workarounds?</p>
Juhis<p><span class="h-card" translate="no"><a href="https://berlin.social/@mina" class="u-url mention" rel="nofollow noopener" target="_blank">@<span>mina</span></a></span> <span class="h-card" translate="no"><a href="https://linuxmom.net/@vkc" class="u-url mention" rel="nofollow noopener" target="_blank">@<span>vkc</span></a></span> I love it! I've been building pretty much all of my sites since 2018 with it.</p><p>I especially love how I'm able to build it piece-by-piece instead of generating a ton of boilerplate/scaffolding code. <a href="https://hamatti.org/posts/how-i-teach-eleventy-from-scratch/" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">hamatti.org/posts/how-i-teach-</span><span class="invisible">eleventy-from-scratch/</span></a></p><p>And the community is amazing. Once you get started, I recommend 11ty Bundle by <span class="h-card" translate="no"><a href="https://indieweb.social/@bobmonsour" class="u-url mention" rel="nofollow noopener" target="_blank">@<span>bobmonsour</span></a></span> : <a href="https://11tybundle.dev/" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="">11tybundle.dev/</span><span class="invisible"></span></a>, it's a wonderful collection of community resources.</p><p><a href="https://mastodon.world/tags/Eleventy" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Eleventy</span></a></p>
Juhis<p>I love how easy it has become to </p><p>1. Build a new <a href="https://mastodon.world/tags/Eleventy" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Eleventy</span></a> site from scratch<br>2. Start a new repository in GitHub<br>3. Create a new site in Netlify and set up automated deployments from GitHub<br>4. Point a new subdomain from Hover to the new site</p><p>I went from "hmm, I could start a new blog" into it being live with SSL and subdomain in an hour or so. Including an introductory blog post.</p><p>I'll publish the blog properly once I have the first non-introductory blog post written.</p>
Nicolas Hoizey<p><span class="h-card" translate="no"><a href="https://mas.to/@snugug" class="u-url mention" rel="nofollow noopener" target="_blank">@<span>snugug</span></a></span> thanks!</p><p>I've been working on this map for a while, discovering <a href="https://mamot.fr/tags/mapbox" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>mapbox</span></a> API along the way, often struggling with behaviors I couldn't understand.</p><p>I want to write about this and the rest of the site also, which is a pretty uncommon use of <a href="https://mamot.fr/tags/Eleventy" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Eleventy</span></a> I think.</p><p>Not sure when I'll be able to take the time for this, but it will come.</p>
vkc via PeerTube<p><strong>The modern web sucks. My band's website doesn't.</strong></p> <p><a href="https://tinkerbetter.tube/videos/watch/79457371-7251-4386-940f-03535f111acb" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">tinkerbetter.tube/videos/watch</span><span class="invisible">/79457371-7251-4386-940f-03535f111acb</span></a></p>
Marijke Luttekes<p>I replaced my <span class="h-card" translate="no"><a href="https://neighborhood.11ty.dev/@11ty" class="u-url mention" rel="nofollow noopener" target="_blank">@<span>11ty</span></a></span>'s custom translation logic with `eleventy-plugin-i18n` a few days ago.</p><p>This plugin is older and has not been maintained for years, and the way I had set up some templates would result in many (unnecessary) warnings.</p><p>But here is the fun bit about open source:</p><p>The original code is available online, and I copied it to my project. I only had to modify two lines from the original logic to make it play ball with my setup.</p><p>Pretty neat, and Eleventy's output is once again free of warnings.</p><p><a href="https://hachyderm.io/tags/OSS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>OSS</span></a> <a href="https://hachyderm.io/tags/Eleventy" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Eleventy</span></a> <a href="https://hachyderm.io/tags/11ty" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>11ty</span></a></p>
Reilly Spitzfaden (they/them)<p><span class="h-card" translate="no"><a href="https://mathstodon.xyz/@fractalkitty" class="u-url mention" rel="nofollow noopener" target="_blank">@<span>fractalkitty</span></a></span> I have an update to this: I switched from the MarkdownIt KaTeX (<a href="https://mdit-plugins.github.io/katex.html" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">mdit-plugins.github.io/katex.h</span><span class="invisible">tml</span></a>) plugin to the MathJax (<a href="https://mdit-plugins.github.io/mathjax.html" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">mdit-plugins.github.io/mathjax</span><span class="invisible">.html</span></a>) one, and so far it looks like it's working! This is in Eleventy, with the LaTeX math expressions embedded in Markdown.</p><p>While KaTeX includes the "output" option (<a href="https://katex.org/docs/options" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="">katex.org/docs/options</span><span class="invisible"></span></a>) to do HTML, MathML, or both (default: both), the plugin doesn't seem to expose that option, and since the MathJax one does just MathML, it looks right for me in NetNewsWire (macOS) and CapyReader (Android).</p><p>The post is here (<a href="https://reillyspitzfaden.com/posts/2025/06/reverb-part-1/" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">reillyspitzfaden.com/posts/202</span><span class="invisible">5/06/reverb-part-1/</span></a>) and the feed is here (<a href="https://reillyspitzfaden.com/blog/feed.xml" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">reillyspitzfaden.com/blog/feed</span><span class="invisible">.xml</span></a>), and I'd be interested to hear if it's working for other people.</p><p><a href="https://hachyderm.io/tags/LaTeX" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>LaTeX</span></a> <a href="https://hachyderm.io/tags/KaTeX" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>KaTeX</span></a> <a href="https://hachyderm.io/tags/MathJax" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>MathJax</span></a> <a href="https://hachyderm.io/tags/Eleventy" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Eleventy</span></a> <a href="https://hachyderm.io/tags/11ty" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>11ty</span></a></p>
Clayton Errington 🖥️<p>StaticQuest is now updated to Eleventy v3.1.1!</p><p><a href="https://static.quest/" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="">static.quest/</span><span class="invisible"></span></a></p><p><a href="https://mstdn.social/tags/StaticQuest" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>StaticQuest</span></a> <a href="https://mstdn.social/tags/eleventy" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>eleventy</span></a> <a href="https://mstdn.social/tags/11ty" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>11ty</span></a> <a href="https://mstdn.social/tags/staticsite" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>staticsite</span></a></p>
Nathan<p>New blog post documenting my efforts to make microblogging less of a pain with Eleventy, or any SSG for that matter. <a href="https://nathanupchurch.com/blog/Solving-SSG-Microblogging-Ergonomics-with-KDialog-for-Incense-Posting/" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">nathanupchurch.com/blog/Solvin</span><span class="invisible">g-SSG-Microblogging-Ergonomics-with-KDialog-for-Incense-Posting/</span></a> <a href="https://lounge.town/tags/11ty" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>11ty</span></a> <a href="https://lounge.town/tags/eleventy" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>eleventy</span></a> <a href="https://lounge.town/tags/blog" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>blog</span></a> <a href="https://lounge.town/tags/indieweb" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>indieweb</span></a> <a href="https://lounge.town/tags/KDE" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>KDE</span></a></p>
Marijke Luttekes<p>The next big thing will be replacing my custom localization and internationalization setup with Eleventy's own and popular third-party functionality.</p><p><a href="https://hachyderm.io/tags/Eleventy" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Eleventy</span></a> <a href="https://hachyderm.io/tags/WebDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WebDev</span></a></p>
Jessie (they/she) 🍓 🏳️‍⚧️ 🍉<p>Another excitng <a href="https://mstdn.social/tags/11tyCMS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>11tyCMS</span></a> development 👀 </p><p>It now supports image uploads in the editor 👀 . This is shaping up to be a very complete and cool experience ngl.</p><p>Next up is making sure that you can add and edit metadata... And then? UI/UX overhaul.</p><p>I sense a public beta coming 👀 👀 <a href="https://mstdn.social/tags/11ty" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>11ty</span></a> <a href="https://mstdn.social/tags/eleventy" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>eleventy</span></a></p>