Gatsby: Question: Referencing images from markdown posts?

[thevangelist]

I created a blog with the tutorial on gatsbyjs.org. However, I am unable to reference to images in my markdown - I did some googling and no obvious solution exists.

Here's my current folder structure:

├── layouts
│   └── index.js
├── pages
│   ├── 404.js
│   ├── art.js
│   ├── contact.js
│   ├── index.js
│   ├── my-files.js
│   ├── static
│   │   ├── some-image.jpg
│   └── work.js
├── posts
│   ├── 2016-04-04-some-post.md
├── templates
│   └── blog-post.js
└── utils
    └── typography.js

TLDR: how do I reference some-image.jpg from the single post written in markdown?

[EmilTholin]

Maybe looking at Mathews' blog can help?

[thevangelist]

Thanks, I was able to solve this (a bug due to migration)

[snirp]

@thevangelist It is always, good practice to describe what went wrong, how you found out, and how you resolved it. Just in case somebody else has a bug at the same point and comes here looking.

[tcg]

;) Came here looking.

[jgaehring]

I think this is what @thevangelist was referring to: https://github.com/gatsbyjs/gatsby-starter-blog/issues/113#issuecomment-408619291

After Migrating to v2 there was a breaking change which was patched by gatsby@^2.0.0-beta.61 and gatsby-transformer-remark@^2.1.1-beta.5.

In my case, I also still needed to install gatsby-remark-images and its dependency, gatsby-plugin-sharp. Hope this helps anyone else who comes looking!

[5tormTrooper]

For anyone that finds this post lacking,
Assuming you have a folder structure like:

├── pages
│   ├── post-title
│   │   ├── index.md
└── └── └── image.jpg

You can reference the image from inside the post like so:

![](./image.jpg)

Make sure you've got gatsby-transformer-remark and gatsby-remark-images installed and configured.