Your sites Log in Sign up Menu

How to insert an image using Markdown?

I'm learning Markdown and use Dillinger as my Markdown Editor. I've followed the instructions on how to embed an image but it's not displaying so I must be doing this wrong.

Here's my process: -Images saved in folder in the 'Pages' folder, names start with an underscore so they don't appear as individual posts -Input the following text ! [brief description] (_name of file.jpeg)

When I preview the blog, I see the Markdown text, no image. Any clue where I am going wrong?

I wasn't sure whether to insert the whole path name in the brackets or just the file name. I have tried both, same result.


21 days ago, 8 replies   Improve this question

Hey, have you try to remove the spaces between ! [] ()?

try ![brief description](_name of file.jpeg)

Answered 2 years ago · Improve this answer

Hey, thank you for the suggestion. Yes I tried this... what happens now is I get a question mark in a blue box where the image ought to be. Any ideas? Thank you.

Answered 2 years ago · Improve this answer

I assume you have the named image file in the same folder synced the same way/

Answered 2 years ago · Improve this answer

Sorry I'm not quite sure what you mean but my file structure looks like this:

My blog
├─ Pages
├─ Posts
│  ├ 2021
│  ├─ Dudley Museum and Art Gallery
│  |-------blog text.md
│  │  ├─ Dudley Images
│  │  ├─ _image.jpg

I am really perplexed by this!

Answered 2 years ago · Improve this answer

Seem your image file and .md is not in the same folder that you should use

![brief description](../Dudley Images/_image.jpg)

to insert the image?

Answered 2 years ago · Improve this answer

Thanks for this - I've tried it but still getting the blue question mark.

Answered 2 years ago · Improve this answer

We ended up sorting this out over email, the issue was an extra underscore in the file's name, causing the broken link

Answered 2 years ago · Improve this answer