feat(pwa): 更新PWA图标路径并缓存图片资源

- 将apple-touch-icon路径从绝对路径改为相对路径
- 修正msapplication-TileImage图标路径为相对路径
- 在service worker中添加多个图片资源到预缓存列表
- 包含avatar、favicon、logo等图片资源的缓存配置
- 添加背景图片目录下多张图片的预加载支持

index.html

@@ -436,10 +436,10 @@
 <meta name="apple-mobile-web-app-capable" content="yes">
 <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
 <meta name="apple-mobile-web-app-title" content="Honesty">
-<link rel="apple-touch-icon" href="/apple-touch-icon.png">
+<link rel="apple-touch-icon" href="./images/logo.png">
 
 <!-- Windows PWA支持 -->
-<meta name="msapplication-TileImage" content="/images/avatar.jpeg">
+<meta name="msapplication-TileImage" content="./images/avatar.jpeg">
 <meta name="msapplication-TileColor" content="#6c5ce7">
 <meta name="msapplication-tap-highlight" content="no">
 

js/sw.js

@@ -8,7 +8,20 @@ const urlsToCache = [
   './css/artalk.css',
   './js/config.js',
   './js/main.js',
-  './js/about.js'
+  './js/about.js',
+  './images/avatar.jpeg',
+  './images/favicon.ico',
+    './images/favicon.png',
+    './images/logo.png',
+    './images/INFJ.png',
+    './images/kl.gif',
+    './images/bj/1.jpg',
+    './images/bj/2.jpg',
+    './images/bj/3.jpg',
+    './images/bj/4.jpg',
+    './images/bj/5.jpg',
+    './images/bj/6.jpg',
+    './images/bj/7.jpg',
 ];
 
 // 安装事件 - 缓存资源