From c76ebe04e32b15790cff03d12fec0c0407132ede Mon Sep 17 00:00:00 2001
From: richarjiang <richarjiang@tencent.com>
Date: Fri, 13 Mar 2026 20:16:41 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E6=B7=BB=E5=8A=A0=E9=BE=99=E8=99=BE=20?=
 =?UTF-8?q?favicon=20=E5=B9=B6=E4=BF=AE=E5=A4=8D=20middleware=20=E8=B7=AF?=
 =?UTF-8?q?=E7=94=B1=E6=8B=A6=E6=88=AA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 创建 lib/constants/theme.ts 统一管理颜色和品牌常量
- 重构 icon.tsx 和 apple-icon.tsx 使用共享常量
- 修复 middleware matcher 排除 icon/apple-icon 路由
---
 app/apple-icon.tsx     |  7 ++++---
 app/icon.tsx           |  7 ++++---
 lib/constants/index.ts |  1 +
 lib/constants/theme.ts | 10 ++++++++++
 middleware.ts          |  2 +-
 5 files changed, 20 insertions(+), 7 deletions(-)
 create mode 100644 lib/constants/index.ts
 create mode 100644 lib/constants/theme.ts

diff --git a/app/apple-icon.tsx b/app/apple-icon.tsx
index c91e3b3..cb56bd9 100644
--- a/app/apple-icon.tsx
+++ b/app/apple-icon.tsx
@@ -1,4 +1,5 @@
 import { ImageResponse } from "next/og";
+import { COLORS, BRAND } from "@/lib/constants";
 
 export const size = { width: 180, height: 180 };
 export const contentType = "image/png";
@@ -13,14 +14,14 @@ export default function AppleIcon() {
           display: "flex",
           alignItems: "center",
           justifyContent: "center",
-          background: "linear-gradient(135deg, #0a0e1a 0%, #111827 100%)",
+          background: `linear-gradient(135deg, ${COLORS.bgPrimary} 0%, ${COLORS.bgSecondary} 100%)`,
           borderRadius: "40px",
           fontSize: 120,
         }}
       >
-        🦞
+        {BRAND.emoji}
       </div>
     ),
-    { ...size }
+    size
   );
 }
diff --git a/app/icon.tsx b/app/icon.tsx
index 98d9b68..115fbe2 100644
--- a/app/icon.tsx
+++ b/app/icon.tsx
@@ -1,4 +1,5 @@
 import { ImageResponse } from "next/og";
+import { COLORS, BRAND } from "@/lib/constants";
 
 export const size = { width: 64, height: 64 };
 export const contentType = "image/png";
@@ -13,14 +14,14 @@ export default function Icon() {
           display: "flex",
           alignItems: "center",
           justifyContent: "center",
-          background: "#0a0e1a",
+          background: COLORS.bgPrimary,
           borderRadius: "14px",
           fontSize: 44,
         }}
       >
-        🦞
+        {BRAND.emoji}
       </div>
     ),
-    { ...size }
+    size
   );
 }
diff --git a/lib/constants/index.ts b/lib/constants/index.ts
new file mode 100644
index 0000000..3797aea
--- /dev/null
+++ b/lib/constants/index.ts
@@ -0,0 +1 @@
+export * from "./theme";
diff --git a/lib/constants/theme.ts b/lib/constants/theme.ts
new file mode 100644
index 0000000..6f38b33
--- /dev/null
+++ b/lib/constants/theme.ts
@@ -0,0 +1,10 @@
+// Theme constants shared across app (including ImageResponse which cannot use CSS variables)
+
+export const COLORS = {
+  bgPrimary: "#0a0e1a",
+  bgSecondary: "#111827",
+} as const;
+
+export const BRAND = {
+  emoji: "🦞",
+} as const;
diff --git a/middleware.ts b/middleware.ts
index fcf488a..07352c4 100644
--- a/middleware.ts
+++ b/middleware.ts
@@ -4,5 +4,5 @@ import { routing } from "./i18n/routing";
 export default createMiddleware(routing);
 
 export const config = {
-  matcher: ["/((?!api|_next|_vercel|.*\\..*).*)"],
+  matcher: ["/((?!api|_next|_vercel|icon|apple-icon|.*\\..*).*)"],
 };