perf: 图片优化

README.en.md

@@ -130,10 +130,10 @@ cover: rgb(255,117,117)
 
 #### banner
 
-The banner is stored in `themes/reimu/source/images/banner.jpg` and can be modified in the inner `_config.yml`
+The banner is stored in `themes/reimu/source/images/banner.webp` and can be modified in the inner `_config.yml`
 
 ```yaml
-banner: "/images/banner.jpg"
+banner: "/images/banner.webp"
 ```
 
 #### favicon

README.md

@@ -148,10 +148,10 @@ cover: rgb(255,117,117)
 
 #### 头图
 
-头图保存于 `themes/reimu/source/images/banner.jpg`，可在内层 `_config.yml` 中修改
+头图保存于 `themes/reimu/source/images/banner.webp`，可在内层 `_config.yml` 中修改
 
 ```yaml
-banner: "/images/banner.jpg"
+banner: "/images/banner.webp"
 ```
 
 #### 图标

_config.yml

@@ -5,7 +5,7 @@ menu:
   about: /about
   friend: /friend
 
-banner: "/images/banner.jpg" # themes/reimu/source/images/banner.jpg
+banner: "/images/banner.webp" # themes/reimu/source/images/banner.webp
 # You can also write it in the form of the following url
 # banner: "https://example.com"
 favicon: "/images/favicon.ico" # themes/reimu/source/images/favicon.ico
@@ -268,7 +268,6 @@ vendor:
       base: fastly_jsdelivr_gh|MliKiowa/plugin-live2d/
       js: fastly_jsdelivr_gh|MliKiowa/plugin-live2d/js/live2d-autoload.js
   css:
-    highlight: webcache|[email protected]/index.css
     fancybox: webcache|@fancyapps/[email protected]/dist/jquery.fancybox.min.css
     katex: webcache|[email protected]/dist/katex.min.css
     waline: webcache|@waline/client@v2/dist/waline.css

source/js/sw.js

@@ -1,6 +1,6 @@
 const PreCache = [
   '/images/taichi.png',
-  '/images/banner.jpg',
+  '/images/banner.webp',
   '/images/taichi-fill.png',
   '/css/loader.css',
   '/css/style.css',
@@ -76,4 +76,4 @@ if ('serviceWorker' in navigator) {
     .catch((error) => {
       console.log('Service Worker 注册失败: ', error);
     });
-}
+}