【问题标题】:Adding multiple images in one-off pages在一次性页面中添加多个图像
【发布时间】:2020-07-29 04:18:23
【问题描述】:

我正在从 WordPress 过渡到 Gatsby。我应该如何在一次性页面(例如主页)中添加文件系统中的多个图像?

我喜欢 gatsby-image 插件组件的优点,但是每个图像都需要一个 graphql 查询吗?示例here 仅显示一张图像。在包含数十张图像的页面中,与简单的 html 图像标签相比,对每个图像的 graphql 查询似乎很冗长。

在这种情况下,不同的图像组件或导入技术是否更好?

谢谢!

【问题讨论】:

  • gatsby 可以从 WP 源读取数据,无需从文件系统读取数据
  • 嗨 xadm,我正计划使用 wordpress 源插件来发布内容,但是对于像主页等高度风格化的一次性页面,我更喜欢将所有内容都放在本地版本控制下,以便于发展。
  • 本地页面可以是markdown文件加上每个文件夹的资源 - 关于这个用例的许多教程......“几十张图片” - 哪里/为什么/什么?
  • 我会考虑从文件夹中导入所有内容,这可能有效,谢谢!我将使用 HTML 作为标记,因为我需要添加许多自定义类等。该页面显示了许多产品和服务,它们的呈现方式都不同。由于图像资源区域已经是本地的,因此使用 GraphQL 不会使事情复杂化吗?例如你导入 JS 文件,而不是使用 GraphQL。还是我缺少什么?

标签: graphql gatsby


【解决方案1】:

我最终使用内联 require 添加图像。

<img src={require('../assets/logo.png')} />

【讨论】:

    猜你喜欢
    • 2011-09-02
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2021-03-26
    • 2017-09-27
    • 2013-02-04
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多