Questions tagged [gatsby-remark-image]
28 questions
3
votes
3 answers
Unable to add images to mdx file in Gatsby
I am trying to import an image into an mdx file by doing this: . My mdx file and image are both stored in the directory src, posts, post-1. However, the image does not display. I've tried numerous file paths with no luck.
The only…
Danny Adams
- 143
- 1
- 8
3
votes
0 answers
Gatsby + Netlify CMS images from Markdown are not converted
I am making my first site with Gatsby + Netlify CMS, after some tutorials that I did. But now I started from this template Gatsby-London. How this templete is not integrated with Netlify CMS. I worked with that and I got it. The only thing that I…
Rogar
- 145
- 3
- 17
2
votes
1 answer
Query for images in netlifycms not working correction in gatsby/graphql. Need help verifying configuration
I'm not sure what's wrong with my configuration. I've read all the tutorials regarding how to set this up. However, my images are not being picked up correctly in graphql for some reason.
Here is my config.yml
backend:
name: git-gateway
…
speedydev
- 33
- 1
- 1
- 6
2
votes
2 answers
error Building static HTML failed for path "/post/combiningmarriagewithlove" - markdown post
I receive this error message when running gatsby build. My posts are markdown files I source with GraphQL. I don't understand what's the prob.
2:18:43 PM: error Building static HTML failed for path "/post/combiningmarriagewithlove"
2:18:43 PM:…
Lisa Lee Kallman
- 35
- 7
2
votes
0 answers
Floating markdown images in Gatsby
The Problem
I would like to have the ability to wrap text around images in markdown. I am usin gatsby-remark-images alongside gatsby-transformer-remark. My gatsiby-config.js file is below.
I have set the float property using the wrapperStyle option…
K. Shores
- 875
- 1
- 18
- 46
2
votes
1 answer
inline images MDX Gatsby
I'm trying to implement inline images with mdx files.
But I can't make it happen, no image is loaded.
After a bit of reading some solutions here, they suggest to add gatsby-remark-images also in the plugins array in options.plugins as…
Andrea
- 351
- 1
- 3
- 9
2
votes
1 answer
"gatsby-node.js" threw an error while running the onCreateNode lifecycle: fmImagesToRelative is not a function
I built this project from the basic default gatsby starter with the astronaut
I don't know what I'm doing wrong because this project is very similar in terms of it's gatsby-node and gatsby-config to another project of mine. This error repeatedly…
Sam
- 1,765
- 11
- 82
- 176
2
votes
1 answer
Gatsby Error: TypeError [ ERR_INVALID_ARG_TYPE]
I am following a youtube tutorial on Gatsby Bootcamp by Andrew Mead and up to 3:10:00 minutes
everything worked smoothly but as soon as I install gatsby-remark-relative-images and gatsby-remark-images plugin and add them to gatsby-config.js file to…
npkp
- 1,081
- 5
- 18
- 24
2
votes
1 answer
How to set srcSetBreakpoints on Gatby images Contentful
I'm currently working in order to improve page speed. One of the feedback from Google was Properly size images. I'm using ContentFul as an image provider. I'm looking for a way to manage the srcSetBreakpoints. I added the maxWidth and Quality but…
hiad
- 398
- 3
- 17
1
vote
0 answers
Image not displaying in .mdx file using gatsby-plugin-mdx & gatsby-remark-images
I have this .mdx file:
But the image is not displaying on my website, even if it seems to work. The element created is 0x0
My plugins for gatsby-config.js file:
plugins: [
{
resolve:…
Davide_Romano
- 11
- 1
1
vote
1 answer
How to use gatsby-remark-images when the images aren't in the same folder of the markdown file
I am currently trying to create a blog using gatsby, where the blog posts are markdown files. The gatsby-transformer-remark and gatsby-remark-images works perfectly fine when your folder structure looks like this:
+-- content
| +-- blog
| | +--…
Sarfo
- 125
- 1
- 10
1
vote
1 answer
How to display Markdown files containing HTML syntax in Gatsby?
I am using Markdown file to generate pages for gatby. In order to control the style of pictures, I use html syntax. However, the page generated by gatsby does not display the html part.
This is my markdown file:
---
......frontmatter......
---…
Rongxin Xu
- 15
- 3
1
vote
1 answer
How do I stop Gatsby from wrapping Markdown images in tags and hiding image captions?
I’ve set up my site with the Gatsby starter blog template.
In my Markdown files, I use normal Markdown notation for inserting images with captions. For some reason—I assume it’s because of the gatsby-remark-images plugin et. al.—my images are…
Magnus Kolstad
- 407
- 1
- 6
- 17
1
vote
1 answer
Use gatsby-image's tracedSVG as the actual picture
TL;DR: Is it possible to use Gatsby's rendered tracedSVG from childImageSharp as the actual picture on your website?
Long version:
So, I was working on a small website for my recital with Gatsby earlier today and while I was hosting it on my machine…
Khongchai Greesuradej
- 101
- 1
- 3
- 5
1
vote
1 answer
Dynamically reference images that aren't in the static directory in Gatsby
I have a bunch of markdown files like below where I reference a path to an image in the project at src/images:
---
title: "Test"
picture: "images/image.png"
subtitle: "Hello friends"
---
this is a testing markdown file
and a gatsby-config entry…
Bradley
- 1,234
- 1
- 12
- 24