NotionNext/themes/magzine/components/ArticleInfo.js

import LazyImage from '@/components/LazyImage'
import NotionIcon from '@/components/NotionIcon'
import { siteConfig } from '@/lib/config'
import Link from 'next/link'

/**
 * 文章详情页介绍
 * @param {*} props
 * @returns
 */
export default function ArticleInfo(props) {
  const { post, siteInfo } = props

  return (
    <>
      {/* title */}
      <h1 className='text-3xl pt-12  dark:text-gray-300'>
        {siteConfig('POST_TITLE_ICON') && <NotionIcon icon={post?.pageIcon} />}
        {post?.title}
      </h1>

      {/* meta */}
      <section className='py-2 items-center text-sm  px-1'>
        <div className='flex flex-wrap text-gray-500 py-1 dark:text-gray-600'>
          <span className='whitespace-nowrap'>
            {' '}
            <i className='far fa-calendar mr-2' />
            {post?.publishDay}
          </span>
          <span className='mx-1'>|</span>
          <span className='whitespace-nowrap mr-2'>
            <i className='far fa-calendar-check mr-2' />
            {post?.lastEditedDay}
          </span>
          <div className='hidden busuanzi_container_page_pv font-light mr-2 whitespace-nowrap'>
            <i className='mr-1 fas fa-eye' />
            <span className='busuanzi_value_page_pv' />
          </div>
        </div>
        <Link href='/about' passHref legacyBehavior>
          <div className='flex pt-2'>
            <LazyImage
              src={siteInfo?.icon}
              className='rounded-full cursor-pointer'
              width={22}
              alt={siteConfig('AUTHOR')}
            />

            <div className='mr-3 ml-2 my-auto text-gray-500 cursor-pointer'>
              {siteConfig('AUTHOR')}
            </div>
          </div>
        </Link>
      </section>
    </>
  )
}