尝试使用RSS Feed从博客恢复帖子到我的Gatsby网站，有人知道什么是好的插件以及如何解析查询？

分类：编程问答

如何解决尝试使用RSS Feed从博客恢复帖子到我的Gatsby网站，有人知道什么是好的插件以及如何解析查询？

GatsbyJS的新功能，我需要帮助来检查RSS Feed，但我迷路了！

我想将另一个博客的rss feed检查到我的gatsby站点，我想将该博客的帖子找回我的gatsby站点。

有人可以告诉我是否需要安装： “ gatsby源rss提要”（我认为），“ gatsby源rss”或“ gatsby rss提要”（我认为不是，是将他的gatsby帖子推送到另一个博客的，我需要相反的意思）？

如果有人还可以向我展示如何声明rss的查询？在女巫文件夹中？

我的gatsby-config.js：

const path = require("path")
const config = require("./data/siteConfig")

module.exports = {
  siteMetadata: {
    title: ``,author: config.authorName,description: config.siteDescription,siteUrl: config.siteUrl,...config,},pathPrefix: `/froggit.fr`,plugins: [
  
    {
      resolve: `gatsby-source-filesystem`,options: {
        name: "pages",path: "content/pages",{
      resolve: `gatsby-source-filesystem`,options: {
        name: "posts",path: "content/posts",//path: "src/page/blog",options: {
        name: "images",path: "content/images",{
      resolve: `gatsby-plugin-page-creator`,options: {
        path: path.join(__dirname,`src`,`pages`),options: {
        path: `${__dirname}/src/settings/pages`,{
      resolve: `gatsby-plugin-mdx`,options: {
        extensions: [`.mdx`,`.md`],defaultLayouts: {
          
          default: require.resolve("./src/templates/page.js"),gatsbyRemarkPlugins: [
          {
            resolve: "gatsby-remark-images",options: {
              maxWidth: 590,linkImagesToOriginal: false,withWebp: true,{ resolve: "gatsby-remark-prismjs" },{ resolve: "gatsby-remark-responsive-iframe" },{ resolve: "gatsby-remark-copy-linked-files" },{ resolve: "gatsby-remark-smartypants" },{ resolve: "gatsby-remark-autolink-headers" },],{
      resolve: `gatsby-transformer-remark`,options: {
        plugins: [`gatsby-remark-images`],`gatsby-transformer-sharp`,`gatsby-plugin-offline`,`gatsby-plugin-styled-components`,`gatsby-plugin-react-helmet`,`gatsby-plugin-sharp`,{
      resolve: `gatsby-plugin-google-analytics`,options: {
        trackingId: config.googleAnalyticsId,{
      resolve: `gatsby-source-rss-feed`,options: {
        url: `https://www.gatsbyjs.org/blog/rss.xml`,name: `GatsbyBlog`,parserOption: {
          customFields: {
            item: ['itunes:duration']
          }
        }
      }
    },{ 
  resolve: '@uptimeventures/gatsby-source-rss',options: {
    feeds: ['https://www.uptime.ventures/blog/rss.xml'],{
                        resolve: 'gatsby-source-rss',options: {
                                rssURL: 'https://lydra.fr/tag/froggit/feed/rss.xml'
                        }
                },{
      resolve: `gatsby-plugin-feed`,options: {
        setup: (options) => ({
          ...options,custom_namespaces: {
            yournamespace: "https://lydra.fr/tag/froggit/feed/",}),feeds: [
          {
            serialize: ({
              query: { allMarkdownRemark },}) => {
              return allMarkdownRemark.edges.map((edge) => {
                return Object.assign(
                  {},edge.node.frontmatter,{
                    
                    custom_elements: [
                      //{ "content:encoded": edge.node.html },{ "yournamespace:yourcustomfield": edge.node.fields.someField },}
                );
              });
            },{
  resolve: 'gatsby-source-rss',options: {
    rssURL: 'https://blog.jordanrhea.com/rss.xml',customFields: {
      item: ['tags'],*/

{
  resolve: `gatsby-plugin-feed`,options: {
    query: `
      {
        site {
          siteMetadata {
            title
            description
            siteUrl
            site_url: siteUrl
          }
        }
      }
    `,feeds: [
      {
        serialize: ({ query: { site,allMarkdownRemark } }) => {
          return allMarkdownRemark.edges.map(edge => {
            return Object.assign({},{
              description: edge.node.excerpt,date: edge.node.frontmatter.date,url: site.siteMetadata.siteUrl + edge.node.fields.slug,guid: site.siteMetadata.siteUrl + edge.node.fields.slug,custom_elements: [{ "content:encoded": edge.node.html }],})
          })
        },query: `
          {
            allMarkdownRemark(
              sort: { order: DESC,fields: [frontmatter___date] },) {
              edges {
                node {
                  excerpt
                  html
                  fields { slug }
                  frontmatter {
                    title
                    date
                  }
                }
              }
            }
          }
        `,output: "/rss.xml",title: "Your Site's RSS Feed",{
      resolve: `gatsby-source-podcast-rss-feed`,options: {
        feedURL: `https://lydra.fr/ea-2-le-podcasteur-erwan/rss`,id: 'guid',{
    resolve: `@arshad/gatsby-theme-podcast-core`,options: {
      feedUrl: `https://blog.jordanrhea.com/rss.xml`,podcast: {
        name: `Name of Podcast`,description: `Eligendi nisi nobis nisi voluptate. Corporis deserunt provident hic numquam. Veritatis vero necessitatibus adipisci cumque voluptate rerum at.`,image: `content/images/podcast.jpg`,social: [
          {
            name: `Apple Podcast`,url: `https://itunes.apple.com`,{
            name: `Google Podcast`,url: `https://podcasts.google.com`,{
    resolve: `gatsby-source-youtube`,options: {
      channelId: '<<Youtube channelID eg. UCK8sQmJBp8GCxrOtXWBpyEA >>',apiKey: '<< Add your Youtube api key here>>',maxVideos: 50 // Defaults to 50
    },{
      resolve: `gatsby-plugin-manifest`,options: {
        name: config.siteTitle,short_name: config.siteTitle,start_url: config.pathPrefix,background_color: config.background_color,theme_color: config.theme_color,display: config.display,icon: "content/images/logo_froggit.png",{
      resolve: "gatsby-plugin-compile-es6-packages",options: {
        modules: ["gatsby-starter-morning-dew"],}

在我的文件中： gatsby-node.js ？我已经复制了一些用于创建rss feed的代码，但是我不了解很多事情... 

const { createFilePath } = require("gatsby-source-filesystem")

const { load,createFeed } = require('./internals')
async function sourceNodes({ boundActionCreators },options = {}) {
  const { createNode } = boundActionCreators
  const { feeds = [] } = options

  for (const f of feeds) {
    const { rss } = await load(f)

    if (rss && rss.channel) {
      const sources = (Array.isArray(rss.channel)
        ? rss.channel : [rss.channel]
      )

      sources.forEach(f => createFeed(f,createNode))
    }
  }

  return Promise.resolve()
}

module.exports = {
  sourceNodes,}


exports.createPages = async ({ graphql,actions,reporter }) => {
  const { createPage } = actions

  const BlogPostTemplate = require.resolve("./src/templates/blog-post.js")
  const BlogPostShareImage = require.resolve(
    "./src/templates/blog-post-share-image.js"
  )
  const PageTemplate = require.resolve("./src/templates/page.js")
  const PostsBytagTemplate = require.resolve("./src/templates/tags.js")
  const ListPostsTemplate = require.resolve(
    "./src/templates/list.js"
  )

  const allMarkdownQuery = await graphql(`
  {
    allMarkdown: allMdx(
      sort: { fields: [frontmatter___date],order: DESC }
      filter: { frontmatter: { published: { ne: false } } }
      limit: 1000
    ) {
      edges {
        node {
          fileAbsolutePath
          frontmatter {
            title
            slug
            tags
            language
            cover {
              publicURL
            }
            unlisted
          }
          timeToRead
          excerpt
        }
      }
    }
  }
`)

  if (allMarkdownQuery.errors) {
    reporter.panic(allMarkdownQuery.errors)
  }

  const postPerPageQuery = await graphql(`
    {
      site {
        siteMetadata {
          postsPerPage
        }
      }
    }
  `)

  const markdownFiles = allMarkdownQuery.data.allMarkdown.edges

  const posts = markdownFiles.filter(item =>
    item.node.fileAbsolutePath.includes("/content/posts/")
  )

 
  actions.createPage({
    path: '/blog',component: require.resolve(`./src/templates/list.js`),context: {},})


  
  const postsPerPage = postPerPageQuery.data.site.siteMetadata.postsPerPage
  const nbPages = Math.ceil(listedPosts.length / postsPerPage)

  Array.from({ length: nbPages }).forEach((_,i) => {
    createPage({
      path: i === 0 ? `/` : `/pages/${i + 1}`,component: ListPostsTemplate,context: {
        limit: postsPerPage,skip: i * postsPerPage,currentPage: i + 1,nbPages: nbPages,})

  posts.forEach((post,index,posts) => {
    const previous = index === posts.length - 1 ? null : posts[index + 1].node
    const next = index === 0 ? null : posts[index - 1].node

    createPage({
      path: post.node.frontmatter.slug,component: BlogPostTemplate,context: {
        slug: post.node.frontmatter.slug,previous,next,})

    if (process.env.gatsby_executing_command.includes("develop")) {
      createPage({
        path: `${post.node.frontmatter.slug}/image_share`,component: BlogPostShareImage,context: {
          slug: post.node.frontmatter.slug,width: 440,height: 220,})
    }
  })

  markdownFiles
    .filter(item => item.node.fileAbsolutePath.includes("/content/pages/"))
    .forEach(page => {
      createPage({
        path: page.node.frontmatter.slug,component: PageTemplate,context: {
          slug: page.node.frontmatter.slug,})
    })


  markdownFiles
    .filter(item => item.node.frontmatter.tags !== null)
    .reduce(
      (acc,cur) => [...new Set([...acc,...cur.node.frontmatter.tags])],[]
    )
    .forEach(uniqTag => {
      createPage({
        path: `tags/${uniqTag}`,component: PostsBytagTemplate,context: {
          tag: uniqTag,})
    })
}

exports.onCreateNode = ({ node,getNode }) => {
  const { createNodeField } = actions

  if (node.internal.type === `MarkdownRemark`) {
    const value = createFilePath({ node,getNode })
    createNodeField({
      name: `slug`,node,value,})
  }
}


const parser = require('rss-parser');
const crypto = require('crypto');

const createContentDigest = obj => crypto.createHash('md5').update(JSON.stringify(obj)).digest('hex');

function promisifiedParseURL(url) {
  return new Promise((resolve,reject) => {
    parser.parseURL(url,(err,data) => {
      if (err) {
        reject(err);
      }
      resolve(data.feed);
    });
  });
}

const createChildren = (entries,parentId,createNode) => {
  const childIds = [];
  entries.forEach(entry => {
    childIds.push(entry.link);
    const node = Object.assign({},entry,{
      id: entry.link,title: entry.title,link: entry.link,description: entry.description,parent: parentId,children: []
    });
    node.internal = {
      type: 'rssFeedItem',contentDigest: createContentDigest(node)
    };
    createNode(node);
  });
  return childIds;
};

async function sourceNodes({ boundActionCreators },{ rssURL }) {
  const { createNode } = boundActionCreators;
  const data = await promisifiedParseURL(rssURL);
  if (!data) {
    return;
  }
  const { title,description,link,entries } = data;
  const childrenIds = createChildren(entries,createNode);
  const feedStory = {
    id: link,title,parent: null,children: childrenIds
  };

  feedStory.internal = { type: 'rssFeed',contentDigest: createContentDigest(feedStory) };

  createNode(feedStory);
}

exports.sourceNodes = sourceNodes;

还是在我模板的文件夹中？

非常感谢。

解决方法

此插件 gatsby-plugin-parse-rss 将解析来自 RSS 提要页面的信息并自动创建查询。

在您的 gatsby-config.js

中添加插件 
plugins: [
  {
    resolve: "gatsby-plugin-parse-rss",options: {
      rss: [
        {
          urlToFetch:
            "https://lydra.fr/tag/froggit/feed/rss.xml",selectors: ["media:title"],name: "lydraRSS",},],];

使用 gatsby 的 useStaticQuery 检索数据

{
  allLydraRss {
    nodes {
      media_title
    }
  }
}

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 dio@foxmail.com 举报，一经查实，本站将立刻删除。

相关推荐

导入项目后报错问题
依赖报错 idea导入项目后依赖报错，解决方案：https://blog.csdn.net/weixin_42420249/article/details/81191861 依赖版本报错：更换其他版本 无法下载依赖可参考：https://blog.csdn.net/weixin_42628809/a
idea不能识别yaml文件
使用mybatis plus常见错误
错误1：代码生成器依赖和mybatis依赖冲突 启动项目时报错如下 2021-12-03 13:33:33.927 ERROR 7228 [ main] o.s.b.d.LoggingFailureAnalysisReporter : *************************** APPL
gradle常见问题与错误
错误1：gradle项目控制台输出为乱码 # 解决方案：https://blog.csdn.net/weixin_43501566/article/details/112482302 # 在gradle-wrapper.properties 添加以下内容 org.gradle.jvmargs=-Df
Mybatis Plus传入参数0不起作用
错误还原：在查询的过程中，传入的workType为0时，该条件不起作用 &lt;select id=&quot;xxx&quot;&gt; SELECT di.id, di.name, di.work_type, di.updated... &lt;where&gt; &lt;if test=&qu
linux中make编译源码包失败
报错如下，gcc版本太低 ^ server.c:5346:31: 错误：‘struct redisServer’没有名为‘server_cpulist’的成员 redisSetCpuAffinity(server.server_cpulist); ^ server.c: 在函数‘hasActiveC
微服务启动错误：Command line is too long. Shorten command line for
解决方案1 1、改项目中.idea/workspace.xml配置文件，增加dynamic.classpath参数 2、搜索PropertiesComponent，添加如下 &lt;property name=&quot;dynamic.classpath&quot; value=&quot;tru
vue常见错误
删除根组件app.vue中的默认代码后报错：Module Error (from ./node_modules/eslint-loader/index.js): 解决方案：关闭ESlint代码检测，在项目根目录创建vue.config.js，在文件中添加 module.exports = { lin
spark常见错误
查看spark默认的python版本 [root@master day27]# pyspark /home/software/spark-2.3.4-bin-hadoop2.7/conf/spark-env.sh: line 2: /usr/local/hadoop/bin/hadoop: No s
matplotlib报错：AttributeError: module 'backend_interagg' has no attribute 'FigureCanvas'. Did you mean: 'FigureCanvasAgg'?
使用本地python环境可以成功执行 import pandas as pd import matplotlib.pyplot as plt # 设置字体 plt.rcParams[&#39;font.sans-serif&#39;] = [&#39;SimHei&#39;] # 能正确显示负号 p
gitlab登录失败，报错：This challenge page was accidentally cached by an intermediary and is no longer available.
设置时间 控制面板
后端开发常见错误
错误1：Request method ‘DELETE‘ not supported 错误还原：controller层有一个接口，访问该接口时报错：Request method ‘DELETE‘ not supported 错误原因：没有接收到前端传入的参数，修改为如下 参考 错误2：cannot r
docker常见错误
错误1：启动docker镜像时报错：Error response from daemon: driver failed programming external connectivity on endpoint quirky_allen 解决方法：重启docker -&gt; systemctl r
idea常见错误
错误1：private field ‘xxx‘ is never assigned 按Altʾnter快捷键，选择第2项 参考：https://blog.csdn.net/shi_hong_fei_hei/article/details/88814070 错误2：启动时报错，不能找到主启动类 #
pip安装依赖失败
报错如下，通过源不能下载，最后警告pip需升级版本 Requirement already satisfied: pip in c:\users\ychen\appdata\local\programs\python\python310\lib\site-packages (22.0.4) Coll
maven常见错误
错误1：maven打包报错 错误还原：使用maven打包项目时报错如下 [ERROR] Failed to execute goal org.apache.maven.plugins:maven-resources-plugin:3.2.0:resources (default-resources)
cloud项目中常见错误
错误1：服务调用时报错 服务消费者模块assess通过openFeign调用服务提供者模块hires 如下为服务提供者模块hires的控制层接口 @RestController @RequestMapping(&quot;/hires&quot;) public class FeignControl
springboot常见错误
错误1：运行项目后报如下错误 解决方案 报错2：Failed to execute goal org.apache.maven.plugins:maven-compiler-plugin:3.8.1:compile (default-compile) on project sb 解决方案：在pom.
springmvc拦截器中使用redisTemplate报空指针异常
参考 错误原因 过滤器或拦截器在生效时，redisTemplate还没有注入 解决方案：在注入容器时就生效 @Component //项目运行时就注入Spring容器 public class RedisBean { @Resource private RedisTemplate&lt;String
vite报错：npm ERR! command C:WINDOWSsystem32cmd.exe /d /s /c C:UsersychenAppDataLocalTempnpx-dde1c848.cmd
使用vite构建项目报错 C:\Users\ychen\work&gt;npm init @vitejs/app @vitejs/create-app is deprecated, use npm init vite instead C:\Users\ychen\AppData\Local\npm-
pythonJavaScriptjavaHTMLPHPreactjsC#AndroidCSSNode.jssqlrpython-3.xMysqLjQueryc++pandasFlutterangularIOSdjangolinuxswifttypescript路由器JSON路由器设置无线路由器h3c华三华三路由器设置华三路由器电脑软件教程arraysdocker软件图文教程Cvue.jslaravelspring-boot