From 06852ad99ec5ecf32cc2a77be287b2dc4c361472 Mon Sep 17 00:00:00 2001
From: "tangly1024.com" <tlyong1992@hotmail.com>
Date: Tue, 14 Mar 2023 15:40:21 +0800
Subject: [PATCH] blog-card-height

---
 themes/hexo/components/BlogPostCard.js     | 13 +-------
 themes/hexo/components/BlogPostCardInfo.js | 39 ++++++++++++++++------
 2 files changed, 30 insertions(+), 22 deletions(-)

diff --git a/themes/hexo/components/BlogPostCard.js b/themes/hexo/components/BlogPostCard.js
index 1d1ed14e..1f02e323 100644
--- a/themes/hexo/components/BlogPostCard.js
+++ b/themes/hexo/components/BlogPostCard.js
@@ -11,7 +11,6 @@ const BlogPostCard = ({ index, post, showSummary, siteInfo }) => {
     post.page_cover = siteInfo?.pageCover
   }
   const showPageCover = CONFIG_HEXO.POST_LIST_COVER && post?.page_cover
-  const delay = (index % 2) * 200
 
   return (
     <div
@@ -21,17 +20,7 @@ const BlogPostCard = ({ index, post, showSummary, siteInfo }) => {
         border dark:border-black rounded-xl bg-white dark:bg-hexo-black-gray`}>
 
         {/* 文字内容 */}
-        <div
-            data-aos="fade-up"
-            data-aos-duration="200"
-            data-aos-delay={delay}
-            data-aos-once="true"
-            data-aos-anchor-placement="top-bottom"
-            className={`flex flex-col justify-start lg:p-6 p-4 md:max-h-60 ${showPageCover ? 'md:w-7/12 w-full ' : 'w-full'}`}>
-
-            <BlogPostCardInfo post={post} showPreview={showPreview} showSummary={showSummary}/>
-
-        </div>
+        <BlogPostCardInfo index={index} post={post} showPageCover={showPageCover} showPreview={showPreview} showSummary={showSummary}/>
 
          {/* 图片封面 */}
         {showPageCover && !showPreview && post?.page_cover && (
diff --git a/themes/hexo/components/BlogPostCardInfo.js b/themes/hexo/components/BlogPostCardInfo.js
index 8c99dc93..68dc911d 100644
--- a/themes/hexo/components/BlogPostCardInfo.js
+++ b/themes/hexo/components/BlogPostCardInfo.js
@@ -3,10 +3,25 @@ import NotionPage from '@/components/NotionPage'
 import Link from 'next/link'
 import TagItemMini from './TagItemMini'
 
-export const BlogPostCardInfo = ({ post, showPreview, showSummary }) => {
-  return <>
-        {/* 标题 */}
-        <Link
+/**
+ * 博客列表的文字内容
+ * @param {*} param0
+ * @returns
+ */
+export const BlogPostCardInfo = ({ index, post, showPreview, showPageCover, showSummary }) => {
+  const delay = (index % 2) * 200
+
+  return <div
+            data-aos="fade-up"
+            data-aos-duration="200"
+            data-aos-delay={delay}
+            data-aos-once="true"
+            data-aos-anchor-placement="top-bottom"
+            className={`h-56 flex flex-col justify-between lg:p-6 p-4 md:max-h-60 ${showPageCover ? 'md:w-7/12 w-full ' : 'w-full'}`}>
+       <div>
+
+         {/* 标题 */}
+         <Link
             href={`${BLOG.SUB_PATH}/${post.slug}`}
             passHref
             className={`replace cursor-pointer hover:underline text-2xl ${showPreview ? 'text-center' : ''
@@ -32,13 +47,13 @@ export const BlogPostCardInfo = ({ post, showPreview, showSummary }) => {
             </Link>
         </div>
 
-        {/* 摘要 */}
-        {(!showPreview || showSummary) && !post.results && (
+          {/* 摘要 */}
+          {(!showPreview || showSummary) && !post.results && (
             <p style={{ overflow: 'hidden', textOverflow: 'ellipsis', display: '-webkit-box', WebkitLineClamp: '3', WebkitBoxOrient: 'vertical' }}
                 className="replace my-3 text-gray-700  dark:text-gray-300 text-sm font-light leading-7">
                 {post.summary}
             </p>
-        )}
+          )}
 
         {/* 搜索结果 */}
         {post.results && (
@@ -55,8 +70,11 @@ export const BlogPostCardInfo = ({ post, showPreview, showSummary }) => {
             </div>
         )}
 
-        {/* 分类标签 */}
-        <div className="text-gray-400 justify-between flex">
+       </div>
+
+       <div>
+         {/* 分类标签 */}
+         <div className="text-gray-400 justify-between flex">
             <Link
                 href={`/category/${post.category}`}
                 passHref
@@ -75,5 +93,6 @@ export const BlogPostCardInfo = ({ post, showPreview, showSummary }) => {
                 </div>
             </div>
         </div>
-    </>
+       </div>
+       </div>
 }