Описание тега gatsby-image

Вопросы с тегом
Вопросы по плагину gatsby-image. https://www.gatsbyjs.org/packages/gatsby-image/
1 ответ

gatsby-background-image обрезать левую часть фонового изображения при изменении размера браузера

Я могу создать желаемый результат, используя обычный CSS для div, используя приведенный ниже код. Изображение приклеивается к правой стороне экрана, а левая сторона изображения обрезается, так что при уменьшении размера экрана вы все еще видите замо…
10 авг '20 в 01:46
1 ответ

Ошибка Гэтсби: TypeError [ERR_INVALID_ARG_TYPE]

Я слежу за учебником на YouTube по Gatsby Bootcamp от Эндрю Мида, и до 3:10:00 минут все работало гладко, но как только я установил gatsby-remark-relative-images а также gatsby-remark-images плагин и добавьте их в gatsby-config.js файл для отображен…
13 авг '20 в 17:24
1 ответ

'..\node_modules\pngquant-bin\vendor\pngquant.exe' отсутствует

E:\Gatsby\ecom-gatsby> Успешная разработка gatsby, открытие и проверка конфигураций gatsby - плагины успешной загрузки 0,349 с - успех 19,895 с onPreInit - успешная инициализация кеша 0,036 с - 0,454 с ⠋ копирование файлов gatsby ОШИБКА НЕОБРАБОТАНН…
02 май '20 в 09:23
0 ответов

Плагин изображений Gatsby не работает на моем веб-сайте

