Heo 主题左右相邻帖子封面和标题高度不一致, 视觉不协调, 建议回退 BlogPostCard.js 中的配置

[Daleveral]

为什么提出这个新的特性改动

在 #2726 合并的代码中, laogou717 在 BlogPostCard.js 中将 "封面的高度样式从固定的 h-60 更改为 h-full，这样封面图可以在卡片中自适应显示" . 这个改动导致了 Heo 主题下相邻的左右帖子封面高度不一致, 一高一低明显错位. 而且还会积压下面的文字, 使得标题也不在同一高度, 引起了视觉上的不协调. 如下图 :

描述一下你推荐的解决方案

取消 laogou717 在 BlogPostCard.js 中第 51 行处的改动, 把 h-full 改回 h-60. 即回退成原本的 className='h-60 w-full object-cover group-hover:scale-105 group-hover:brightness-75 transition-all duration-300'

这样封面和标题都能在同一高度对齐 :

描述一下你考虑过的其它替代解决方案

laogou717 的本意是好的, 但他忽略了封面高度与标题无法对齐的问题

补充说明

无

[Jiaheliu137]

这是我的解决方法：
制作封面的时候用1920*1080的画布，但是记住构图区域是中间的1920×852.7的范围,发布的时候标题的空白范围刚好是两行