feat: change all Link component to SmartLink

Close #3512

themes/typography/components/BlogItem.js

@@ -5,7 +5,7 @@ import TwikooCommentCount from '@/components/TwikooCommentCount'
 import { siteConfig } from '@/lib/config'
 import { useGlobal } from '@/lib/global'
 import { formatDateFmt } from '@/lib/utils/formatDate'
-import Link from 'next/link'
+import SmartLink from '@/components/SmartLink'
 import CONFIG from '../config'
 
 export const BlogItem = props => {
@@ -23,26 +23,26 @@ export const BlogItem = props => {
           {/* 图片封面 */}
           {showPageCover && (
             <div className='overflow-hidden mr-2 w-56 h-full'>
-              <Link href={post.href} passHref legacyBehavior>
+              <SmartLink href={post.href} passHref legacyBehavior>
                 <LazyImage
                   src={post?.pageCoverThumbnail}
                   className='w-56 h-full object-cover object-center group-hover:scale-110 duration-500'
                 />
-              </Link>
+              </SmartLink>
             </div>
           )}
         </div>
 
         <article className='article-info'>
           <h2 className='mb-2'>
-            <Link
+            <SmartLink
               href={post.href}
               className='text-xl underline decoration-2 font-bold text-[var(--primary-color)] dark:text-white dark:hover:bg-white dark:hover:text-[var(--primary-color)]  duration-200 transition-all rounded-sm'>
               {siteConfig('POST_TITLE_ICON') && (
                 <NotionIcon icon={post.pageIcon} />
               )}
               {post.title}
-            </Link>
+            </SmartLink>
           </h2>
 
           {/* 文章信息 */}
@@ -50,33 +50,33 @@ export const BlogItem = props => {
             <div className='space-x-2'>
               <span className='text-sm'>
                 发布于
-                <Link
+                <SmartLink
                   className='p-1 hover:text-red-400 transition-all duration-200'
                   href={`/archive#${formatDateFmt(post?.publishDate, 'yyyy-MM')}`}>
                   {post.date?.start_date || post.createdTime}
-                </Link>
+                </SmartLink>
               </span>
             </div>
 
             <div className='text-sm'>
               {/* {post.category && (
-                <Link href={`/category/${post.category}`} className='p-1'>
+                <SmartLink href={`/category/${post.category}`} className='p-1'>
                   {' '}
                   <span className='hover:text-red-400 transition-all duration-200'>
                     <i className='fa-regular fa-folder mr-0.5' />
                     {post.category}
                   </span>
-                </Link>
+                </SmartLink>
               )} */}
               {post?.tags &&
                 post?.tags?.length > 0 &&
                 post?.tags.map(t => (
-                  <Link
+                  <SmartLink
                     key={t}
                     href={`/tag/${t}`}
                     className=' hover:text-red-400 transition-all duration-200'>
                     <span> #{t}</span>
-                  </Link>
+                  </SmartLink>
                 ))}
             </div>
           </header>