1、添加 sw-toolbox 核心
下载并且放置到主题目录下的assets/js目录
*如果你是默认主题，应该是在path_to_ghost/content/themes/casper/assets/js
2、创建缓存规则
在主题根目录下创建 serviceworker.js，并且写入下面内容
‘use strict’; (function () { ‘use strict’; * Service Worker Toolbox caching var cacheVersion = ‘-toolbox-v1’; var dynamicVendorCacheName = ‘dynamic-vendor’ cacheVersion; var staticVendorCacheName = ‘static-vendor’ cacheVersion; var staticAssetsCacheName = ‘static-assets’ cacheVersion; var contentCacheName = ‘content’ cacheVersion; var maxEntries = 50; self.importScripts(‘assets/js/sw-toolbox.js’); self.toolbox.options.debug = false; // 缓存本站静态文件 self.toolbox.router.get(‘/assets/(.*)’, self.toolbox.cacheFirst, { cache: { name: staticAssetsCacheName, maxEntries: maxEntries // 缓存 googleapis self.toolbox.router.get(‘/css’, self.toolbox.fastest, { origin: /fonts.googleapis.com/, cache: { name: dynamicVendorCacheName, maxEntries: maxEntries // 不缓存 DISQUS 评论 self.toolbox.router.get(‘/(.*)’, self.toolbox.networkOnly, { origin: /disqus.com/ self.toolbox.router.get(‘/(.*)’, self.toolbox.networkOnly, { origin: /disquscdn.com/
本文从“特网科技(56dr.com)”转载，原作者保留一切权利，若侵权请联系删除。
