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

bugfix:

Browse Source 
修复封面编译异常
This commit is contained in:
tangly1024
2021-12-16 15:00:40 +08:00
parent f48d519a53
commit f3c6af15bb
3 changed files with 5 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
components/ArticleDetail.js
View File

@@ -40,7 +40,6 @@ export default function ArticleDetail ({ post, blockMap, recommendPosts, prev, n
const url = BLOG.link + useRouter().asPath
const { locale } = useGlobal()
const date = formatDate(post?.date?.start_date || post.createdTime, BLOG.lang)
const cover = post.page_cover && post.page_cover.length > 1 ? post.page_cover : undefined
return (
<>
<Progress targetRef={targetRef} />
@@ -52,11 +51,11 @@ export default function ArticleDetail ({ post, blockMap, recommendPosts, prev, n
itemType="https://schema.org/Movie"
className="duration-300 hover:shadow-2xl pt-10 animate__fadeIn animate__animated subpixel-antialiased lg:pt-32 lg:px-52 px-5 py-2 dark:border-gray-700 bg-white dark:bg-gray-800"
>
{post.type && !post.type.includes('Page') && cover && (
{post.type && !post.type.includes('Page') && post?.page_cover && (
<>
<header className="w-full h-60 lg:h-96 transform duration-200 md:flex-shrink-0 overflow-hidden">
<Image
src={cover}
src={post?.page_cover}
loading="eager"
objectFit="cover"
layout="fill"

6
components/BlogPostCard.js
View File

@@ -7,8 +7,6 @@ import { faFolder } from '@fortawesome/free-solid-svg-icons'
import TagItemMini from './TagItemMini'
const BlogPostCard = ({ post, tags }) => {
const cover = (post.page_cover && post.page_cover.length > 1) ? post.page_cover : undefined
// const cover = undefined
return (
<div key={post.id} className='flex md:flex-row flex-col-reverse justify-between hover:shadow-2xl shadow-md mb-14 duration-300 rounded-xl
w-full lg:h-60 bg-white dark:bg-gray-800 dark:hover:bg-gray-700 dark:border-gray-600'>
@@ -41,10 +39,10 @@ const BlogPostCard = ({ post, tags }) => {
</div>
{cover && (
{post?.page_cover && (
<Link href={`${BLOG.path}/article/${post.slug}`} passHref>
<div className='h-60 w-full md:max-w-sm relative rounded-t-xl md:rounded-t-none md:rounded-r-xl md:h-full duration-200 cursor-pointer transform overflow-hidden'>
<Image className='hover:scale-105 transform duration-500 rounded-t-xl md:rounded-t-none md:rounded-r-xl' src={cover} alt={post.title} layout='fill' objectFit='cover' loading='lazy' />
<Image className='hover:scale-105 transform duration-500 rounded-t-xl md:rounded-t-none md:rounded-r-xl' src={post?.page_cover} alt={post.title} layout='fill' objectFit='cover' loading='lazy' />
</div>
</Link>
)}

2
lib/notion/getAllPosts.js
View File

@@ -32,7 +32,7 @@ export async function getAllPosts ({ notionPageData, from, includePage = false }
properties.createdTime = new Date(pageBlock[id].value?.created_time).toString()
properties.lastEditedTime = new Date(pageBlock[id].value?.last_edited_time).toString()
properties.fullWidth = pageBlock[id].value?.format?.page_full_width ?? false
properties.page_cover = getPostCover(id, pageBlock) ?? BLOG.defaultImgCover
properties.page_cover = getPostCover(id, pageBlock) ?? null
properties.content = pageBlock[id].value?.content ?? []
properties.tagItems = properties?.tags?.map(tag => {
return { name: tag, color: tagOptions.find(t => t.value === tag)?.color || 'gray' }