Gatsby 和 WordPress

Avatar of Chris Coyier
Chris Coyier

DigitalOcean 为您旅程的每个阶段提供云产品。立即开始使用 200 美元的免费额度!

GatsbyWordPress 是一个有趣的组合。一方面,它非常有意义。Gatsby 可以从任何地方获取数据,并且 WordPress 拥有 原生 REST API,这使得它们成为良好的搭配。当然,Gatsby 有一个 一流的插件 用于从 WordPress 获取数据,甚至支持来自流行插件(如 Advanced Custom Fields)的数据。

另一方面,Gatsby 是 JAMstack 世界的一部分,将其与像 WordPress 这样非 JAMstack 的东西结合起来感觉有点奇怪。

以下是我对这种组合的一些随机想法和观察。

  • Markus 说这种组合让他能够 “再次享受” WordPress 开发的乐趣。
  • 在一个你可以构建 WordPress 网站并在 Netlify 上托管它,并拥有所有其高级开发人员功能(例如构建预览)的世界中,当然很有吸引力。
  • Scott Bolinger 对自己的网站进行了五分钟的介绍,其中一些页面可以静态构建,而其他部分则动态加载。
  • WordPress 有一个 GraphQL 插件,我想这将是另一种以 Gatsby 友好的方式提取数据的方法。Jason Bahl(wp-graphql 的开发者)现在实际上为 Gatsby 工作,并且将“Gatsby 赞助的开发”作为 插件的 Twitter 简介。目前尚不清楚这是否将成为将来集成 Gatsby 和 WordPress 的默认方法。我有点怀疑,仅仅因为 REST API 不需要任何额外的插件,而 GraphQL 插件需要一些安装工作。根据我的经验,仅仅安装并激活它就会在我的网站上触发致命错误,因此我需要与我的主机一起解决这个问题,因为我非常希望安装它。
  • 我们看到关于该主题的大型教程系列,例如 Tim Smith 的 如何使用 WordPress 和 Gatsby.js 构建博客
  • 将 WordPress 网站部署到静态托管似乎是一个巨大的机会,但几乎没有被利用。Gatsby 只是其中的早期参与者,并且专注于以 React 方式重建您的网站。但是,还有其他工具,例如 WP2Static,它声称可以导出 WordPress 网站的静态版本,然后将输出上传到静态主机。Ashley Williams 和 Kristian Freeman 在 此视频中(从大约 20 分钟开始)讨论了这一点,并在 Cloudflare Workers 网站上托管结果。