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

Merge pull request #93 from tangly1024/preview

Browse Source 
Hexo:lates组件字体
This commit is contained in:
tangly1024
2022-03-21 17:50:24 +08:00
committed by GitHub
parent 052dfdf02e e98db24cb7
commit f8eba8ae85
1 changed files with 30 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

42
themes/hexo/components/LatestPostsGroup.js
View File

@@ -18,9 +18,13 @@ const LatestPostsGroup = ({ posts }) => {
const currentPath = useRouter().asPath const currentPath = useRouter().asPath
const { locale } = useGlobal() const { locale } = useGlobal()
return <> return (
<div className='font-sans mb-2 px-1 flex flex-nowrap justify-between'> <>
<div><i className='mr-2 fas fas fa-history' />{locale.COMMON.LATEST_POSTS}</div> <div className="font-sans mb-2 px-1 flex flex-nowrap justify-between">
<div>
<i className="mr-2 fas fas fa-history" />
{locale.COMMON.LATEST_POSTS}
</div>
</div> </div>
{posts.map(post => { {posts.map(post => {
const selected = currentPath === `${BLOG.PATH}/article/${post.slug}` const selected = currentPath === `${BLOG.PATH}/article/${post.slug}`
@@ -29,20 +33,34 @@ const LatestPostsGroup = ({ posts }) => {
: `url("/${CONFIG_HEXO.HOME_BANNER_IMAGE}")` : `url("/${CONFIG_HEXO.HOME_BANNER_IMAGE}")`
return ( return (
<Link key={post.id} title={post.title} href={`${BLOG.PATH}/article/${post.slug}`} passHref> <Link
<a className={ 'my-1 flex '}> key={post.id}
<div className='w-20 h-16 bg-cover bg-center bg-no-repeat' style={{ backgroundImage: headerImage }}/> title={post.title}
<div className={ (selected ? ' text-blue-400 ' : 'dark:text-gray-400 ') + ' text-sm py-1.5 overflow-x-hidden hover:text-blue-400 px-2 duration-200 w-full rounded ' + href={`${BLOG.PATH}/article/${post.slug}`}
'hover:text-white dark:hover:text-white cursor-pointer items-center flex'}> passHref
<div> >
<div style={{ WebkitLineClamp: 2 }}>{post.title}</div> <a className={'my-1 flex font-sans'}>
<div className='text-gray-500'>{post.date?.start_date}</div> <div
</div> className="w-20 h-16 bg-cover bg-center bg-no-repeat"
style={{ backgroundImage: headerImage }}
/>
<div
className={
(selected ? ' text-blue-400 ' : 'dark:text-gray-400 ') +
' text-sm py-1.5 overflow-x-hidden hover:text-blue-400 px-2 duration-200 w-full rounded ' +
'hover:text-white dark:hover:text-white cursor-pointer items-center flex'
}
>
<div>
<div style={{ WebkitLineClamp: 2 }}>{post.title}</div>
<div className="text-gray-500">{post.date?.start_date}</div>
</div>
</div> </div>
</a> </a>
</Link> </Link>
) )
})} })}
</> </>
)
} }
export default LatestPostsGroup export default LatestPostsGroup