From 2ce88eef04c5dc7aa0009fccd2920f74e75c394f Mon Sep 17 00:00:00 2001
From: tangly1024 <tlyong1992@hotmail.com>
Date: Tue, 11 Jan 2022 16:47:56 +0800
Subject: [PATCH] =?UTF-8?q?=E9=A2=84=E8=A7=88=E6=96=87=E7=AB=A0=E6=BA=A2?=
 =?UTF-8?q?=E5=87=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/BlogPostCard.js | 33 +++++++++++++++++----------------
 pages/index.js             |  1 -
 pages/page/[page].js       |  1 -
 3 files changed, 17 insertions(+), 18 deletions(-)

diff --git a/components/BlogPostCard.js b/components/BlogPostCard.js
index 785dcd18..cbe94dbd 100644
--- a/components/BlogPostCard.js
+++ b/components/BlogPostCard.js
@@ -43,27 +43,28 @@ const BlogPostCard = ({ post, showSummary }) => {
           {post.summary}
         </p>}
 
-        {showPreview && post?.blockMap && <div className='max-h-screen overflow-hidden truncate max-w-full'>
+        {showPreview && post?.blockMap && <div className='max-h-screen overflow-ellipsis truncate max-w-full'>
           <NotionRenderer
-                  recordMap={post.blockMap}
-                  mapPageUrl={mapPageUrl}
-                  components={{
-                    equation: Equation,
-                    code: Code,
-                    collectionRow: CollectionRow,
-                    collection: Collection
-                  }}
-                />
+            bodyClassName='max-h-full'
+            recordMap={post.blockMap}
+            mapPageUrl={mapPageUrl}
+            components={{
+              equation: Equation,
+              code: Code,
+              collectionRow: CollectionRow,
+              collection: Collection
+            }}
+          />
         </div> }
 
         <div className='border-b-2 w-full border-dashed py-2'></div>
 
-        <Link href={`${BLOG.path}/article/${post.slug}`} passHref>
-          <div className='flex items-center cursor-pointer pt-6 justify-end leading-tight'>
-            <a className='bg-black p-2 text-white'>{locale.COMMON.ARTICLE_DETAIL}
-             <FontAwesomeIcon icon={faAngleDoubleRight} /></a>
-          </div>
-        </Link>
+        <div className='flex items-center  pt-6 justify-end leading-tight'>
+          <Link href={`${BLOG.path}/article/${post.slug}`} passHref>
+              <a className='bg-black p-2 text-white cursor-pointer'>{locale.COMMON.ARTICLE_DETAIL}
+                <FontAwesomeIcon icon={faAngleDoubleRight} /></a>
+          </Link>
+        </div>
       </div>
 
       {BLOG.home?.showPostCover && post?.page_cover && (
diff --git a/pages/index.js b/pages/index.js
index 080cc3c5..f48253dd 100644
--- a/pages/index.js
+++ b/pages/index.js
@@ -33,7 +33,6 @@ export async function getStaticProps () {
         post.blockMap = blockMap
       }
     }
-    console.log('加载文章预览完成')
   }
 
   return {
diff --git a/pages/page/[page].js b/pages/page/[page].js
index ac2fe86a..ccf23bc8 100644
--- a/pages/page/[page].js
+++ b/pages/page/[page].js
@@ -59,7 +59,6 @@ export async function getStaticProps ({ params: { page } }) {
       post.blockMap = blockMap
     }
   }
-  console.log('加载文章预览完成')
 
   return {
     props: {