diff --git a/src/blog/components/ArticleCards/ArticleCardSize4.tsx b/src/blog/components/ArticleCards/ArticleCardSize4.tsx
index a2cb50d..0486d35 100644
--- a/src/blog/components/ArticleCards/ArticleCardSize4.tsx
+++ b/src/blog/components/ArticleCards/ArticleCardSize4.tsx
@@ -25,7 +25,11 @@ export default function ArticleCardSize4({
       <CardMedia
         component="img"
         alt="green iguana"
-        image={article.img}
+        image={(
+          import.meta.env.VITE_API_BASE_URL.replace(/\/+$/, "") +
+          "/" +
+          (article.img?.replace(/^\/+/, "") || "")
+        )}
         sx={{
           height: { sm: 'auto', md: '50%' },
           aspectRatio: { sm: '16 / 9', md: '' },
diff --git a/src/blog/components/ArticleCards/ArticleCardSize6.tsx b/src/blog/components/ArticleCards/ArticleCardSize6.tsx
index 7330806..b5c661f 100644
--- a/src/blog/components/ArticleCards/ArticleCardSize6.tsx
+++ b/src/blog/components/ArticleCards/ArticleCardSize6.tsx
@@ -25,7 +25,11 @@ export default function ArticleCardSize6({
       <CardMedia
         component="img"
         alt={article.title}
-        image={article.img}
+        image={(
+          import.meta.env.VITE_API_BASE_URL.replace(/\/+$/, "") +
+          "/" +
+          (article.img?.replace(/^\/+/, "") || "")
+        )}
         sx={{
           aspectRatio: '16 / 9',
           borderBottom: '1px solid',
diff --git a/src/blog/components/ArticleMeta.tsx b/src/blog/components/ArticleMeta.tsx
index 1454650..a98c0f3 100644
--- a/src/blog/components/ArticleMeta.tsx
+++ b/src/blog/components/ArticleMeta.tsx
@@ -30,12 +30,11 @@ export function ArticleMeta({
             <Avatar
               key={index}
               alt={author.name}
-              src={
-                (import.meta.env.VITE_API_BASE_URL.replace(/\/+$/, "") +
-                  "/" +
-                  (author.avatar?.replace(/^\/+/, "") || "")
-                )
-              }
+              src={(
+                import.meta.env.VITE_API_BASE_URL.replace(/\/+$/, "") +
+                "/" +
+                (author.avatar?.replace(/^\/+/, "") || "")
+              )}
               sx={{ width: 24, height: 24 }}
             />
           ))}
diff --git a/src/blog/components/Latest.tsx b/src/blog/components/Latest.tsx
index 8009172..4fbafc0 100644
--- a/src/blog/components/Latest.tsx
+++ b/src/blog/components/Latest.tsx
@@ -75,7 +75,11 @@ function Author({ authors }: { authors: { name: string; avatar: string }[] }) {
             <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 }}
             />
           ))}