新文章通知

每次部署新文章时自动通知读者新的文章更新

效果

见我的博客。

方案

{% tabs 2 %}

hexo-web-push-notification插件可以帮助您在每次部署新文章时自动通知读者新的文章更新。订阅的读者可以收到浏览器关于您最新发布的通知。通知将包含标题和摘录。点击它会把读者带到你的最新文章。

webpushr是一个免费的web 推送通知服务，具体配置根据官方教程走就行。

{% note info flat %}webpushr-sw.js应该放在某路径下，使得网站生成后 www.yourblog.com/webpushr-sw.js 可以访问到该文件。
我是放在BlogRoot\source\webpushr-sw.js下。你也可以放在别的位置，然后在BlogRoot\_config.yml中设置一下skip_render。
Tracking Code放在BlogRoot\_config.butterfly.yml\的inject的head下就好。

{% tip warning %}此处参考自安之鱼 | butterfly重装笔记第15条配置pwa。如果需要配置pwa可以完全参考该教程。如果单纯{% span red, 只需要通知 %}，请参考方案一和方案二。

{% endtabs %}