前言


能第一時間推送新 Post 給用戶是一件很重要的事情,這次我就介紹 Webpushr !!

註冊及安裝


註冊

先到這個網站註冊一個帳號。

網址:

註冊界面

點擊 log in 以便登入。

log in

登入。

登入界面

安裝


安裝(1)

如果你也是使用 Hexo 的話,你就可以把 webpushr-sw.js 放到 /themes/主題/source/ 底下。(記得不是 __MACOSX 裏面那個),script 就放在 /themes/主題/_partial/layout.ejs

安裝(2)

安裝(3)

安裝插件


終端內輸入,如果沒有 npm,請自行下載並安裝。

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

站點的 _config.yml (注意不是主題的 _config.yml

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

webpushrkey & webpushrAuthToken

Key && Auth Token

Tracking code

Tracking code

控制台

我會介紹一些主要的,其他有興趣請自行查看,其實也不難!

通知設定

訂閱按鈕

通知預覽

報錯

如報錯:

1
ERROR Push Notification failed {"status":"failure","type":"missing_parameter","description":"Missing required parameter 'message'"}

請安裝:

1
npm install hexo-excerpt --save

成功發送通知示例

成功發送通知示例