Вопросы по теме 'gatsby-image'
Как исправить ошибки инвариантного нарушения при запуске сборки / разработки Gatsby
Я использую node v16.0.0 , Gatsby v3.6.1 и Yarn v1.22.10 в качестве диспетчера зависимостей с плагинами:
gatsby-source-apiserver v2.1.8 .
gatsby-plugin-image v1.4.0 .
Я использовал следующую функцию в файле gatsby-node.js...
80 просмотров
schedule
28.12.2021
Gatsby-image: укажите нужный размер изображения для разного разрешения
Я борюсь с Gatsby-image, чтобы обеспечить правильный размер изображения для разного разрешения. У меня есть изображение размером 1920x367 (ширина x высота), и проблема видна, когда размер окна небольшой (например, мобильный), потому что gatsy-image...
1357 просмотров
schedule
08.03.2022
Файл GatsbyJS имеет значение NULL - установка relativePath не работает
Я пытаюсь вытащить изображение: /src/images/es.png
И отобразить его на странице Гэтсби. Вот код страницы:
import React from "react"
import {
Header,
Image,
} from 'semantic-ui-react';
import { graphql } from 'gatsby'
import Img...
115 просмотров
schedule
17.03.2022
Почему в gatsby-plugin-image отсутствует опора изображения?
Я работаю над улучшением размеров своих изображений и заметил, что изображение gatsby устарело, поэтому я решил попробовать gatsby-plugin-image . На таких статических изображениях:
<StaticImage
src="../images/image.png"...
1182 просмотров
schedule
30.04.2022
Gatsby graphiQL - Невозможно вернуть значение NULL для поля ImageSharpFluid.src, не допускающего значения NULL.
Я использую Gatsby и graphql с безголовым WordPress для веб-сайта.
Я хочу использовать плагин gatsby-image, чтобы получить srcSet и эффект размытия для изображений, поступающих из WordPress, но он выдает ошибку на игровой площадке graphiQL. Я хочу...
180 просмотров
schedule
13.08.2022
Жидкость изображения Гэтсби выходит за пределы вертикального размера контейнера.
Я создаю сайт о Гэтсби, чтобы показывать свои фотографии. Мне нужна полноэкранная страница для каждой фотографии, и фотография должна заполнять страницу, но с соблюдением соотношения сторон.
Проблема в том, что, хотя фотографии, снятые в альбомной...
2131 просмотров
schedule
29.09.2022
Как установить FuturedImage в og: image. в gatsby.js
Я использовал gatsby.js.
Я хочу установить показанное изображение, описанное в markdown, в атрибуте og: image метатега, но это не работает.
Показанный образ оптимизирован для разных путей с помощью gatsby, но относительный путь устанавливается...
476 просмотров
schedule
12.12.2022
Гэтсби добавляет gatsby-image-wrapper к моему изображению
Я использую gatsby в своем проекте, используя strapi.js через компонент Image. Я пытаюсь использовать жидкую версию, но у меня есть проблемы.
Вместо простого изображения, похожего на мой дизайн HTML и CSS, он добавляет эту странную...
1466 просмотров
schedule
07.05.2023
Отсутствуют поля fixed и fluid в объекте изображения с помощью gatsby-source-sanity.
Я пытаюсь получить изображения из Sanity с gatsby-source-sanity и gatsby-image . Раньше у меня не возникало проблем с запросом ресурса fluid изображения следующим образом:
export const query = graphql`
query {
allSanityPicture {...
118 просмотров
schedule
04.03.2023
Graphql Отфильтровать определенные изображения, чтобы они не отображались?
Мой текущий компонент изображения сопоставляется со всеми изображениями в моей папке и отображает их, но я хочу отфильтровать два из моих изображений, чтобы я мог применить их к другой странице вместо отображения на текущей странице со всеми другими...
74 просмотров
schedule
21.02.2024
Несколько изображений подряд на Gatsby / Markdown?
Извините, если этот вопрос уже задавался, но есть ли способ разместить два изображения рядом (или даже сетку изображений) на странице, созданной Gatsby из файла Markdown? Я начинаю создание своего первого сайта под Gatsby, и на данный момент мне...
231 просмотров
schedule
11.04.2024
Как получить изображения из массива YAML в Gatsby.js
Я разрабатываю блог с Gatsby.js
Каждый пост представляет собой файл YAML, в котором есть массив для галереи, подобный этому:
gallery:
-'/uploads/image1.jpg'
-'/uploads/image2.jpg'
-'/uploads/image3.jpg'
-'/uploads/image4.jpg'...
1243 просмотров
schedule
23.05.2024