NotionNext/themes/simple/components/BlogArchiveItem.js

import { siteConfig } from '@/lib/config'
import Link from 'next/link'
import { checkContainHttp, sliceUrlFromHttp } from '@/lib/utils'

/**
 * 归档分组文章
 * @param {*} param0
 * @returns
 */
export default function BlogArchiveItem({ archiveTitle, archivePosts }) {
  return (
        <div key={archiveTitle}>
            <div id={archiveTitle} className="pt-16 pb-4 text-3xl dark:text-gray-300" >
                {archiveTitle}
            </div>

            <ul>
                {archivePosts[archiveTitle].map(post => {
                  const url = checkContainHttp(post.slug) ? sliceUrlFromHttp(post.slug) : `${siteConfig('SUB_PATH', '')}/${post.slug}`
                  return <li
                        key={post.id}
                        className="border-l-2 p-1 text-xs md:text-base items-center  hover:scale-x-105 hover:border-gray-500 dark:hover:border-gray-300 dark:border-gray-400 transform duration-500"
                    >
                        <div id={post?.publishDay}>
                            <span className="text-gray-400">
                                {post.date?.start_date}
                            </span>{' '}
                            &nbsp;
                            <Link
                                href={url}
                                passHref
                                className="dark:text-gray-400  dark:hover:text-gray-300 overflow-x-hidden hover:underline cursor-pointer text-gray-600">

                                {post.title}

                            </Link>
                        </div>
                    </li>
                })}
            </ul>
        </div>
  )
}