Gatsby: gatsby-source-graphql & gatsby-plugin-sharp in graphql query
Gatsby: gatsby-source-graphql & gatsby-plugin-sharp in graphql query
我正在使用 Gatsby v. 2.0.2。作为无头 CMS,我正在使用 Strapi。我正在尝试对从 Strapi.
上传的图片使用 gatsby-image、gatsby-plugin-sharp(图像处理)
我的文件夹结构是:
>>projectfolder
>>api
>>public
>>uploads (here my images are located)
>>frontend (gatsby stuff)
类似于 Gatsby-source-wordpress 我想像这样使用 graphql 查询图像:
query {
api {
projects {
image {
name
url
childImageSharp {
resize(width: 180, height: 180) {
src
}
}
}
}
}
}
如果我使用exports.onCreateNode,我只会得到父节点"api"。如何获取图像 URL 以便可以使用 createRemoteFileNode?
是否需要写exports.createPages,graphql查询api节点,然后使用createNode或createNodeField创建节点?
我尝试使用 Gatsby-source-strapi 遇到同样的问题,无法访问 Gatsby-transformer-sharp。
query {
allStrapiProject {
edges {
node {
title
image {
name
}
}
}
}
}
这已添加到最近的拉取请求中,并将在接下来的几天内在 npm 上发布:https://github.com/strapi/gatsby-source-strapi/pull/24。
我正在使用 Gatsby v. 2.0.2。作为无头 CMS,我正在使用 Strapi。我正在尝试对从 Strapi.
上传的图片使用 gatsby-image、gatsby-plugin-sharp(图像处理)我的文件夹结构是:
>>projectfolder
>>api
>>public
>>uploads (here my images are located)
>>frontend (gatsby stuff)
类似于 Gatsby-source-wordpress 我想像这样使用 graphql 查询图像:
query {
api {
projects {
image {
name
url
childImageSharp {
resize(width: 180, height: 180) {
src
}
}
}
}
}
}
如果我使用exports.onCreateNode,我只会得到父节点"api"。如何获取图像 URL 以便可以使用 createRemoteFileNode?
是否需要写exports.createPages,graphql查询api节点,然后使用createNode或createNodeField创建节点?
我尝试使用 Gatsby-source-strapi 遇到同样的问题,无法访问 Gatsby-transformer-sharp。
query {
allStrapiProject {
edges {
node {
title
image {
name
}
}
}
}
}
这已添加到最近的拉取请求中,并将在接下来的几天内在 npm 上发布:https://github.com/strapi/gatsby-source-strapi/pull/24。