From a878b526b85e9da31f1955a569d26d11d0dcf9f2 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E8=94=A1=E6=B5=A9=E6=B6=B5?=
 <caihaohan@caihaohandeMacBook-Air.local>
Date: Sun, 11 Jan 2026 15:51:16 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E9=99=90=E5=88=B6=20Markdown=20?=
 =?UTF-8?q?=E5=86=85=E5=AE=B9=E4=B8=AD=E5=9B=BE=E7=89=87=E7=9A=84=E6=98=BE?=
 =?UTF-8?q?=E7=A4=BA=E5=A4=A7=E5=B0=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

用容器包裹图片并设置最大宽度为 max-w-md (448px)，避免超大图片影响页面阅读体验。
---
 src/components/project/MarkdownContent.tsx | 20 ++++++++++++--------
 1 file changed, 12 insertions(+), 8 deletions(-)

diff --git a/src/components/project/MarkdownContent.tsx b/src/components/project/MarkdownContent.tsx
index 9ca261a..0d5b7ac 100644
--- a/src/components/project/MarkdownContent.tsx
+++ b/src/components/project/MarkdownContent.tsx
@@ -214,15 +214,19 @@ const components: Components = {
     </a>
   ),
 
-  // Images
+  // Images - wrapped in container for size control
   img: ({ src, alt, ...props }) => (
-    <img
-      src={src}
-      alt={alt}
-      className="rounded-lg border border-gray-300 dark:border-gray-600 my-4 max-w-full h-auto"
-      loading="lazy"
-      {...props}
-    />
+    <div className="my-4 flex justify-center">
+      <div className="max-w-md w-full">
+        <img
+          src={src}
+          alt={alt}
+          className="rounded-lg border border-gray-300 dark:border-gray-600 w-full h-auto object-contain"
+          loading="lazy"
+          {...props}
+        />
+      </div>
+    </div>
   ),
 
   // Horizontal rule