基于插件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)}})});