Make images in markdown work when posts have nice permalinks

[arrowtype]

Problem:

If I have markdown templates that include both nice permalinks and images, the images don’t get passed through into the site.

Unfortunately, there isn’t a prebuilt way to make this happen. TBC

[arrowtype]

This post describes how to add images to templated pages, but doesn’t specifically deal with images from markdown:

https://mahmoudashraf.dev/blog/how-to-optimize-and-lazyloading-images-on-eleventy/

It shows a way of using eleventy-img and sharp to create responsive, blur-up images, so it will probably be a useful reference.

[arrowtype]

More background:

• A plugin seems to exist for exactly what I’m hoping to do, but it wasn’t working for me: Assets not routing to _site (?) victornpb/eleventy-plugin-page-assets#1_
• It may work to investigate and try methods describe by James Doc. Or, this may be a good enhancement for responsive images, once I’ve got the basic thing working. WIP commit

Related issues:

• Custom Passthrough Copy? 11ty/eleventy#1140
• Permalinks for images 11ty/eleventy#456
• Rewriting Asset Links to Absolute Paths 11ty/eleventy#379

Worst case, I think: not using the permalink attribute for posts, and either:

1. Just name folders within posts as intended permalinks. The downside, obviously, is that it will be somewhat harder to easily see my posts in chronological order while writing in VS Code (a pretty big drawback). It would also sacrifice sensible ordering on GitHub.
2. Just allow URLs to include dates, like blog.arrowtype.com/2020-08-25--making-better-zips. Not that bad, but seems like a bigger problem over time. I would like to preserve these posts for the long term, but also I don’t want the long URLs, and this conflict would risk their permanence.

[arrowtype]

Fixed with 07f5378 and 4b00ca7