在Gatsby.js中使用GraphQL从WP中获取ACF灵活内容

npm install -g gatsby-cli

gatsby new my-project

cd my-project

npm install gatsby-source-wordpress

module.exports = {
  plugins: [
    {
      resolve: "gatsby-source-wordpress",
      options: {
        baseUrl: "your-wordpress-site-url",
        protocol: "https",
        hostingWPCOM: false,
        useACF: true,
        acfOptionPageIds: [],
        verboseOutput: false,
        perPage: 100,
        searchAndReplaceContentUrls: {
          sourceUrl: "https://your-wordpress-site-url",
          replacementUrl: "",
        },
        concurrentRequests: 10,
        includedRoutes: [
          "**/categories",
          "**/posts",
          "**/pages",
          "**/media",
          "**/tags",
          "**/taxonomies",
          "**/users",
        ],
        excludedRoutes: [],
        normalizer: function ({ entities }) {
          return entities
        },
      },
    },
  ],
}

gatsby develop

query {
  allWordpressPost {
    edges {
      node {
        id
        title
        acf {
          field_name
        }
      }
    }
  }
}