安装插件

插件的Github仓库: hexo-web-push-notification

在你的博客站点目录执行下面的命令:

1
npm i hexo-web-push-notification --save

紧接着再你的博客站点目录下的配置文件,而不是主题配置文件,添加以下配置:

1
2
3
4
webPushNotification:
webpushrKey: "your webpushr rest api key"
webpushrAuthToken: "your webpushr authorize token"
trackingCode: ""

其中 webpushrKey,webpushrAuthToken 和 trackingCode 的值在官网注册得到。

官网注册

点击右边的图标即可进入注册:

友情提醒:注册完账号后,需要登录这个网站, 在登录时需要进行人机身份验证,这个需要使用一定的手段才能显示出来

  • 填写图中所显示的相关网站信息,填写完之后,点击下一步

  • 按照图示步骤完成(以butterflt主题为例)

  • 验证安装

获取参数

  • 其中trackingCode是下面图片中黑色下划线的代码

  • 然后按照下图中的引导,找到 webpushrKey 和 webpushrAuthToken 的值,并填写到博客根目录的配置文件所对应的位置。

推送设置

如图所示