每次有新的文章发布时，是否需要重新构建？使用Gatsby和WordPress。

在使用Gatsby和WordPress搭建博客或网站时，当有新的文章发布时，确实需要重新构建。这是因为Gatsby是一个静态网站生成器，它会将WordPress中的内容转换为静态HTML文件，以提供更快的加载速度和更好的性能。

以下是一个基本的解决方案，包含代码示例：

1. 在WordPress中设置Webhook：首先，您需要在WordPress中设置一个Webhook，以便在有新文章发布时发送通知。

在WordPress后台，转到“设置”->“写文章”页面，然后在页面底部找到“Webhooks”部分。添加一个新的Webhook，将其URL设置为您Gatsby网站的构建端点。

2. 在Gatsby中处理Webhook请求：接下来，您需要在Gatsby项目中处理来自WordPress的Webhook请求，并触发重新构建。

在Gatsby项目的根目录中，创建一个名为gatsby-node.js的文件，并添加以下代码：

const axios = require('axios')

exports.onCreatePage = async ({ page, actions }) => {
  const { createPage } = actions

  // 检查页面是否是构建端点并且请求类型是POST
  if (page.path === '/build' && page.context.req.method === 'POST') {
    console.log('Received webhook request, triggering rebuild...')

    // 调用Gatsby的重新构建API
    await axios.post('http://localhost:8000/__refresh')

    console.log('Rebuild triggered successfully.')
  }
}

此代码在Gatsby的onCreatePage生命周期钩子中，检查页面路径是否为构建端点，并且请求类型为POST。如果是，它将调用Gatsby的重新构建API。

请注意，此示例假设构建端点的URL为/build，Gatsby开发服务器运行在http://localhost:8000上。您需要根据自己的配置进行更改。

3. 在Gatsby开发服务器中启动Webhook端点：最后，在Gatsby开发服务器中添加一个路由来处理Webhook请求。

在Gatsby项目的根目录中，打开gatsby-config.js文件，并添加以下代码：

module.exports = {
  // ...
  developMiddleware: app => {
    app.use('/build', (req, res, next) => {
      req.method = 'POST'
      next()
    })
  },
  // ...
}

此代码将在Gatsby开发服务器中添加一个路由，将所有到/build的请求的请求类型强制设置为POST。

4. 重新构建时发送Webhook请求：最后，您需要在WordPress中的文章发布钩子中发送Webhook请求，以触发Gatsby的重新构建。

在WordPress主题的functions.php文件中，添加以下代码：

function send_webhook_request($post_id, $post, $update) {
  $webhook_url = 'http://your-gatsby-website.com/build';
  
  // 发送POST请求到Webhook URL
  wp_remote_post($webhook_url, array(
    'method' => 'POST',
    'timeout' => 5,
    'blocking' => false,
    'headers' => array(),
    'body' => array(),
  ));
}

// 在文章发布时触发
add_action('publish_post', 'send_webhook_request', 10, 3);

此代码将在文章发布时发送POST请求到Gatsby的构建端点(/build)。

请注意，您需要将$webhook_url替换为您Gatsby网站的构建端点URL。

以上是一个基本的解决方案，用于在每次有新的文章发布时触发Gatsby的重新构建。您可以根据自己的需求和配置进行调整和扩展。