gatsby-image

Carousel causes screen to move to top of page on slide change

岁酱吖の 提交于 2021-02-10 17:35:48
问题 Minimum Reproducible Example on Github (The images don't show in this MRE, but that's ok and doesn't matter because the problem I'm wondering about has nothing to do with that) Problem: Every time the slide index changes, the screen scrolls to the top of the page. It happens automatically. This happens when incrementing the slide number by 1 when decrementing the slide number from 3->1 or from 2->0 But does not happen when incrementing the slide number from slide 2 to slide 3 (slides numbered

How to make image link for my website like this https://website.com/image.png in gatsby.config?

自古美人都是妖i 提交于 2021-02-10 14:35:22
问题 I want to add image url in meta tag for SEO. But how can I create image link to add in meta tag? I am using gatsby. I have src/img/img1.png image and now I want to create image URLs like this https://website.com/src/img/img1.png How can I do it in gatsby-config.js file? 回答1: Most of Gatsby starters comes with a SEO component, that saves you to build one from scratch. Internally, it uses <Helmet> , a component that puts everything that is wrapped inside, in the <header> tag. So, given: import

Largest contentful paint is one big gatsby-background-image and very slow

試著忘記壹切 提交于 2021-01-25 07:10:22
问题 For those stumbling on this question wondering how to improve their lighthouse score in general, I posted an answer on this topic on another question with lots of general tips. I'm running PageSpeed insights and my biggest problem is the largest contentful paint, at about 8-10 seconds. Below they list my largest contentful paint element Largest Contentful Paint element 1 element found This is the largest contentful element painted within the viewport. Learn More Element This is the a

How do you publish a gatsby project with gatsby-image on Netlify?

随声附和 提交于 2021-01-02 03:47:37
问题 So I can locally build my gatsby project no problem, but when Netlify tries to build, I get the error Field "featuredImage" must not have a selection since type "String" has no subfields. 5:34:38 PM: This can happen if you e.g. accidentally added { } to the field "featuredImage". If you didn't expect "featuredImage" to be of type "String" make sure that your input source and/or plugin is correct. 5:34:38 PM: error There was an error in your GraphQL query: 5:34:38 PM: Field "featuredImage"

How do you publish a gatsby project with gatsby-image on Netlify?

瘦欲@ 提交于 2021-01-02 03:47:24
问题 So I can locally build my gatsby project no problem, but when Netlify tries to build, I get the error Field "featuredImage" must not have a selection since type "String" has no subfields. 5:34:38 PM: This can happen if you e.g. accidentally added { } to the field "featuredImage". If you didn't expect "featuredImage" to be of type "String" make sure that your input source and/or plugin is correct. 5:34:38 PM: error There was an error in your GraphQL query: 5:34:38 PM: Field "featuredImage"