Notes

  |  Thor Galle

Image URLs with spaces in gatsby-remark-images

While trying to set up this notes section on my Gatsby blog, sourced from an Obsidian Markdown vault, I noticed that references to images in Obsidian with one or more spaces in their path weren’t picked up by the gatsby-remark-images plugin.

Using the ![](<some path>) syntax, it seems to work everywhere though.

Markup Example Works in Obsidian? Works in gatsby-remark-images?
URL-encoded (Obsidian default) ![](some%20link%20with%20spaces.png)
Plain ![](some link with spaces.png)
CommonMark ![](<some link with spaces.png>)

The CommonMark syntax wins! Thank you, legends2k on SuperUser. It’s unfortunate that this isn’t the Obsidian default.

Licensed CC-BY-NC-ND 4.0 · 2024 · Contact