I have my blog posts and images together in the content folder like this:
I want to reference the images in my .md content files like this: .
I’ve been reading the docs and support questions about bundles and image processing, but I can’t figure out what I need to change to make this work. I’d like to do the closest thing to what I described above.
I tried making a subfolder for each post like this, but it also did not work:
4weeks1/
index.md
4weeks1.jpg
it is looking for your image at the same folder as the current page, which is not where the image is. So on the homepage, It looks for example.com/4weeks3.jpg and on the post page it looks for example.com/posts/4weeks3/4weeks3.jpg. You can see this in your browser’s console log (right click > inspect > console).
You have it under content/posts/, which means it is being rendered at example.com/posts/4weeks3.jpg. Try it as  instead.
That allows the images to display online, but it does not allow the display in editors on my machine (such as Typora.) I’d prefer them to work in both, if that’s somehow possible. Is it?
Are you fix the issue ? I meet the same issue, can not show the images both in typora and online, if you fix the issue, can you share the methods? thanks.
