补充图片 densities

src/components/BlogCard.astro

@@ -28,6 +28,7 @@ const formatDate = (date: Date) => `${date.getFullYear()} 年 ${date.getMonth()
         src={featureImage}
         width={640}
         height={360}
+        densities={[1.5, 2]}
         alt="博文的头图"
       />
     )
@@ -41,6 +42,7 @@ const formatDate = (date: Date) => `${date.getFullYear()} 年 ${date.getMonth()
         alt=`用户 ${author.name} 的头像`
         width={24}
         height={24}
+        densities={[1.5, 2]}
       />
       <span class="content">{author.name}</span>
     </div>}

src/pages/blogs.astro

@@ -23,8 +23,9 @@ const blogs = await listBlogs({ page, limit: 100 })
         class="image"
         src={BlogHeaderImage}
         alt="博客列表的头图，一个悬挂在空中的 LCD1602，上面写着一些示例文本"
-        width={1280}
-        height={720}
+        width={960}
+        height={540}
+        densities={[1.5, 2]}
       />
       <div class="description">
         <h1>博客列表</h1>