我目前正在将GatsbyJS与DatoCMS结合使用。在模型中,我存储YouTube网址。用GraphQL查询时,我可以获取以下字段:
`
{
allDatoCmsEpisode {
edges {
node {
youtubeUrl {
url
title
width
height
provider
providerUid
thumbnailUrl
}
}
}
}
}
`
我想做的是使用gatsby-image显示查询中的thumbnailUrl。
这没有暴露为流体场,我找不到如何从在线图像创建流体图像的任何示例。我发现的示例仅显示了如何使用Sharp为本地文件系统上的图像文件创建流畅的图像。
有人知道如何对已经在线托管的图像执行此操作吗?