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

移除冗余的slug转换函数

Browse Source
This commit is contained in:
tangly1024.com
2024-05-08 15:47:36 +08:00
parent fd3bc28216
commit 65eff434ec
41 changed files with 1076 additions and 1046 deletions
Download Patch File Download Diff File Expand all files Collapse all files

55
themes/nav/components/BlogPostCard.js
View File

@@ -1,26 +1,49 @@
import Link from 'next/link'
import NotionIcon from './NotionIcon'
import { useRouter } from 'next/router'
import { siteConfig } from '@/lib/config'
import { checkContainHttp, sliceUrlFromHttp } from '@/lib/utils'
import { checkContainHttp } from '@/lib/utils'
import Link from 'next/link'
import { useRouter } from 'next/router'
import NotionIcon from './NotionIcon'
/**
* 博客卡牌
* @param {*} param0
* @returns
*/
const BlogPostCard = ({ post, className }) => {
const router = useRouter()
const currentSelected = router.asPath.split('?')[0] === '/' + post.slug
let pageIcon = post.pageIcon !== '' ? post.pageIcon : siteConfig('IMG_LAZY_LOAD_PLACEHOLDER')
pageIcon = post.pageIcon.indexOf('amazonaws.com') !== -1 ? post.pageIcon + '&width=88' : post.pageIcon
const url = checkContainHttp(post.slug) ? sliceUrlFromHttp(post.slug) : `${siteConfig('SUB_PATH', '')}/${post.slug}`
let pageIcon =
post.pageIcon !== ''
? post.pageIcon
: siteConfig('IMG_LAZY_LOAD_PLACEHOLDER')
pageIcon =
post.pageIcon.indexOf('amazonaws.com') !== -1
? post.pageIcon + '&width=88'
: post.pageIcon
return (
<Link href={`${url}`} target={(checkContainHttp(post.slug) ? '_blank' : '_self')} passHref>
<div key={post.id} className={`${className} h-full rounded-2xl p-4 dark:bg-neutral-800 cursor-pointer bg-white hover:bg-white dark:hover:bg-gray-800 ${currentSelected ? 'bg-green-50 text-green-500' : ''}`}>
<div className="stack-entry w-full flex space-x-3 select-none dark:text-neutral-200">
{siteConfig('POST_TITLE_ICON') && <NotionIcon icon={pageIcon} size='10' className='text-6xl w-11 h-11 mx-1 my-0 flex-none' />}
<div className="stack-comment flex-auto">
<p className="title font-bold">{post.title}</p>
<p className="description font-normal">{post.summary ? post.summary : '暂无简介'}</p>
</div>
</div>
<Link
href={post?.href}
target={checkContainHttp(post.slug) ? '_blank' : '_self'}
passHref>
<div
key={post.id}
className={`${className} h-full rounded-2xl p-4 dark:bg-neutral-800 cursor-pointer bg-white hover:bg-white dark:hover:bg-gray-800 ${currentSelected ? 'bg-green-50 text-green-500' : ''}`}>
<div className='stack-entry w-full flex space-x-3 select-none dark:text-neutral-200'>
{siteConfig('POST_TITLE_ICON') && (
<NotionIcon
icon={pageIcon}
size='10'
className='text-6xl w-11 h-11 mx-1 my-0 flex-none'
/>
)}
<div className='stack-comment flex-auto'>
<p className='title font-bold'>{post.title}</p>
<p className='description font-normal'>
{post.summary ? post.summary : '暂无简介'}
</p>
</div>
</div>
</div>
</Link>
)
}