Merge pull request #25 from Moe-Sakura/dev

feat: 更新图标资源与相关文档

docs/FAVICON_GUIDE.md

@@ -4,7 +4,7 @@
 
 ## 当前图标文件
 
-- `favicon.svg` - 主图标（SVG 格式，带粉紫渐变）
+- `logo.svg` - 主图标（SVG 格式，带粉紫渐变）
 - `gamepad-solid.svg` - 原始 Font Awesome 图标
 - `favicon-32x32.png` - 32x32 PNG 图标（需要生成）
 - `favicon-16x16.png` - 16x16 PNG 图标（需要生成）
@@ -15,7 +15,7 @@
 ### 方法 1: 使用在线工具
 
 1. 访问 [RealFaviconGenerator](https://realfavicongenerator.net/)
-2. 上传 `favicon.svg`
+2. 上传 `logo.svg`
 3. 自定义设置（建议使用粉紫渐变背景）
 4. 生成并下载所有尺寸的图标
 5. 将文件放到 `public/` 目录
@@ -29,9 +29,9 @@ brew install imagemagick  # macOS
 sudo apt-get install imagemagick  # Linux
 
 # 生成 PNG 图标
-convert -background none favicon.svg -resize 32x32 favicon-32x32.png
-convert -background none favicon.svg -resize 16x16 favicon-16x16.png
-convert -background none favicon.svg -resize 180x180 apple-touch-icon.png
+convert -background none logo.svg -resize 32x32 favicon-32x32.png
+convert -background none logo.svg -resize 16x16 favicon-16x16.png
+convert -background none logo.svg -resize 180x180 apple-touch-icon.png
 ```
 
 ### 方法 3: 使用 Inkscape
@@ -41,9 +41,9 @@ convert -background none favicon.svg -resize 180x180 apple-touch-icon.png
 brew install inkscape  # macOS
 
 # 生成 PNG 图标
-inkscape favicon.svg --export-filename=favicon-32x32.png --export-width=32 --export-height=32
-inkscape favicon.svg --export-filename=favicon-16x16.png --export-width=16 --export-height=16
-inkscape favicon.svg --export-filename=apple-touch-icon.png --export-width=180 --export-height=180
+inkscape logo.svg --export-filename=favicon-32x32.png --export-width=32 --export-height=32
+inkscape logo.svg --export-filename=favicon-16x16.png --export-width=16 --export-height=16
+inkscape logo.svg --export-filename=apple-touch-icon.png --export-width=180 --export-height=180
 ```
 
 ## 图标说明

index.html

@@ -49,7 +49,7 @@
       property="og:description"
       content="Galgame 资源聚合搜索引擎，支持多站点搜索、游戏信息查询、补丁下载。一站式搜索体验，快速找到你想要的 Galgame 资源。"
     />
-    <meta property="og:image" content="https://searchgal.homes/og-image.png" />
+    <meta property="og:image" content="https://searchgal.homes/logo.svg" />
     <meta property="og:image:width" content="1200" />
     <meta property="og:image:height" content="630" />
     <meta property="og:locale" content="zh_CN" />
@@ -65,14 +65,14 @@
     />
     <meta
       property="twitter:image"
-      content="https://searchgal.homes/og-image.png"
+      content="https://searchgal.homes/logo.svg"
     />
 
     <!-- Favicon -->
-    <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
-    <link rel="alternate icon" type="image/png" sizes="32x32" href="/favicon-32x32.png" />
-    <link rel="alternate icon" type="image/png" sizes="16x16" href="/favicon-16x16.png" />
-    <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />
+    <link rel="icon" type="image/svg+xml" href="/logo.svg" />
+    <link rel="alternate icon" type="image/png" sizes="32x32" href="/logo.svg" />
+    <link rel="alternate icon" type="image/png" sizes="16x16" href="/logo.svg" />
+    <link rel="apple-touch-icon" sizes="180x180" href="/logo.svg" />
     
     <!-- PWA Manifest -->
     <link rel="manifest" href="/manifest.json" />

public/browserconfig.xml

@@ -2,8 +2,8 @@
 <browserconfig>
   <msapplication>
     <tile>
-      <square150x150logo src="/favicon-150x150.png"/>
-      <square310x310logo src="/favicon-310x310.png"/>
+      <square150x150logo src="/logo.svg"/>
+      <square310x310logo src="/logo.svg"/>
       <TileColor>#ff1493</TileColor>
     </tile>
   </msapplication>

public/favicon.svg

@@ -1,10 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512">
-  <defs>
-    <linearGradient id="gamepadGradient" x1="0%" y1="0%" x2="100%" y2="100%">
-      <stop offset="0%" style="stop-color:#ec4899;stop-opacity:1" />
-      <stop offset="100%" style="stop-color:#8b5cf6;stop-opacity:1" />
-    </linearGradient>
-  </defs>
-  <path fill="url(#gamepadGradient)" d="M192 64C86 64 0 150 0 256S86 448 192 448l256 0c106 0 192-86 192-192s-86-192-192-192L192 64zM496 168a40 40 0 1 1 0 80 40 40 0 1 1 0-80zM392 304a40 40 0 1 1 80 0 40 40 0 1 1 -80 0zM168 200c0-13.3 10.7-24 24-24s24 10.7 24 24l0 32 32 0c13.3 0 24 10.7 24 24s-10.7 24-24 24l-32 0 0 32c0 13.3-10.7 24-24 24s-24-10.7-24-24l0-32-32 0c-13.3 0-24-10.7-24-24s10.7-24 24-24l32 0 0-32z"/>
-</svg>
-

public/feed.xml

@@ -9,7 +9,7 @@
     <atom:link href="https://searchgal.homes/feed.xml" rel="self" type="application/rss+xml" />
     <generator>SearchGal Frontend</generator>
     <image>
-      <url>https://searchgal.homes/favicon.svg</url>
+      <url>https://searchgal.homes/logo.svg</url>
       <title>SearchGal</title>
       <link>https://searchgal.homes</link>
     </image>

public/logo.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-gamepad-directional-icon lucide-gamepad-directional"><path d="M11.146 15.854a1.207 1.207 0 0 1 1.708 0l1.56 1.56A2 2 0 0 1 15 18.828V21a1 1 0 0 1-1 1h-4a1 1 0 0 1-1-1v-2.172a2 2 0 0 1 .586-1.414z"/><path d="M18.828 15a2 2 0 0 1-1.414-.586l-1.56-1.56a1.207 1.207 0 0 1 0-1.708l1.56-1.56A2 2 0 0 1 18.828 9H21a1 1 0 0 1 1 1v4a1 1 0 0 1-1 1z"/><path d="M6.586 14.414A2 2 0 0 1 5.172 15H3a1 1 0 0 1-1-1v-4a1 1 0 0 1 1-1h2.172a2 2 0 0 1 1.414.586l1.56 1.56a1.207 1.207 0 0 1 0 1.708z"/><path d="M9 3a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v2.172a2 2 0 0 1-.586 1.414l-1.56 1.56a1.207 1.207 0 0 1-1.708 0l-1.56-1.56A2 2 0 0 1 9 5.172z"/></svg>

public/manifest.json

@@ -12,19 +12,19 @@
   "dir": "ltr",
   "icons": [
     {
-      "src": "/favicon.svg",
+      "src": "/logo.svg",
       "sizes": "any",
       "type": "image/svg+xml",
       "purpose": "any maskable"
     },
     {
-      "src": "/favicon-192x192.png",
+      "src": "/logo.svg",
       "sizes": "192x192",
       "type": "image/png",
       "purpose": "any"
     },
     {
-      "src": "/favicon-512x512.png",
+      "src": "/logo.svg",
       "sizes": "512x512",
       "type": "image/png",
       "purpose": "any"
@@ -33,13 +33,13 @@
   "categories": ["entertainment", "games", "utilities"],
   "screenshots": [
     {
-      "src": "/screenshot-desktop.png",
+      "src": "/logo.svg",
       "sizes": "1920x1080",
       "type": "image/png",
       "form_factor": "wide"
     },
     {
-      "src": "/screenshot-mobile.png",
+      "src": "/logo.svg",
       "sizes": "750x1334",
       "type": "image/png",
       "form_factor": "narrow"
@@ -53,7 +53,7 @@
       "url": "/?mode=game",
       "icons": [
         {
-          "src": "/favicon.svg",
+          "src": "/logo.svg",
           "sizes": "any"
         }
       ]
@@ -65,7 +65,7 @@
       "url": "/?mode=advanced",
       "icons": [
         {
-          "src": "/favicon.svg",
+          "src": "/logo.svg",
           "sizes": "any"
         }
       ]

public/sitemap.xml

@@ -10,7 +10,7 @@
     <changefreq>daily</changefreq>
     <priority>1.0</priority>
     <image:image>
-      <image:loc>https://searchgal.homes/og-image.png</image:loc>
+      <image:loc>https://searchgal.homes/logo.svg</image:loc>
       <image:title>SearchGal - Galgame 聚合搜索</image:title>
       <image:caption>Galgame 资源聚合搜索引擎</image:caption>
     </image:image>

public/sw.js

@@ -8,7 +8,7 @@ const CORE_ASSETS = [
   '/',
   '/index.html',
   '/manifest.json',
-  '/favicon.svg',
+  '/logo.svg',
 ];
 
 // 缓存策略配置