【问题标题】:Can I fetch blog posts from a Gatsby site?我可以从 Gatsby 网站获取博客文章吗?
【发布时间】:2020-06-06 17:43:06
【问题描述】:

总结

我有两个相互独立的网站。一个是我的博客,另一个是我的作品集。

我的博客是使用 Gatsby 创建的,我的作品集是与 Parcel 捆绑在一起的标准 HTML 和 CSS。

我目前正在使用 Gatsby 创建一个新的作品集,并希望在其中包含一个部分,展示我在 Gatsby 博客中的 3 篇最新博客文章。

目标

不知何故,从我的 Gatsby 网站获取我的前 3 篇博客文章,以显示在我的作品集中。

目前的想法

我想将两个网站分开,因为它们的样式和用途完全不同。

我考虑创建我的投资组合并添加一个博客页面,然后使用路径前缀路由我的博客。这将允许所有东西都放在一个中心位置,我可以只查询显示所述博客文章所需的数据。

这是我最初的想法,但我试图避免这种情况,因为我的博客是它自己的实体,我计划大大扩展它。应该有一些方法可以在站点之间共享 GraphQL 数据,但我只是没有偶然发现它,或者它就在我面前,我正在绕过它。

【问题讨论】:

  • 您可以从您的 gatsby 站点发布一个 RSS 提要,并且在您的投资组合中只选择最近的三个,这将是您的 RSS 提要返回的前三个。这个documentation 描述了如何在 Gatsby 中添加 RSS 提要。如果您使用的是 MDX,您将需要 this 插件。

标签: javascript graphql gatsby


【解决方案1】:

解决方案

在@chrisotto6 的帮助下,我设法找到了一个非常简单的解决方案。

在我的 Gatsby 博客上,我使用了 gatsby-plugin-feed 插件来添加 RSS 提要。我在我的博客文章中使用 Markdown,所以我不需要担心 MDX。

盖茨比文档很简单,但如果您仍然想要更多,就像我一样,您可以查看这两篇文章和以下视频。

How to Generate RSS feed with Gatsby.ks

RSS feed with images in Gatsby

Video: RSS feed using MDX in Gatsby

设置 RSS 提要后,我使用名为 rss-parser 的 npm 包来解析 xml 并在我的投资组合网站上使用它。

【讨论】:

    猜你喜欢
    • 2017-11-11
    • 2015-07-04
    • 1970-01-01
    • 2011-06-30
    • 2021-04-17
    • 2011-02-28
    • 1970-01-01
    • 2018-12-02
    • 1970-01-01
    相关资源
    最近更新 更多