diff --git a/src/blog/components/ArticleMeta.tsx b/src/blog/components/ArticleMeta.tsx
index a37ee04..1454650 100644
--- a/src/blog/components/ArticleMeta.tsx
+++ b/src/blog/components/ArticleMeta.tsx
@@ -30,7 +30,12 @@ export function ArticleMeta({
             <Avatar
               key={index}
               alt={author.name}
-              src={author.avatar}
+              src={
+                (import.meta.env.VITE_API_BASE_URL.replace(/\/+$/, "") +
+                  "/" +
+                  (author.avatar?.replace(/^\/+/, "") || "")
+                )
+              }
               sx={{ width: 24, height: 24 }}
             />
           ))}
diff --git a/src/blog/components/Profile.tsx b/src/blog/components/Profile.tsx
index 6b91a54..b2ee269 100644
--- a/src/blog/components/Profile.tsx
+++ b/src/blog/components/Profile.tsx
@@ -122,7 +122,12 @@ export default function Profile({ onBack }: ProfileProps) {
 
       <Box sx={{ display: 'flex', alignItems: 'center', gap: 2, mb: 3 }}>
         <Avatar
-          src={formData.avatar}
+          src={
+            (import.meta.env.VITE_API_BASE_URL.replace(/\/+$/, "") +
+              "/" +
+              (formData.avatar?.replace(/^\/+/, "") || "")
+            )
+          }
           alt={formData.name || formData.username}
           sx={{ width: 64, height: 64 }}
         />