如何在Gatsby中获取所有Wordpress帖子和显示标签

npm install gatsby-source-wordpress

{
  resolve: `gatsby-source-wordpress`,
  options: {
    url: `https://your-wordpress-site.com/graphql`, // 替换为你的WordPress站点的GraphQL地址
  },
},

gatsby develop

import React from "react"
import { graphql } from "gatsby"

const WordPressPostsPage = ({ data }) => {
  const { allWordpressPost, allWordpressTag } = data

  return (
    <div>
      <h1>All WordPress Posts:</h1>
      <ul>
        {allWordpressPost.edges.map(({ node }) => (
          <li key={node.id}>
            <h2>{node.title}</h2>
            <div dangerouslySetInnerHTML={{ __html: node.content }} />
          </li>
        ))}
      </ul>

      <h1>All WordPress Tags:</h1>
      <ul>
        {allWordpressTag.edges.map(({ node }) => (
          <li key={node.id}>
            <h2>{node.name}</h2>
          </li>
        ))}
      </ul>
    </div>
  )
}

export const query = graphql`
  query {
    allWordpressPost {
      edges {
        node {
          id
          title
          content
        }
      }
    }
    allWordpressTag {
      edges {
        node {
          id
          name
        }
      }
    }
  }
`

export default WordPressPostsPage