I’m trying to integrate CMS with our blog content, which specifies images via URLs that are relative to the markdown file.
To demonstrate this, I’ve forked the Netlify+Gatsby starter here. You can see the modified blog post here. The image loads appropriately on the blog when viewed, but shows as an invalid image in the CMS editor.
The Editor is apparently looking for the image at the following URL:
https://serene-wright-0bf539.netlify.app/img/flavor_wheel.jpg
However, the image is fingerprinted and stored at this URL:
https://serene-wright-0bf539.netlify.app/static/19a6d5ab24bbc3b3531f11ecab349683/72e01/flavor_wheel.jpg
Is there some configuration setting I can change that will result in the image appearing correctly within the editor without giving up the nice fingerprinting/optimization that gatsby-remark-images
provides?