From 9110fe277b1b1e50a011def49ba8e905d2bbc6f2 Mon Sep 17 00:00:00 2001
From: tangly1024 <mail@tangly1024.com>
Date: Fri, 17 Mar 2023 23:45:50 +0800
Subject: [PATCH] hexo-card-two-line

---
 styles/notion.css                          | 7 +++++++
 themes/hexo/components/BlogPostCardInfo.js | 3 +--
 2 files changed, 8 insertions(+), 2 deletions(-)

diff --git a/styles/notion.css b/styles/notion.css
index 8b2b19ef..ee915f41 100644
--- a/styles/notion.css
+++ b/styles/notion.css
@@ -2010,4 +2010,11 @@ code.language-mermaid {
 
 .notion-equation-inline .katex-display {
   margin: 0 0 !important;
+}
+
+.two-line-clamp {
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 2;
+  overflow: hidden;
 }
\ No newline at end of file
diff --git a/themes/hexo/components/BlogPostCardInfo.js b/themes/hexo/components/BlogPostCardInfo.js
index 7355bac8..cc210e08 100644
--- a/themes/hexo/components/BlogPostCardInfo.js
+++ b/themes/hexo/components/BlogPostCardInfo.js
@@ -41,8 +41,7 @@ export const BlogPostCardInfo = ({ post, showPreview, showPageCover, showSummary
 
           {/* 摘要 */}
           {(!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">
+            <p className="two-line-clamp replace my-3 text-gray-700  dark:text-gray-300 text-sm font-light leading-7">
                 {post.summary}
             </p>
           )}