posts: 添加Netlify WebHook实现文章更新实时推送

添加Netlify部署成功WebHook功能,与Github WebHook结合实现文章更新后的实时推送
新增相关文档和图片资源说明实现原理和操作步骤
This commit is contained in:
afoim
2025-08-09 23:35:01 +08:00
parent 9061d7a619
commit 0e7f87d2d3
4 changed files with 57 additions and 0 deletions

Binary file not shown.

After

Width:  |  Height:  |  Size: 27 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 271 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 25 KiB

View File

@@ -0,0 +1,57 @@
---
title: 利用Netlify WebHook来实时提醒你的订阅者博客文章更新
published: 2025-08-09
description: '早期提过使用Github WebHook来做到这件事今天偶然发现了Netlify也可以做到同样的事情'
image: '../assets/images/2025-08-09-23-03-37-image.png'
tags: [Netlify]
category: '记录'
draft: false
lang: ''
---
# 原理
早期文章提到过 [利用Github Webhook为你的订阅者推送文章更新消息](/posts/github-webhook)
其实已经很完美了,但是仍有一些缺陷
比如Github WebHook确实可以让Bot知道什么时候有了新的提交
但是Github并不知道构建服务需要构建多久
只能设置一个保守的延迟推送
但是当我们再使用Netlify的WebHook的时候
情况就变得不同了
Netlify可以在站点构建成功后向Bot发送WebHook
但是也有缺陷
那就是Netlify不支持检测文件变动
但是
我们只需要将两者结合
则工作流为
Push ->
Github Webhook 通知Bot ->
Bot收到提交信息如果合法则记录变动的文章并且等待Netlify发送部署成功的WebHook ->
Netlify WebHook 通知Bot站点部署成功 ->
Bot即刻推送文章更新消息 √
# 实操
添加HTTP POST钩子
![](../assets/images/2025-08-09-23-15-10-image.png)
创建一个部署成功钩子
![](../assets/images/2025-08-09-23-15-40-image.png)