articles tagged “11ty” ⟨BTrem⟩

“extensionless” urls with 11ty

February 13, 2021

Lots of web software is configured to create and serve web files/pages with an .html extension/suffix. That includes 11ty, which by default creates an index.html for each content template. It includes Browsersync — the hot-reload server invoked when you run npx @11ty/eleventy --serve — which determines the Content-Type response header based on the output file's extension. And it includes Apache HTTP server, which, like Browsersync, uses the extension to map a file to a Content-Type header.

And yet, even if your software defaults to .html, it is not mandatory for the web. There is no requirement that certain characters be attached to your web page urls. In this article, I'll explain how to make clean urls with Apache, Browsersync, and 11ty.

add syndication microformat with 11ty

January 31, 2021

If you publish an article in more than place — for example on your website and on a community blog ‐ you may want to inform readers and search engines about the other copy. One way to do that is by adding a rel=syndication link element in the article's head. Another is with the u-syndication property from the microformats h-entry vocabulary.

Building off of "add syndication links with 11ty", this article shows how you can add syndication anchor links to pages and article/post lists using 11ty and nunjucks.

add syndication links with 11ty

January 30, 2021

Suppose you publish an article in more than place — for example on medium and on your own website. If you want to alert readers about the other copy, you can do so with a rel=syndication link element. Here's how you can add syndication links to your pages using 11ty and nunjucks.

11ty nunjucks front matter parsing

January 28, 2021

11ty lets web authors add a tag to a page in the front matter:

---
tags: cat
---

Or several tags:

---
tags:
- cat
- dog
---

Either way, 11ty will include that page in a collection of articles tagged 'cat'.

I wanted to be able to process my own front matter variables the same way, using either format.

microblog with eleventy

January 26, 2021

I use 11ty to publish articles like this one, but I also want to be able publish status updates, sort of like my own Twitter feed. Like a Twitter feed, I want each update to include a date and time when I wrote it. Unlike a twitter feed, I don't want each post to have a permanent url. Instead, I want to show the most recent updates on my home page, and I want to bump off the oldest status update every time I add a new one. This article explains how I did it.