如何从 Gatsby WordPress 网站的页面内容查询中排除作者和日期

Posted 2023-03-08

【中文标题】如何从 Gatsby WordPress 网站的页面内容查询中排除作者和日期

【英文标题】：How to exclude author and date from page content query for Gatsby WordPress site

【发布时间】：2021-09-14 16:41:44

【问题描述】：

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

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

有没有办法从页面内容查询中排除作者和日期？ screenshot of page example

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
        
      
    
  
`

【参考方案1】：

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

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