diff --git a/src/data/blog/how-to-configure-astropaper-theme.md b/src/data/blog/how-to-configure-astropaper-theme.md
index 4160d2b..9739fa3 100644
--- a/src/data/blog/how-to-configure-astropaper-theme.md
+++ b/src/data/blog/how-to-configure-astropaper-theme.md
@@ -142,12 +142,13 @@ If your logo is an image but not SVG, you can use Astro's Image component.
 
 - Then, replace `{SITE.title}` with imported logo.
 
+  <!-- prettier-ignore -->
   ```html
   <a
     href="/"
     class="absolute py-1 text-left text-2xl leading-7 font-semibold whitespace-nowrap sm:static"
   >
-    <image src="{dummyLogo}" alt="Dummy Blog" class="dark:invert" />
+    <Image src="{dummyLogo}" alt="Dummy Blog" class="dark:invert" />
     <!-- {SITE.title} -->
   </a>
   ```