加速你博客的访问速度,并在博客有更新时弹窗提醒。

hexo-offline-popup

hexo-offline-popup 是一个 hexo 插件, 它可加速你的Hexo网站的加载速度,以及网站内容更新弹窗提示。

食用方法

安装

在Hexo根目录打开Git-bash ,执行命令

1
npm i hexo-offline-popup --save

配置

在博客根目录的_config.yml中添加如下配置

1
2
3
4
5
6
7
# offline config passed to sw-precache.
service_worker:
maximumFileSizeToCacheInBytes: 5242880
staticFileGlobs:
- public/**/*.{js,html,css,png,jpg,gif,svg,eot,ttf,woff,woff2}
stripPrefix: public
verbose: false

如果你有CDN资源,例:

1
2
- https://unpkg.com/artitalk
- https://cdn.jsdelivr.net/npm/artitalk

将此配置添加到根目录的_config.yml

1
2
3
4
5
6
7
8
9
10
service_worker:
runtimeCaching:
- urlPattern: /* # 子路径(接受通配符)
handler: cacheFirst
options:
origin: unpkg.com # 域名
- urlPattern: /npm/* # 子路径(接受通配符)
handler: cacheFirst
options:
origin: cdn.jsdelivr.net # 域名

上传

执行该代码激活并使用

1
hexo cl && hexo g -d

演示

由于该弹窗仅在博客更新时会弹出,因此留了一个弹窗演示站

FAQ

安装后未弹窗

该插件仅部署后生效,本地运行不生效

安装该插件后第一次打开网站不弹窗,后续更新将会弹窗

插件地址:hexo-offline-popup

评论