d0zingcat/NotionNext
1
0
Fork 0
mirror of https://github.com/d0zingcat/NotionNext.git synced 2026-06-07 07:26:46 +00:00
Code Issues Packages Projects Releases Wiki Activity

hexo card img height

Browse Source
This commit is contained in:
tangly1024.com
2023-04-11 11:40:40 +08:00
parent 4dbf141ee2
commit bccd15475c
2 changed files with 7 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
themes/hexo/components/BlogPostCard.js
View File

@@ -10,9 +10,10 @@ const BlogPostCard = ({ index, post, showSummary, siteInfo }) => {
if (post && !post.page_cover && CONFIG_HEXO.POST_LIST_COVER_DEFAULT) { if (post && !post.page_cover && CONFIG_HEXO.POST_LIST_COVER_DEFAULT) {
post.page_cover = siteInfo?.pageCover post.page_cover = siteInfo?.pageCover
} }
const showPageCover = CONFIG_HEXO.POST_LIST_COVER && post?.page_cover const showPageCover = CONFIG_HEXO.POST_LIST_COVER && post?.page_cover && !showPreview
const delay = (index % 2) * 200 const delay = (index % 2) * 200
console.log(showPageCover)
return ( return (
<div <div
@@ -26,17 +27,17 @@ const BlogPostCard = ({ index, post, showSummary, siteInfo }) => {
data-aos-anchor-placement="top-bottom" data-aos-anchor-placement="top-bottom"
id='blog-post-card' id='blog-post-card'
key={post.id} key={post.id}
className={`h-56 w-full flex justify-between md:flex-row flex-col-reverse ${CONFIG_HEXO.POST_LIST_IMG_CROSSOVER && index % 2 === 1 ? 'md:flex-row-reverse' : ''} className={`md:h-56 w-full flex justify-between md:flex-row flex-col-reverse ${CONFIG_HEXO.POST_LIST_IMG_CROSSOVER && index % 2 === 1 ? 'md:flex-row-reverse' : ''}
overflow-hidden border dark:border-black rounded-xl bg-white dark:bg-hexo-black-gray`}> overflow-hidden border dark:border-black rounded-xl bg-white dark:bg-hexo-black-gray`}>
{/* 文字内容 */} {/* 文字内容 */}
<BlogPostCardInfo index={index} post={post} showPageCover={showPageCover} showPreview={showPreview} showSummary={showSummary} /> <BlogPostCardInfo index={index} post={post} showPageCover={showPageCover} showPreview={showPreview} showSummary={showSummary} />
{/* 图片封面 */} {/* 图片封面 */}
{showPageCover && !showPreview && post?.page_cover && ( {showPageCover && (
<div className="h-auto md:w-5/12 overflow-hidden"> <div className="md:w-5/12 overflow-hidden">
<Link href={`${BLOG.SUB_PATH}/${post.slug}`} passHref legacyBehavior> <Link href={`${BLOG.SUB_PATH}/${post.slug}`} passHref legacyBehavior>
<div className='bg-center bg-cover md:h-full hover:scale-110 duration-200' style={{ backgroundImage: `url('${post?.page_cover}')` }} /> <div className='h-56 bg-center bg-cover hover:scale-110 duration-200' style={{ backgroundImage: `url('${post?.page_cover}')` }} />
</Link> </Link>
</div> </div>
)} )}

2
themes/hexo/config_hexo.js
View File

@@ -17,7 +17,7 @@ const CONFIG_HEXO = {
POST_LIST_COVER_DEFAULT: true, // 封面为空时用站点背景做默认封面 POST_LIST_COVER_DEFAULT: true, // 封面为空时用站点背景做默认封面
POST_LIST_SUMMARY: true, // 文章摘要 POST_LIST_SUMMARY: true, // 文章摘要
POST_LIST_PREVIEW: true, // 读取文章预览 POST_LIST_PREVIEW: false, // 读取文章预览
POST_LIST_IMG_CROSSOVER: true, // 博客列表图片左右交错 POST_LIST_IMG_CROSSOVER: true, // 博客列表图片左右交错
ARTICLE_ADJACENT: true, // 显示上一篇下一篇文章推荐 ARTICLE_ADJACENT: true, // 显示上一篇下一篇文章推荐