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 
syntax, it seems to work everywhere though.
Markup | Example | Works in Obsidian? | Works in gatsby-remark-images ? |
---|---|---|---|
URL-encoded (Obsidian default) |  |
✅ | ❌ |
Plain |  |
❌ | ❌ |
CommonMark |  |
✅ | ✅ |
The CommonMark syntax wins! Thank you, legends2k on SuperUser. It’s unfortunate that this isn’t the Obsidian default.