如何解决在gatsby节点中使用api时如何将图像本地路径转换为图像节点
我已经按照如下方式在gastby节点中获取了数据
const { highlight,photos } = require("./src/assets/data/photos");
const path = require('path')
exports.sourceNodes = ({ actions,createNodeId,createContentDigest }) => {
const { createNode } = actions
// Data can come from anywhere,but for now create it manually
const nodeContent = JSON.stringify(highlight)
return highlight.map((h,index) => {
const nodeMeta = {
id: createNodeId(index),parent: null,children: [],internal: {
type: `highlight`,// mediaType: `text/html`,content: nodeContent,contentDigest: createContentDigest(h),},}
const { name,ext } = path.parse(imgPath)
const absolutePath = path.resolve(__dirname,imgPath)
const node = Object.assign({},h,nodeMeta)
return createNode(node)
})
}
但是如何将src转换为imgae节点,以便可以使用childImageSharp插件
{
allHighlight {
nodes {
id
src
thumbnail
thumbnailHeight
thumbnailWidth
}
}
}
这是我的工作,但我无法在其中查询childImageSharp。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。