腾讯云
开发者社区
文档
建议反馈
控制台
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
搜索
搜索
关闭
发布
登录/注册
精选内容/技术社群/优惠产品,
尽在小程序
立即前往
文章
问答
(9999+)
视频
沙龙
1
回答
如何
使用
带有
图像
url
的
gatsby-image
?
javascript
、
reactjs
、
graphql
、
gatsby
、
gatsby-image
这就是
图像
在index.js中
的
显示方式以及它
的
工作原理。imgUrl基本上是一个
图像
url
。<img src={data.test.imgUrl} /> ); fixed(width: 600) { } } 但是,由于它不是本地存储
的</em
浏览 20
提问于2020-10-28
得票数 0
回答已采纳
1
回答
如何
获取WordPress Wesitelogo
javascript
、
graphql
、
gatsby
、
gatsby-image
、
gatsby-plugin
我是盖茨比
的
新手。所以,我想在WordPress管理中定义我
的
网站徽标。下面是我是
如何
做到
的
: `import React from 'react';import styled from'styled-components'; const SiteInfo
浏览 13
提问于2020-11-27
得票数 0
回答已采纳
1
回答
为什么来自外部链接
的
图像
在gatsby中不起作用?
node.js
、
reactjs
、
graphql
、
gatsby
在某些gatsby模板中,我可以插入为Image -来自
URL
的
图像
,而在某些模板中image不想显示它。 它依赖于什么,以及
如何
编辑代码来使
url
工作?(我对graphql
的
了解相当基础) 这是博客模板
的
代码: /** @jsx jsx */import { Link, graphql }from "gatsby" import Img from
浏览 28
提问于2021-01-05
得票数 1
1
回答
Gatsby-
图像
:用于移动/桌面的不同
图像
?
html
、
css
、
reactjs
、
responsive-design
、
gatsby-image
我想有条件地呈现我
的
gatsby-image
:我想为移动和桌面提供不同
的
图像
。所以我得换掉它们。heroImageXS && ( img={heroImageXS} )}其中,<Desktop>和<Mobile>是
带有
媒体查询
的
样式化组件然而:这是这里最有效
的
解决方案吗?我
的</
浏览 4
提问于2020-03-13
得票数 3
回答已采纳
1
回答
动态引用不在Gatsby静态目录中
的
图像
gatsby
、
gatsby-image
、
gatsby-remark-image
我有一堆标记文件,如下所示,在这些文件中,我引用了src/images项目中
图像
的
路径title: "Test"subtitle: "Hello friends"this is a testing markdown file{ resolve: `gatsby-source-filesystem<h
浏览 11
提问于2020-10-29
得票数 1
2
回答
如何
从Gatsbyjs
的
另一个节点上
的
url
字段下载
图像
,以便
使用
gatsby-image
?
gatsby
、
kentico-kontent
我正在为一个
使用
Gatsby和Kentico
的
网站进行
图像
优化。我想
使用
gatsby-image
插件,但是
gatsby-image
不能查询
url
字段。因此,我需要从另一个节点上
的
内容管理系统下载这些
图像
,以便
gatsby-image
可以查询它们。我已经尝试过
使用
另一个插件gatsby-plugin-remote-images来实现这个功能,但是到目前为止还没有成功。我不确定我是否误解了文档。
浏览 19
提问于2019-04-23
得票数 2
1
回答
带有
React钩子
的
Gatsby -我可以加载具有纵横比
的
媒体吗?
reactjs
、
gatsby
、
masonry
、
netlify-cms
、
gatsby-image
我有一个
使用
react hook masonry
的
Gatsby portfolio,里面有一大堆jpg/gifs/mp4。因为它是以列
的
形式加载
的
,所以实际上有一种不受欢迎的卡顿加载,其中
图像
会相互碰撞并向下推。请注意,我不能每次都
使用
Gatsby Image来计算纵横比,因为我还
使用
了与Gatsby Image不兼容
的
gif和mp4s。Here's how I'm using graphql调用来自Gatsby
浏览 12
提问于2020-07-24
得票数 0
1
回答
gatsby- image :
如何
将处理后
的
图像
导入css并与背景
图像
属性一起
使用
css
、
graphql
、
gatsby
我成功地将
gatsby-image
实现到我
的
项目中,并替换了我
的
组件中
使用
的
大量img标记。但是现在我试图为我
的
一些组件优化背景
图像
,但我不知道
如何
优化,因为
使用
gatsby-image
会生成一个新
的
img标记,而我不能
使用
它作为一个div元素
的
背景。可以s1向我展示
如何
使用
生成
的
图像
与css
浏览 3
提问于2018-09-18
得票数 4
2
回答
当我运行gatsby构建时,gatsby js有模糊
的
图像
gatsby
、
gatsby-image
我没有访问该网站
的
权限,我只是要做gatsby构建,并将公共文件夹给他们。但我所有的照片都是一团糟。这是正确
的
做法吗?为什么我
的
图像
是模糊
的
浏览 25
提问于2019-12-13
得票数 1
2
回答
Gatsby GraphQL不能在Strapi
的
"File“类型上查询字段"
url
”
graphql
、
gatsby
、
strapi
我在用盖茨比
的
前端,Strapi后端写博客。我
使用
StaticQuery在组件中进行了查询 query { edgescategory { }
url
} }
浏览 1
提问于2020-07-09
得票数 5
回答已采纳
1
回答
如何
在移动端Gatsby中更改
图像
的
固定高度?
javascript
、
reactjs
、
gatsby
、
gatsby-image
我目前正在我
的
Gatsby站点中映射一个
图像
数组,其中每个
图像
都有395px
的
固定高度和自动宽度。然而,我需要能够将
图像
的
固定高度改为200px以下
的
屏幕尺寸低于768px。我试着用两个独立
的
图像
组件来做这件事,用一个windowSize条件来呈现它们,但是这并不能真正起作用。 我怎样才能做到这一点?下面是我
的
图像
组件,固定高度为395px。
浏览 4
提问于2021-03-31
得票数 0
1
回答
我需要添加
gatsby-image
到我
的
网站。需要一些指导
javascript
、
reactjs
、
gatsby
、
gatsby-image
我正在尝试用GraphQL添加
gatsby-image
。我不需要重写我
的
整个启动器,我只想要加载时间
的
映像优化。所有的数据查询都是
使用
lodash完成
的
,所以我很困惑。我知道在之后我错过了一些简单
的
东西。是否需要将此查询添加到gatsby-node?
浏览 0
提问于2020-03-30
得票数 0
1
回答
如何
设置背景大小:在Gatsbys插件上包含“gatsby-注释-
图像
”
gatsby
我正在
使用
gatsby-transformer-remark在我
的
GatsbyJs博客中用标记来呈现
图像
。我在我
的
gatsby-config.js文件中
使用
以下配置: resolve: `gatsby-transformer-remark`, plugins: [none;`, showCaptions: true } }我有比它们宽3倍高<e
浏览 0
提问于2018-11-16
得票数 2
1
回答
在markdown中
的
数组上
使用
Gatsby-image
reactjs
、
graphql
、
gatsby
我
使用
的
是Gatsby,并且在数组中
的
每个markdown文件中都引用了
图像
。我希望能够
使用
Gatsby-image
来转换这些
图像
,但无法使其与数组一起工作。在处理markdown中
的
单个
图像
时,我可以让它工作 我
使用
以下查询来获取数据: query($slug: String!)/images/1.jpg' images: ['1', '2',
浏览 17
提问于2019-09-23
得票数 0
1
回答
flexbox容器中
的
响应式gatsby
图像
gatsby
、
gatsby-image
我正在努力让
gatsby-image
以一种响应式
的
方式与flexbox一起工作: 我希望我
的
所有
图像
的
大小和高度相同,他们应该是移动和桌面响应。 这是gatsby镜像
的
用例吗?我可以显示它
的
唯一方法是添加一个固定
的
minWidth <div className={styles.header}> <GatsbyImage className={styles.image} fluid很明显,我完全不知道
如何
使
浏览 19
提问于2020-08-22
得票数 1
回答已采纳
1
回答
闪烁旋转木马中
的
Gatsby
图像
reactjs
、
gatsby
、
flickity
、
gatsby-image
我正在创建一个盖茨比网站,它
使用
显示
带有
产品
图像
的
滑块。我相信我应该
使用
gatsby
图像
来使它加载得更快,但是当我尝试它时,
图像
不会显示(它是0x0像素)。这是我试图运行
的
代码:...<img src="https://placeimg.com/640/480/architecture" /&
浏览 2
提问于2020-10-18
得票数 1
回答已采纳
1
回答
gatsby-image
映射多个查询
reactjs
、
gatsby
、
gatsby-image
对于
图像
,我想
使用
gatsby-image
和艺术指导多个
图像
。中
的
示例可以处理单个
图像
,但是我
如何
将其应用于包含多个
图像
的
组件?/images/image3.jpg'),] import
浏览 1
提问于2019-11-04
得票数 0
1
回答
用createRemoteFileNode抓取远程
图像
graphql
、
gatsby
我一直试图从远程
URL
获取
图像
到,以利用
gatsby-image
插件
的
延迟加载。我有一个restful,它
使用
包含
图像
url
的
字符串返回json。我跟踪,因为我对Gatsby非常陌生,不知道
如何
解决这个问题。所有的工作都进行得很好,直到向createNodeField
图像
添加了额外
的
属性。似乎添加了这些属性(当我将fields属性记录到控制台时,可以看到
带有
fileNode属性<e
浏览 1
提问于2018-10-02
得票数 5
回答已采纳
2
回答
Gatsby网站
的
图片不能在移动设备上显示
reactjs
、
wordpress
、
github-pages
、
gatsby
我正在建设与Gatsby+Wordpress组合
的
投资组合网站。如果我在本地或在Github pages上运行此设置,则
使用
台式机/笔记本电脑时,一切似乎都正常。如果我访问发布到Github页面并
使用
移动设备查看
的
站点,
图像
根本不会显示。我找到了this solution并将其添加到我
的
gatsby-node.js中,如下所示: const _ = require(`lodash`) const Promise = require(`bluebird我没有找到任何其他
的
浏览 31
提问于2019-10-11
得票数 0
1
回答
Gatsby Wordpress ACF
图像
字段返回'null‘
wordpress
、
graphql
、
gatsby
我有一个通过gatsby-source-wordpress从Wordpress消费数据
的
GatsbyJS站点。一切正常,直到昨天,我
的
查询开始失败。我正在
使用
高级自定义字段,不能再查询
图像
字段,我
的
查询看起来像这样,当我得到一个项目类型
的
所有帖子时… allWordpressWpProject { nodeproject_banner_title
浏览 27
提问于2019-04-29
得票数 3
点击加载更多
扫码
添加站长 进交流群
领取专属
10元无门槛券
手把手带您无忧上云
相关
资讯
如何使用python和cmd从命令行批量检查url的HTTP状态码
如何使用 OpenCV 编写基于 Node.js 命令行界面和神经网络模型的图像分类
机器学习和计算机视觉的前20个图像数据集
ChatGPT揭秘:五大隐藏功能助你提升生活与职场效率
CSS遮罩的过渡效果有趣的幻灯片
热门
标签
更多标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM
活动推荐
运营活动
广告
关闭
领券