From f695e98e0cc87d366c8237b0bb2b70c71999913b Mon Sep 17 00:00:00 2001
From: tangly1024 <tlyong1992@hotmail.com>
Date: Fri, 3 Dec 2021 15:20:00 +0800
Subject: [PATCH] =?UTF-8?q?feature:=20=E6=96=87=E7=AB=A0=E5=8D=A1=E7=89=8C?=
 =?UTF-8?q?=E5=9B=BE=E7=89=87=E5=8A=A0=E5=85=A5=E8=B7=B3=E8=BD=AC=E9=93=BE?=
 =?UTF-8?q?=E6=8E=A5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/BlogPostCard.js | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/components/BlogPostCard.js b/components/BlogPostCard.js
index ae6519e2..43c238c6 100644
--- a/components/BlogPostCard.js
+++ b/components/BlogPostCard.js
@@ -10,9 +10,11 @@ const BlogPostCard = ({ post, tags }) => {
   return (
     <div key={post.id} className='md:grid md:grid-cols-5 animate__animated animate__fadeIn animate__faster shadow-lg rounded border dark:border-gray-600 mb-6
      w-full bg-white dark:bg-gray-800 dark:hover:bg-gray-700'>
-      <div className='w-full h-60 cursor-pointer transform col-span-2 border-r border-dashed'>
-        <Image src={(post.page_cover && post.page_cover.length > 1) ? post.page_cover : BLOG.defaultImgCover} alt={post.title} layout='fill' objectFit='cover' loading='lazy' />
-      </div>
+      <Link href={`${BLOG.path}/article/${post.slug}`} passHref>
+        <div className='w-full h-60 hover:scale-105 duration-200 cursor-pointer transform col-span-2 border-r border-dashed'>
+          <Image src={(post.page_cover && post.page_cover.length > 1) ? post.page_cover : BLOG.defaultImgCover} alt={post.title} layout='fill' objectFit='cover' loading='lazy' />
+        </div>
+      </Link>
 
       <div className='px-4 py-4 col-span-3'>
         <div>