在 gatsby-plugin-feed 中从 RSS 返回图像

Question

我正在尝试从博客文章的前端返回作者图片。前面的事情是这样安排的；

---
title: XXX
date: "XXX"
description: "XXX"
featuredImage: './featured-image.jpg'
avatar: './author.jpg'
author: 'XXX'
---

在 gatsby-config 中，我设置了这样的 gatsby-plugin-feed -

{
      resolve: `gatsby-plugin-feed`,
      options: {
        query: `
          {
            site {
              siteMetadata {
                title
                author
                siteUrl
                site_url: siteUrl
              }
            }
          }
        `,
        feeds: [
          {
            serialize: ({ query: { site, allMarkdownRemark } }) => {
              return allMarkdownRemark.edges.map(edge => {
                return Object.assign({}, edge.node.frontmatter, {
                  description: edge.node.frontmatter.description,
                  date: edge.node.frontmatter.date,
                  url: site.siteMetadata.siteUrl + edge.node.fields.slug,
                  avatar: edge.node.frontmatter.avatar,
                  custom_elements: [{ "content:encoded": edge.node.html }],
                })
              })
            },
            query: `
              {
                allMarkdownRemark(
                  sort: { order: DESC, fields: [frontmatter___date] },
                ) {
                  edges {
                    node {
                      excerpt
                      html
                      fields { slug }
                      frontmatter {
                        title
                        date
                        author
                        description
                        avatar
                      }
                    }
                  }
                }
              }
            `,
            output: "/rss.xml",
            title: "Your Site's RSS Feed",
          },
        ],
      },
    },

这会导致错误Error: Field "avatar" of type "File" must have a selection of subfields. Did you mean "avatar { ... }"? 如何更改此设置以便在 RSS 提要中返回图像 URL？

谢谢

Answer 1

初始查询需要调用 image_url 和 rssMetadata，并且缺少作为 RSS 插件查询一部分的代码，这是正常工作所必需的

guid: rssMetadata.site_url + edge.node.fields.slug

Gatsby RSS Feed Docs也很有帮助

query: `
        {
          site {
            siteMetadata {
              rssMetadata {
                site_url
                title
                author
                image_url
              }
            }
          }
        }
      `,
        feeds: [
          {
            serialize: ({ query: { site, allMarkdownRemark } }) => {
              return allMarkdownRemark.edges.map(edge => {
                return Object.assign({}, edge.node.frontmatter, {
                  description: edge.node.frontmatter.description,
                  date: edge.node.frontmatter.date,
                  url: rssMetadata.site_url + edge.node.fields.slug,
                  guid: rssMetadata.site_url + edge.node.fields.slug,
                  avatar: edge.node.frontmatter.avatar,
                  custom_elements: [{ "content:encoded": edge.node.html }],
                })
              })
            },

最后，avatar 可能需要被称为custom_element

custom_elements: [
                    { "avatar": edge.node.frontmatter.avatar},
                    { "content:encoded": edge.node.html }