Images show in other markdown previews, not in Obsidian

[skeskali]

I am trying to set up a digital garden using Jekyll and Obsidian using these instructions. When I view a page that contains an image in Obsidian, the image does not display; I see the “broken image” icon. However, when I view the page using Atom and Atom’s Markdown preview, the image displays.

Things I have tried

I have tried using Obsidian image syntax and straight HTML. Neither option makes the image display in Obsidian. Does anyone have any suggestions for other things I might try? Thanks in advance!

What I’m trying to do

[anon93337645]

@skeskali

I have tried using Obsidian image syntax

What’s the syntax that you used?

[skeskali]

indent preformatted text by 4 spaces ![[image.jpg]]

[anon93337645]

@skeskali

indent preformatted text by 4 spaces

What does this mean?

Anyways, your syntax seems to be correct as long as the images are in the vault. Have you tried the other syntax where you type in the full location? Like this
![image](file:///path to your file)
Google or search the forum for examples.

I think you meant to say the image shows up on obsidian software, but not on the website created by jekyll? Or is it the other way around?

[skeskali]

The “indent” snippet came from the Forum software when I used a code block.

I’ve tried the other syntax as well, but it still doesn’t show up in Obsidian. Does the image have to be in the same location as all the other files in the vault? What if it is in another folder within the vault?

The image displays in Jekyll and in other Markdown previewers, like Atom, or Marked.

[anon93337645]

@skeskali

Does the image have to be in the same location as all the other files in the vault? What if it is in another folder within the vault?

Shouldn’t be a problem. Perhaps a bug with the insider build?

[rigmarole]

EDIT: NEVERMIND! I didn’t realize this was some kind of remote hosting. I didn’t read your entire link. I don’t know.

[Erisred]

@skeskali - I have a vault I host with Jekyll, and I use the standard HTML syntax to display it on the site.
<img src="imageFileName.png">

The obvious disadvantage to this is that the image is not rendered in Obsidian itself. I have not found a way that is compatible with both.
Hope that helps, at least for the Jekyll site.

[skeskali]

Thanks for this, @Erisred. I was convinced I was doing something wrong.