refactor: 根据页面路由动态配置网站图标

src/app.html

@@ -14,24 +14,6 @@
 			rel="stylesheet"
 		/>
 		<link href="https://fonts.googleapis.com/css?family=Fira+Code&display=swap" rel="stylesheet" />
-		<link rel="icon" href="%sveltekit.assets%/brand/green-echo/favicon.svg" type="image/svg+xml" />
-		<link
-			rel="icon"
-			type="image/png"
-			sizes="32x32"
-			href="%sveltekit.assets%/brand/green-echo/favicon-32.png"
-		/>
-		<link
-			rel="icon"
-			type="image/png"
-			sizes="16x16"
-			href="%sveltekit.assets%/brand/green-echo/favicon-16.png"
-		/>
-		<link
-			rel="apple-touch-icon"
-			sizes="48x48"
-			href="%sveltekit.assets%/brand/green-echo/favicon-48.png"
-		/>
 		%sveltekit.head%
 	</head>
 	<body data-sveltekit-preload-data="hover">

src/routes/+layout.svelte

@@ -49,6 +49,22 @@
 		>{$page.data.site?.title || 'BlogFlare'} - {$page.data.site?.description ||
 			'A Pure Cloudflare Blog'}</title
 	>
+	{#if !$page.url.pathname.startsWith('/admin')}
+		<link rel="icon" href={resolve('/brand/green-echo/favicon.svg')} type="image/svg+xml" />
+		<link
+			rel="icon"
+			type="image/png"
+			sizes="32x32"
+			href={resolve('/brand/green-echo/favicon-32.png')}
+		/>
+		<link
+			rel="icon"
+			type="image/png"
+			sizes="16x16"
+			href={resolve('/brand/green-echo/favicon-16.png')}
+		/>
+		<link rel="apple-touch-icon" sizes="48x48" href={resolve('/brand/green-echo/favicon-48.png')} />
+	{/if}
 	{#if $page.data.site?.web_analytics_token}
 		<script
 			defer

src/routes/admin/+layout.svelte

@@ -39,6 +39,7 @@
 
 <svelte:head>
 	<title>后台管理 - {$page.data.site?.title || 'BlogFlare'}</title>
+	<link rel="icon" href={resolve('/brand/green-echo/icon-black.svg')} type="image/svg+xml" />
 </svelte:head>
 
 <div class="admin-layout {isMobileSidebarOpen ? 'sidebar-open' : ''}">