У меня есть проект gatsby, и я использую плагин gatsby-image для отображения изображений. Вот мой файл gatsby-config.js: module.exports={ plugins: [ `gatsby-plugin-react-helmet`, `gatsby-plugin-sass`, { resolve: 'gatsby-source-filesystem', options: …
20 мар '20 в 09:44
1 ответ

Как люди используют gatsby-image в реальном мире?

Я следил за этим руководством https://www.gatsbyjs.org/packages/gatsby-image/, но нормальные люди не могут написать 50 строк кода для добавления изображения: import React from "react" import { graphql } from "gatsby" import Img f…
01 май '20 в 21:34
0 ответов

Как изменить значок на вкладке браузера в gatsbyjs

Я хочу переключаться между двумя значками при смене вкладки браузера. Но я даже не знаю, где это сделать. Фавикон в настоящее время установлен в gatsby-config.js следующим образом: { resolve: `gatsby-plugin-manifest`, options: { name: `gatsby-starte…
22 янв '20 в 02:54
1 ответ

Как импортировать изображения в Mdx-файл блога Gatsby (для красивой карусели)

В настоящее время я пытаюсь создать блог Гэтсби. При просмотре документа я наткнулся на Mdx, способ использовать компонент React в файле Markdown (кстати, это потрясающая концепция!). Однако я быстро столкнулся с ограничением: похоже, что на данный …
15 мар '20 в 22:11
2 ответа

Гэтсби создает отсутствующий префикс пути для изображений

После запуска npm run deploy (который состоит из "deploy": "gatsby build && gh-pages -d public -b master") он успешно развертывается, но изображений нет. Я понимаю, что они стоят за<noscript>тег и явно не хватает префикса пути для рабо…
24 окт '19 в 03:03
1 ответ

Почему не загружается фоновое изображение?

image1 Мое фоновое изображение не загружается! Кто-нибудь может сказать, что происходит? Это из-за Гэтсби? Должен ли я использовать вместо этого gatsby-image? background-image: url('/src/components/images/header.png'); background-size: cover; backgr…
30 окт '19 в 14:31
0 ответов

Использование gatsby-image в mdx файле с помощью gatsby-plugin-page-creator

Для моего проекта gatsby я использую Mdx с gatsby-plugin-page-creator для создания моих страниц без специального запроса шаблона. У большинства страниц есть изображение в верхней части страницы, поэтому я хочу добавить его через mdx (frontmatter?). …
30 окт '19 в 13:39
1 ответ

Gatsby JS: Remark splash image, ссылающийся на относительное или удаленное изображение

У меня есть два файла уценки, один из которых ссылается на относительное изображение для его заставки, а другой - на внешнее изображение. --- cover: relative.jpeg --- Content Foo а также --- cover: https://external.com/external_image.jpg --- Content…
13 ноя '19 в 10:08
4 ответа

Атрибут стиля ширины не соблюдается должным образом в html?

Я работаю с компонентом Img Gatsby, но не могу понять, как правильно установить ширину. Кажется, что он игнорирует ширину и просто выбирает свою ширину. Изображение должно быть ровно 276 пикселей, как указано в атрибуте ширины, а текстовый контейнер…
18 ноя '19 в 19:40
2 ответа

Как получить доступ к определенному элементу из массива без итерации?

У меня следующая структура папок /images /images/pic1.jpg /images/pic2.jpg При использовании следующего запроса GraphQL.. query MyQuery1 { file(sourceInstanceName: {eq: "images"}, name: {eq: "pic1"}) { name publicURL } } К результату можно получить …
02 дек '19 в 17:27
2 ответа

Передача изображения Гэтсби в качестве опоры

Я пытаюсь изучить Гэтсби, создав демонстрационный блог. У меня есть компонент Archive, где я запрашиваю данные блога, и я пытаюсь передать изображение в качестве опоры, однако, когда я пытаюсь получить доступ к опоре в моем компоненте статьи, я прод…
24 окт '19 в 08:02
2 ответа

Как вы запрашиваете и отображаете папку из нескольких изображений с помощью GatsbyJS и GraphQL

Я пытаюсь запросить все изображения в папке и отобразить их в карточной сетке с помощью tailwindCSS и gatsby-image. Мне удалось запросить и отобразить одно изображение, но когда я пытаюсь сделать это с помощью папки изображений, я получаю сообщение …
19 ноя '19 в 00:49
2 ответа

Gatsby + Contentful + Netlify - как рендерить изображения tracedSVG в продакшене?

Я создаю веб-сайт, используя Gatbsy, Contentful CMS и Netlify. Он отлично выглядит и работает локально, но у меня есть проблема в производстве изображений флюидов с использованием опции tracedSVG. Развертывание Netlify раньше работало время от време…
21 ноя '19 в 14:56
0 ответов

Как настроить publicURL изображений

Я использую gatsby с gatsby-source-strapi. Последующий graphql запрос возвращает publicURL из Post. allStrapiPost { nodes { image { publicURL } } } Этот URL выглядит как /static/ad7b2564f1eb5bdf96cb081b3b23967c-eeead0eb0feaed6e8ae436e3a38ad5.jpg что…
24 ноя '19 в 18:02
1 ответ

На сайте не работают запросы Gatsbyjs и GrapghQL. Они работают в тестовой среде

На сайте не работают запросы Gatsbyjs и GrapghQL. Они работают в тестовой среде. import React from "react"; import { Link, graphql, useStaticQuery } from "gatsby"; import Img from "gatsby-image"; import PropTypes from "prop-types"; // Components imp…
30 ноя '19 в 23:47
1 ответ

Gatsby выдает ошибку SIGSEV при запуске в GitHub Actions CI

У меня проблема с бегом gatsby buildна моем сайте Gatsby, который возникает только при запуске в контейнере Github Actions. Это тоже не всегда случается; В качестве хорошего примера, сегодня Dependabot запустил 12 PR, и два из них не прошли с этой о…
10 янв '20 в 13:13
0 ответов

Как создать удаленный файловый узел для содержательного изображения

Я ищу помощи. Создаю блог в gatsby с помощью contentful. Я бы хотел, чтобы фотографии в сообщениях использовали gatsby-plugin-sharp и gatsby-image. Если я правильно понимаю, мне нужно использовать createRemoteFileNode из плагина gatsby-source-filesy…
20 янв '20 в 20:50