0

我正在制作一个显示 WordPress 页面内容的 Gatsby 网站(使用 WP 插件 QP Gatsby 和 WPgraphQL),并且我能够定位填充页面所需的大部分数据(标题、图像等),但我遇到了麻烦当涉及到页面内容时。

我使用dangerouslySetInnerHtml来显示页面内容,有时 Gatsby 网站会在段落文本上方显示页面作者和页面的日期。显示作者和日期适用于博客文章,但在我的“关于”页面顶部看到“作者:John Doe,2020 年 6 月 2 日”很奇怪。有时页面内容会适当地呈现(没有作者和日期),我认为我观察到的模式是作者和日期出现在gatsby develop运行时在 WordPress 网站上编辑页面内容之后。

有没有办法从页面内容查询中排除作者和日期? 页面示例截图

const IndexPage = ({ data }) => (
  <Layout>
    <article>
      {data.wpPage.featuredImage && (
        <figure>
          <Img
            fluid={data.wpPage.featuredImage.node.localFile.childImageSharp.fluid}
            alt={data.wpPage.featuredImage.node.altText}
          />
        </figure>
      )}
      <div dangerouslySetInnerHTML={{ __html: data.wpPage.content }} />
    </article>
  </Layout>
)

export const query = graphql`
  query HomePageQuery {
    wpPage(uri: {eq: "/"}) {
      id
      title
      content
      featuredImage {
        node {
          localFile {
            childImageSharp {
              fluid(maxWidth: 1360) {
                ...GatsbyImageSharpFluid
              }
            }
          }
          altText
        }
      }
    }
  }
`
4

1 回答 1

0

当您从 WP 端更新数据库并且gatsby develop仍在运行时,就会发生这种情况。

如果您中断并重新启动gatsby develop,那么 dangerouslySetInnerHTML 内容应该正确显示。

于 2021-07-11T16:54:42.927 回答