Hexo添加博客更新提示
基于插件hexo-offline-popup实现
先安装插件
1 | npm i hexo-offline-popup --save |
该插件本来是配合PWA加快博客访问速度的,但是下载配置后,每当你更新后都会提示
所以,找到它,修改这个提示文本即可
修改hexo-offline-popup的源代码:
blog-demo\node_modules\hexo-offline-popup\lib\templates\sw-register.tpl.js
打开后你会发现是一长串的东西,别慌,找工具转译一下,你会发现是一份普普通通的JS
之后修改这份JS,然后再转译回去就行了(不转貌似也行,但是不稳定,有时候会出现乱码)
这是我转译后修改的结果:
1 | navigator.serviceWorker&&navigator.serviceWorker.register('/__ServiceWorkerName__?v=__BuildVersion__').then(function(){navigator.serviceWorker.addEventListener('message',function(a){if('sw.update'===a.data){let a=document.querySelector('meta[name=theme-color]'),b=document.createElement('div');a&&(a.content='#000'),b.innerHTML='<div><link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/Colsrch/CDN/hexo-offline-popup.css"><div class="c-message animated animated-lento slideInRight"><i class="c-message--icon c-message--success"></i><div class="el-notification__group"><h2 class="c-message__title">更新通知</h2><div class="el-notification__content">小兔已更新博客内容,请刷新看看吧~</div><div class="c-message--close" onclick="location.reload()">×</div></div></div></div>',document.body.appendChild(b),setTimeout(function(){document.getElementById('app-refresh').className+=' app-refresh-show'},16)}})}); |
本博客所有文章除特别声明外,均采用 CC BY-NC-SA 4.0 许可协议。转载请注明来自 重装小兔的TRSS课堂!
评论
没人会无缘无故的好心,吃力不讨好的帮你,有用的话打赏一下子,多少都随便,
也可以不打赏,手动关闭弹窗