_sortieren

How I use Obsidian, VSCode, and Eleventy to write for my website...for now.

I recently took an existing codebase and ported it over to Eleventy. The main purpose was to recreate the website with existing markdown files and CSS. Creating the collections and templates…

I work a lot with the Laravel framework, which scaffolds much of your initial setup and has conventions for where code should be stored. Starting a brand new Eleventy project from scratch do…

If you're building up a custom Eleventy collection using addCollection, you may need to use existing filters to create the desired data. For built-in collections using tags, there is the ite…

After organising Eleventy filters, shortcodes etc I had an idea to tidy the code even more and make it dynamic. I wanted to automatically import any new functions that were added, including…

Pocket bietet eine API, mit der die gespeicherten Lesezeichen verwendet und angepasst werden können. Diese mache ich mir zu nutzen und speichere die Daten in einem Lesezeichenbeitrag auf stebre.ch. Es werden Lesezeichen mit einem spezifischen Tag berücksichtigt. Nach der Verarbeitung wird der auf Pocket gespeicherte Link archiviert.

notion2eleventy ist ein Plugin für den Static Site Generator Eleventy (kurz: 11ty). Es lädt Inhalte von Notion in dein 11ty-Verzeichnis. Mit einem statusbasierten Workflow wird dafür gesorgt, dass nur die Inhalte heruntergeladen werden, die sich verändert haben. Das Plugin ist als Node Modul auf npmjs.com verfügbar.

A collection of notes and code snippets for various situations and use cases.

A short summary of upgrading this website to Eleventy v3.

Step by Step guide to adding the Eleventy Style Guide Generator to an existing site. Details on how to avoid needing WebC or Design Tokens included.

I recently discovered Eleventy, a modern static site generator that’s customizable and flexible, but without fuss. Eleventy uses JavaScript, but it’s not a JavaScript framework. It uses Node.js under the hood to transform templates into static (HTML, CSS) content. But those pages don’t contain any JavaScript. Eleventy was created to be a JavaScript alternative to Jekyll. It’s zero-config by default but has flexible configuration options. Eleventy works with your project’s existing directory structure.

How I implemented Notion and PSN APIs in my Eleventy build for my Now and Gaming pages

Last week, the first 11ty Conference, also known as the 11ty International Symposium on Making Web Sites Real Good, took place and it blew my mind. Here are the best parts, which is pretty much everything.

A starter project that demos configuring 11ty for multi-site support - davidwkeith/11ty-multisite

Forget the usual suspects for your website hosting. You should consider shared hosting for your next 11ty project.

How I surf the web, manage my online bookmarks and share exciting hyperlinks with the community.

I had a revelation earlier today that solved a long-standing performance issue I’ve been having with the initial build of my Eleventy website, and here’s how it saved me a bunch of time!

The quest: how could I mark a link or blog post as “good”, and have it show up in my blog on a Sunday without me having to do anything?

post collections, data files, other messiness.

A beautiful yet powerful syntax highlighter

Short and quick tutorial on how to embed custom HTML content between post paragraphs on an Eleventy site.

How to create a github pages website made with eleventy

Introduction Hey, DEV community 🖖 It's a long time since I saw you last! I want to share...

A blog post about how my site works based on a talk I did at the Eleventy meetup

I am trying to write a nunjucks template that loops through an outer array and populates columns, then loops through a nested array to make rows in each column. So, my data structure looks something

Nunjucks is a powerful template engine that allows to loop through arrays and also objects 😏...

I am trying to select 2 media elements per div rendered using the receptar theme in each rendering of blog_item element. In other words, I need to display a container that holds divs, where each div displays two images. The first div would have image1 and image2, the second dive would have image3 and image4, etc… My blog_item.html.twig looks like this: div id="post-{{ loop.index }}" class="post-{{ loop.index }} post type-post status-publish format-standard has-post-thumbnail hentry category-ca...

Explore the essentials of Eleventy's folder structure in this guide, perfect for optimizing your project's efficiency and scalability. Learn from basic setups to advanced custom structures, ensuring your 11ty site is perfectly organized for peak performance.

A simple guide, explaining step by step how to deploy your Eleventy website to GitHub Pages with the help of GitHub Actions.