代码之家  ›  专栏  ›  技术社区  ›  Smittey

盖茨比图片-缩放和延迟加载标记html中的图片

  •  0
  • Smittey  · 技术社区  · 4 年前

    我有很多标记文件,我已经导入到满足与图像链接在其中。图片链接到外部网站,如Imgur的来源。

    Gatsby Image API . 问题是,由于标记是如何处理的,图像都在一个html节点内。

    在页面上使用以下设置标记:

    dangerouslySetInnerHTML={{ __html: body.childMarkdownRemark.html }}
    

    我要做的是可能的吗?我觉得有某种方法可以链接Gatsby插件,从html本地下载图像,然后在GraphQL中创建节点来处理这个问题,但我不确定。理想情况下,我不想更改标记文件以指向内容性资产,因为将来迁移到其他解决方案并不容易。

    0 回复  |  直到 4 年前
    推荐文章