inherentlee/leecat.art
0
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

remove target=blank etc

Browse Source
This commit is contained in:
inherentlee
2026-09-12 10:48:36 -07:00
parent c517bb8d69
commit 07bb31111f
80 changed files with 389 additions and 366 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/posts/2026/2026-02-19-eleventy-lessons.md
+9 -9
View File
@@ -8,7 +8,7 @@ tags:
- software
---
recently I wrote *several* sites using [Eleventy](https://www.11ty.dev/){target="_blank" rel="external"} (4? 5?). Including, over the past few days, rewriting this one! That's right, if you're reading this, we're now running on 11ty and hosted by [heckin.technology](https://heckin.technology/){target="_blank" rel="external"}. See ya, GitHub. Won't miss ya.
recently I wrote *several* sites using [Eleventy](https://www.11ty.dev/) (4? 5?). Including, over the past few days, rewriting this one! That's right, if you're reading this, we're now running on 11ty and hosted by [heckin.technology](https://heckin.technology/). See ya, GitHub. Won't miss ya.
Originally, I compiled some of the things I've learned in a standalone site.
@@ -20,7 +20,7 @@ this will comprise of 4 parts: [related posts](#related-posts), [featured images
## related posts
by default, the [Eleventy base blog](github.com/11ty/eleventy-base-blog){target="_blank" rel="external"} comes with pagination between posts. Post 2 can take you to posts 1 and 3, etc.
by default, the [Eleventy base blog](github.com/11ty/eleventy-base-blog) comes with pagination between posts. Post 2 can take you to posts 1 and 3, etc.
while that is useful for *this* site, when building another site I wanted to see a couple randomly-suggested posts that shared 1 or more tags.
@@ -89,7 +89,7 @@ and that sorts related posts.
## featured images
images in 11ty use the [Image Transform Plugin](https://www.11ty.dev/docs/plugins/image/#eleventy-transform){target="_blank" rel="external"}. I found it hard to find anything to reference while building this - a lot of sites in the template gallery are either text-heavy or not using the plugin - so I'm reproducing what I've got here for reference.
images in 11ty use the [Image Transform Plugin](https://www.11ty.dev/docs/plugins/image/#eleventy-transform). I found it hard to find anything to reference while building this - a lot of sites in the template gallery are either text-heavy or not using the plugin - so I'm reproducing what I've got here for reference.
### file structure
@@ -192,7 +192,7 @@ together, that sets up featured images for posts.
### simple pagination
[Post pagination in Eleventy is pretty straightforward](https://www.11ty.dev/docs/pagination/){target="_blank" rel="external"}, mostly requiring some specific front matter.
[Post pagination in Eleventy is pretty straightforward](https://www.11ty.dev/docs/pagination/), mostly requiring some specific front matter.
The home page pagination I have set up here looks like the following (in `index.njk`):
@@ -208,7 +208,7 @@ pagination:
6 posts per page, paginate data from `collections.posts` which we'll call just `posts` for short, and do it in reverse (aka, most recent posts show first).
[You'll also likely want previous and next buttons](https://www.11ty.dev/docs/pagination/nav){target="_blank" rel="external"}. I did. Here's what I have...
[You'll also likely want previous and next buttons](https://www.11ty.dev/docs/pagination/nav). I did. Here's what I have...
#### pagination.njk
@@ -258,9 +258,9 @@ Yup. The order of previous vs. next is totally unintuitive to me, too.
### complex pagination
however, there's a catch. [Tag pages are *created* via pagination](https://www.11ty.dev/docs/quicktips/tag-pages/){target="_blank" rel="external"}! It's a lot harder to paginate those - you can't just use the front matter to set it up.
however, there's a catch. [Tag pages are *created* via pagination](https://www.11ty.dev/docs/quicktips/tag-pages/)! It's a lot harder to paginate those - you can't just use the front matter to set it up.
I untangled [this GitHub issue about double-layered pagination](https://github.com/11ty/eleventy/issues/332#issuecomment-445236776){target="_blank" rel="external"} and came to the following solution...
I untangled [this GitHub issue about double-layered pagination](https://github.com/11ty/eleventy/issues/332#issuecomment-445236776) and came to the following solution...
#### eleventy.config.js
@@ -329,7 +329,7 @@ eleventyExcludeFromCollections: true
```
{% endraw %}
note the pagination checking `tag.pageNumber` against `tag.PageSize` - the [original suggested solution](https://github.com/11ty/eleventy/issues/332#issuecomment-445236776){target="_blank" rel="external"} in the GitHub post creates an issue where the pagination loops through *all* of the tag pages bit-by-bit. This sorts that - hat tip to [TheReyzar who mentioned the issue and showed part of their solution](https://github.com/11ty/eleventy/issues/332#issuecomment-1248185406){target="_blank" rel="external"}.
note the pagination checking `tag.pageNumber` against `tag.PageSize` - the [original suggested solution](https://github.com/11ty/eleventy/issues/332#issuecomment-445236776) in the GitHub post creates an issue where the pagination loops through *all* of the tag pages bit-by-bit. This sorts that - hat tip to [TheReyzar who mentioned the issue and showed part of their solution](https://github.com/11ty/eleventy/issues/332#issuecomment-1248185406).
#### filters.js (again)
@@ -424,4 +424,4 @@ thankfully, the CSS property `aspect-ratio` makes this pretty straightforward, a
---
There's the good stuff from [11ty Lessons](https://inherentlee.codeberg.page/lessons/){target="_blank" rel="external"}. Hope you enjoyed.
There's the good stuff from [11ty Lessons](https://inherentlee.codeberg.page/lessons/). Hope you enjoyed.