✨ feat(assets): convert & tinify imgs

close #228

docs/.vitepress/config.ts

@@ -22,7 +22,7 @@ const themeConfig: DefaultTheme.Config = {
     text: "最后更新",
   },
   outlineTitle: "目录",
-  logo: "/logo-brand.png",
+  logo: "/logo-brand.webp",
   nav: [
     { text: "主页", link: "/" },
     { text: "崩溃分析工具", link: "/analyzer" },
@@ -128,6 +128,7 @@ const themeConfig: DefaultTheme.Config = {
       text: "文档",
       items: [
         { text: "基础知识", link: "/basis" },
+    		{ text: "通用问题", link: "/commons" },
         {
           text: "客户端崩溃",
           items: [
@@ -211,7 +212,7 @@ export default withPwa(
     },
 
     head: [
-      ["link", { rel: "icon", href: "/logo-brand.png" }],
+      ["link", { rel: "icon", href: "/logo-brand.webp" }],
       [
         "script",
         {

docs/.vitepress/scripts/pwa.ts

@@ -22,29 +22,29 @@ export const pwa: Partial<VitePWAOptions> = {
     categories: ["minecraft", "crash"],
     icons: [
       {
-        src: "logo-new.png",
+        src: "logo-new.webp",
         sizes: "1024x1024",
-        type: "image/png",
+        type: "image/webp",
       },
       {
-        src: "pwa-512x512.png",
+        src: "pwa-512x512.webp",
         sizes: "512x512",
-        type: "image/png",
+        type: "image/webp",
       },
       {
-        src: "pwa-192x192.png",
+        src: "pwa-192x192.webp",
         sizes: "192x192",
-        type: "image/png",
+        type: "image/webp",
       },
       {
-        src: "pwa-64x64.png",
+        src: "pwa-64x64.webp",
         sizes: "64x64",
-        type: "image/png",
+        type: "image/webp",
       },
     ],
   },
   workbox: {
-    globPatterns: ["**/*.{css,js,html,svg,png,ico,txt,woff2}"],
+    globPatterns: ["**/*.{css,js,html,svg,webp,ico,txt,woff2}"],
     globIgnores: ["shortcuts/*.svg"],
     runtimeCaching: [
       {

docs/.vitepress/theme/components/Contributors.vue

@@ -49,7 +49,7 @@ function isNotEmpty(arr: string | string[]) {
       rel="noreferrer"
       target="_blank"
       class="flex items-center gap-2">
-      <img src="/logo-brand.png" class="w-8 h-8 rounded-full" />
+      <img src="/logo-brand.webp" class="w-8 h-8 rounded-full" />
       <p class="vp-main-clolr">{{ "GlobeMC" }}</p>
     </a>
   </div>

docs/index.md

@@ -7,7 +7,7 @@ hero:
   text: "为一般玩家编写的 Minecraft 崩溃分析指南"
   tagline: 由一群热心的笨蛋维护
   image:
-    src: /logo-new.png
+    src: /logo-new.webp
     alt: CrashMC
   actions:
     - theme: brand