Hexo添加pwa功能
一.什么是PWA
PWA(Progressive Web App)是一种理念,使用多种技术来增强web app的功能,可以让网站的体验变得更好,能够模拟一些原生功能,比如通知推送。在移动端利用标准化框架,让网页应用呈现和原生应用相似的体验。
参阅: https://baike.baidu.com/item/PWA/22378897?fr=aladdin
二.安装PWA插件
1 | npm install hexo-pwa --save |
三.添加manifest.json和sw.js放在根目录
1.manifest.json
1 | { |
2. sw.js
1 | importScripts('https://g.alicdn.com/kg/workbox/3.3.0/workbox-sw.js'); |
三.修改根目录下 _config.yml 关于PWA的配置
将下面内容复制添加末尾即可:
1 | pwa: |
四.增加图片素材
source目录下新增 images/icons 放入指定尺寸的icon
1 | source/images/icons/icon-512x512.png |