feature:

试一下图片API

components/InfoCard.js

@@ -5,7 +5,7 @@ import React from 'react'
 
 const InfoCard = ({ postCount }) => {
   return <>
-    <div className='flex flex-col items-center justify-center cursor-pointer' onClick={ () => { Router.push('/') }}>
+    <div className='flex flex-col items-center justify-center cursor-pointer py-6' onClick={ () => { Router.push('/') }}>
         <div className='hover:rotate-45 hover:scale-125 transform duration-200'>
           <Image
           alt={BLOG.title}
@@ -13,7 +13,7 @@ const InfoCard = ({ postCount }) => {
           height={120}
           loading='lazy'
           src='/avatar.jpg'
-          className='rounded-full border-black'
+          className='rounded-full'
         />
         </div>
         <div className='text-3xl font-serif dark:text-white py-2 hover:scale-105 transform duration-200'>{BLOG.title}</div>