如何为 Strapi CMS 更改 Netlify CMS？答案

【问题标题】：How to change Netlify CMS for Strapi CMS?如何为 Strapi CMS 更改 Netlify CMS？
【发布时间】：2020-07-18 06:31:09
【问题描述】：

我是这个前端世界的新手，我对 React 和 GraphQL 有一些了解，这就是为什么我决定尝试使用 Gatsby 来实现一个测试博客，因为它看起来很受欢迎并且易于使用。

我也想接触 Material UI，所以我正在使用这个 Gatsby 启动器：https://www.gatsbyjs.org/starters/Vagr9K/gatsby-material-starter

这个启动器似乎包含了与 Netlify CMS 的集成，所以我想改变它并开始使用 Strapi CMS，这样我就可以在那里获得内容了。

你知道怎么做吗？

【问题讨论】：

标签： frontend content-management-system gatsby netlify strapi

【解决方案1】：

您的问题有很多东西，如果没有，我会尝试逐步回答，如果您需要有关如何创建页面等的更多详细信息，请告诉我，我会更新我的答案以添加更多如果需要，请提供详细信息。

如果您想将源代码从 Netlify 更改为 Strapi，您需要在您的 gatsby-config.js 中进行设置，将 gatsby-plugin-netlify-cms 插件替换为类似的内容：

  {
    resolve: `gatsby-source-strapi`,
    options: {
      apiURL: `http://localhost:1337`,
      queryLimit: 1000, // Default to 100
      contentTypes: [`article`, `user`],
      //If using single types place them in this array.
      singleTypes: [`home-page`, `contact`],
      // Possibility to login with a strapi user, when content types are not publically available (optional).
      loginData: {
        identifier: "",
        password: "",
      },
    },
  },

请注意，您必须安装所需的插件并删除不必要的插件，以减少捆绑包并提高使用启动器时的性能。

下一步是使用 GraphQL 从您的源 CMS（文章、帖子、页面等）创建页面。也许这个博客helps you。但作为一个简短的总结，您需要在 gatsby-node.js 中创建查询以从 Strapi CMS 检索数据并使用 Gatsby 的 API 创建页面。

这个想法与您的初学者相同，但是，您将使用 Strapi CMS 提供的对象，而不是使用 gatsby-source-filesystem 和 allMarkdownRemark 在您的页面创建中。您可以使用 gatsby develop 并输入 localhost:8000/___graphql 来检查查询和可用对象。

请记住，您将始终从多个来源查询静态数据（即预下载的数据），因此当您运行开发命令时，数据会被下载并通过 GraphQL 访问。

您可以在其starter repository 中查看更多信息。

【讨论】：

我有一个疑问，现在内容表示为降价页面，其中一些样式取自模板文件夹，我应该在哪里进行查询调用，以便它从strapi而不是从降价页面？
思路一样，在创建页面时不要使用gatsby-source-filesystem和allMarkdownRemark，而是使用Strapi CMS提供的对象。您可以使用gatsby develop 并输入localhost:8000/___graphql 检查查询和可用对象。请记住，您将始终从多个来源查询静态（即：预下载的数据），因此当您运行命令时，数据会被下载并通过 GraphQL 访问。