CODEWITHSUNDEEP
githubmarkdownvisual-studio-code
Igor Kondrasovas
Igor Kondrasovas

Reputation: 1671

Visual Studio Code image preview of markdown file

While using prose.io to edit my markdown files, an image can be referenced using the following syntax:

![text]({{site.baseurl}}/images/myimage.png)

This works fine on Prose preview and also after document is published.

Now I want to start using Visual Studio Code, but it does not properly preview images using this syntax.

How can I make it work?

Upvotes: 1

Views: 7366

Answers (1)

Igor Kondrasovas
Igor Kondrasovas

Reputation: 1671

Thanks to @Waylan insight, I tried using this syntax, that seems to be the starndard Markdown:

![text](../images/myimage.png)

images folder is in the same level as posts folder, where markdown files are located.

This made Visual Studio Code properly preview images. I was also able to properly preview images on prose.io (it seems it also accepts standard Markdown).

Upvotes: 1

Related Questions