themes/next/components/BlogAround.js

import Link from 'next/link'

/**
 * 上一篇，下一篇文章
 * @param {prev,next} param0
 * @returns
 */
export default function BlogAround ({ prev, next }) {
  if (!prev || !next) {
    return <></>
  }
  return (
    <section className='text-gray-800 border-t dark:text-gray-300 flex flex-wrap lg:flex-nowrap lg:space-x-10 justify-between py-2'>
      {prev && <Link
        href={`/${prev.slug}`}
        passHref
        className='text-sm py-3 text-gray-500 hover:underline cursor-pointer'>

        <i className='mr-1 fas fa-angle-double-left' />{prev.title}

      </Link>}
      {next && <Link
        href={`/${next.slug}`}
        passHref
        className='text-sm flex py-3 text-gray-500 hover:underline cursor-pointer'>
        {next.title}
        <i className='ml-1 my-1 fas fa-angle-double-right' />

      </Link>}
    </section>
  );
}