发布于 2026-01-06 9 阅读
0

全新 Ghost 3.0 及其与 GraphQL (Gatsby) 的结合使用 DEV 全球展示挑战赛,由 Mux 呈现:展示你的项目!

Ghost 3.0 新版本及其与 GraphQL (Gatsby) 的结合使用方法

由 Mux 主办的 DEV 全球展示挑战赛:展示你的项目!

Ghost是一个非常流行的开源发布平台,被许多人誉为 WordPress 的现代替代品。他们的宗旨是让发布变得尽可能简单,而且他们确实做到了!

Ghost 已经通过赢得MozillaOpenAIAppleTinderDuckDuckGo等科技巨头以及数千家中小型企业的信任,证明了其可用性。

一周前,网上爆出一条重磅消息:Ghost 的新版本已经发布,我觉得这发布时间绝非巧合……万圣节快乐 ;)
万圣节快乐!万圣节快乐!

正如其开发者所提到的,Ghost 3.0 的全部意义在于为发行商启用新的商业模式。

Ghost 3.0 功能:

  • 原生支持会员功能——让您轻松将匿名页面浏览者转化为注册用户。
  • Stripe 集成——为所有发布商启用订阅商业模式(Ghost 不收取任何交易手续费!)
  • JAMstack 原生架构- 已记录与GatsbyNextVuePress等的集成。
  • 新增多项集成——您可以将您喜爱的服务与 Ghost 配合使用,完整列表请点击此处查看。
  • 当然,它仍然是一个开源平台

如果这还不够,你还在犹豫是否要尝试 Ghost,那么还有一点值得一提:

  • 拥有速度极快且现代化的代码库,
  • 完全开源的宽松MIT许可证
  • 比 WordPress 便宜得多(见下文)Ghost vs WordPress
来源:ghost.org

Ghost + Gatsby (GraphQL)

Ghost 最让我喜欢的一点是它与Gatsby 的兼容性非常好,而 Gatsby 又等同于GraphQL。GraphQL是一种 API 查询语言,它能确保你请求的数据恰好满足你的需求——不多不少。这就是它与 REST 的区别。

GraphQL 与 REST

来源:blog.apollographql.com

从 Ghost API 获取 Gatsby 网站的数据非常简单,尤其是在使用 GraphQL 的情况下。让我们来看一些使用 GraphQL 从 Ghost API 检索数据的基本操作。
以下是一些常见的操作示例,这些操作可能是您在使用 GraphQL 查询 Ghost API 以获取公司页面、新闻网站或博客数据时需要执行的。所有示例均来自Ghost 文档

正在获取帖子

在这个例子中,我们每页显示有限数量的帖子,并使用“skip”命令来分页浏览包含这些帖子的页面:

替代文字

来源:ghost.org

筛选帖子

按标签筛选帖子是一种广泛使用的功能:

替代文字

来源:ghost.org

正在检索设置

Ghost 设置节点与其他节点不同(它是一个单独的对象)。要查询它,您需要:

替代文字

来源:ghost.org

正在检索所有标签的列表

从 Ghost 网站获取所有标签非常简单。您可以将它们用于创建标签云或关键词列表:

替代文字

来源:ghost.org

加快您的 GraphQL API 开发速度

GraphQL Editor是一款强大的工具,既适合经验丰富的 GraphQL 用户,也适合 GraphQL API 新手入门。我们的一体化 GraphQL 开发环境内置数十种微功能,可帮助您更快地构建、管理和部署 GraphQL API。其图形界面还能有效改善产品团队内部的沟通。可视化是关键!

GraphQL 编辑器

文章来源:https://dev.to/graphqleditor/new-ghost-3-0-and-how-to-use-it-with-graphql-gatsby-3oek