diff --git a/components/AlgoliaSearchModal.js b/components/AlgoliaSearchModal.js
index 60c04dfa..8b0046e7 100644
--- a/components/AlgoliaSearchModal.js
+++ b/components/AlgoliaSearchModal.js
@@ -3,7 +3,7 @@ import { siteConfig } from '@/lib/config'
 import { useGlobal } from '@/lib/global'
 import algoliasearch from 'algoliasearch'
 import throttle from 'lodash/throttle'
-import Link from 'next/link'
+import SmartLink from '@/components/SmartLink'
 import { useRouter } from 'next/router'
 import {
   Fragment,
@@ -357,7 +357,7 @@ function TagGroups() {
     <div id='tags-group' className='dark:border-gray-700 space-y-2'>
       {firstTenTags?.map((tag, index) => {
         return (
-          <Link
+          <SmartLink
             passHref
             key={index}
             href={`/tag/${encodeURIComponent(tag.name)}`}
@@ -373,7 +373,7 @@ function TagGroups() {
                 <></>
               )}
             </div>
-          </Link>
+          </SmartLink>
         )
       })}
     </div>
diff --git a/components/CustomContextMenu.js b/components/CustomContextMenu.js
index 19b65395..7475bbed 100644
--- a/components/CustomContextMenu.js
+++ b/components/CustomContextMenu.js
@@ -2,7 +2,7 @@ import useWindowSize from '@/hooks/useWindowSize'
 import { siteConfig } from '@/lib/config'
 import { useGlobal } from '@/lib/global'
 import { THEMES, saveDarkModeToLocalStorage } from '@/themes/theme'
-import Link from 'next/link'
+import SmartLink from '@/components/SmartLink'
 import { useRouter } from 'next/router'
 import { useEffect, useLayoutEffect, useRef, useState } from 'react'
 
@@ -198,23 +198,23 @@ export default function CustomContextMenu(props) {
           )}
 
           {CUSTOM_RIGHT_CLICK_CONTEXT_MENU_CATEGORY && (
-            <Link
+            <SmartLink
               href='/category'
               title={locale.MENU.CATEGORY}
               className='w-full px-2 h-10 flex justify-start items-center flex-nowrap cursor-pointer hover:bg-blue-600 hover:text-white rounded-lg duration-200 transition-all'>
               <i className='fa-solid fa-square-minus mr-2' />
               <div className='whitespace-nowrap'>{locale.MENU.CATEGORY}</div>
-            </Link>
+            </SmartLink>
           )}
 
           {CUSTOM_RIGHT_CLICK_CONTEXT_MENU_TAG && (
-            <Link
+            <SmartLink
               href='/tag'
               title={locale.MENU.TAGS}
               className='w-full px-2 h-10 flex justify-start items-center flex-nowrap cursor-pointer hover:bg-blue-600 hover:text-white rounded-lg duration-200 transition-all'>
               <i className='fa-solid fa-tag mr-2' />
               <div className='whitespace-nowrap'>{locale.MENU.TAGS}</div>
-            </Link>
+            </SmartLink>
           )}
         </div>
 
diff --git a/components/Player.js b/components/Player.js
index 91fef339..11adef01 100644
--- a/components/Player.js
+++ b/components/Player.js
@@ -64,7 +64,7 @@ const Player = () => {
       <link
         rel='stylesheet'
         type='text/css'
-        href='https://lf9-cdn-tos.bytecdntp.com/cdn/expire-1-M/aplayer/1.10.1/APlayer.min.css'
+        href='https://cdn.jsdelivr.net/npm/aplayer@1.10.0/dist/APlayer.min.css'
       />
       {meting ? (
         <meting-js
diff --git a/components/SmartLink.js b/components/SmartLink.js
new file mode 100644
index 00000000..3fedfeaf
--- /dev/null
+++ b/components/SmartLink.js
@@ -0,0 +1,52 @@
+import Link from 'next/link'
+import { siteConfig } from '@/lib/config'
+
+// 过滤 <a> 标签不能识别的 props
+const filterDOMProps = props => {
+  const { passHref, legacyBehavior, ...rest } = props
+  return rest
+}
+
+const SmartLink = ({ href, children, ...rest }) => {
+  const LINK = siteConfig('LINK')
+
+  // 获取 URL 字符串用于判断是否是外链
+  let urlString = ''
+
+  if (typeof href === 'string') {
+    urlString = href
+  } else if (
+    typeof href === 'object' &&
+    href !== null &&
+    typeof href.pathname === 'string'
+  ) {
+    urlString = href.pathname
+  }
+
+  const isExternal = urlString.startsWith('http') && !urlString.startsWith(LINK)
+
+  if (isExternal) {
+    // 对于外部链接，必须是 string 类型
+    const externalUrl =
+      typeof href === 'string' ? href : new URL(href.pathname, LINK).toString()
+
+    return (
+      <a
+        href={externalUrl}
+        target='_blank'
+        rel='noopener noreferrer'
+        {...filterDOMProps(rest)}>
+        {children}
+      </a>
+    )
+  }
+
+  // 内部链接（可为对象形式）
+  return (
+    <Link href={href} {...rest}>
+      {children}
+    </Link>
+  )
+}
+
+export default SmartLink
diff --git a/components/ui/dashboard/DashboardButton.js b/components/ui/dashboard/DashboardButton.js
index ff866a5f..fd61b5ee 100644
--- a/components/ui/dashboard/DashboardButton.js
+++ b/components/ui/dashboard/DashboardButton.js
@@ -1,5 +1,5 @@
 import { siteConfig } from '@/lib/config'
-import Link from 'next/link'
+import SmartLink from '@/components/SmartLink'
 import { useRouter } from 'next/router'
 /**
  * 跳转仪表盘的按钮
@@ -24,7 +24,7 @@ export default function DashboardButton({ className }) {
     <button
       type='button'
       className={`${className || ''} text-white bg-gray-800 hover:bg-gray-900 hover:ring-4 hover:ring-gray-300 focus:outline-none focus:ring-4 focus:ring-gray-300 font-medium rounded-lg text-sm px-5 py-2 me-2 dark:bg-gray-800 dark:hover:bg-gray-700 dark:focus:ring-gray-700 dark:border-gray-700`}>
-      <Link href='/dashboard'>仪表盘</Link>
+      <SmartLink href='/dashboard'>仪表盘</SmartLink>
     </button>
   )
 }
diff --git a/components/ui/dashboard/DashboardHeader.js b/components/ui/dashboard/DashboardHeader.js
index f564374f..ae49dbd3 100644
--- a/components/ui/dashboard/DashboardHeader.js
+++ b/components/ui/dashboard/DashboardHeader.js
@@ -1,7 +1,7 @@
 import LazyImage from '@/components/LazyImage'
 import { useGlobal } from '@/lib/global'
 import formatDate from '@/lib/utils/formatDate'
-import Link from 'next/link'
+import SmartLink from '@/components/SmartLink'
 import DashboardSignOutButton from './DashboardSignOutButton'
 
 /**
@@ -25,11 +25,11 @@ export default function DashboardHeader() {
           <div class='font-medium dark:text-white'>
             <div className='flex items-center gap-x-2'>
               <span>{user?.fullName}</span>
-              <Link href='/dashboard/membership'>
+              <SmartLink href='/dashboard/membership'>
                 <span class='bg-gray-100 text-gray-800 text-xs font-medium me-2 px-2.5 py-0.5 rounded dark:bg-gray-700 dark:text-gray-300'>
                   普通用户
                 </span>
-              </Link>
+              </SmartLink>
             </div>
             <div className='text-sm text-gray-500 gap-x-2 flex dark:text-gray-400'>
               <span>{user?.username}</span>
diff --git a/components/ui/dashboard/DashboardItemAffliate.js b/components/ui/dashboard/DashboardItemAffliate.js
index 443e0ac7..21adcf01 100644
--- a/components/ui/dashboard/DashboardItemAffliate.js
+++ b/components/ui/dashboard/DashboardItemAffliate.js
@@ -1,4 +1,4 @@
-import Link from 'next/link'
+import SmartLink from '@/components/SmartLink'
 
 /**
  * 联盟行销
@@ -140,11 +140,11 @@ export default function DashboardItemAffliate() {
             for='remember'
             className='ms-2 text-sm font-medium text-gray-900 dark:text-gray-300'>
             我以阅读并同意{' '}
-            <Link
+            <SmartLink
               href='/terms-of-use'
               className='text-blue-600 hover:underline dark:text-blue-500'>
               服务协议
-            </Link>
+            </SmartLink>
             .
           </label>
         </div>
diff --git a/components/ui/dashboard/DashboardMenuList.js b/components/ui/dashboard/DashboardMenuList.js
index b0ffed2a..53c51066 100644
--- a/components/ui/dashboard/DashboardMenuList.js
+++ b/components/ui/dashboard/DashboardMenuList.js
@@ -1,4 +1,4 @@
-import Link from 'next/link'
+import SmartLink from '@/components/SmartLink'
 
 /**
  * 仪表盘菜单
@@ -43,12 +43,12 @@ export default function DashboardMenuList() {
             className={`rounded-lg cursor-pointer block ${
               isActive ? 'bg-blue-100 text-blue-600' : 'hover:bg-gray-100'
             }`}>
-            <Link
+            <SmartLink
               href={item.href}
               className='block py-2 px-4 w-full items-center justify-center'>
               <i className={`${item.icon} w-6 mr-2`}></i>
               <span className='whitespace-nowrap'>{item.title}</span>
-            </Link>
+            </SmartLink>
           </li>
         )
       })}
diff --git a/conf/widget.config.js b/conf/widget.config.js
index d20182ae..4e207451 100644
--- a/conf/widget.config.js
+++ b/conf/widget.config.js
@@ -32,7 +32,7 @@ module.exports = {
   MUSIC_PLAYER_LRC_TYPE: process.env.NEXT_PUBLIC_MUSIC_PLAYER_LRC_TYPE || '0', // 歌词显示类型，可选值： 3 | 1 | 0（0：禁用 lrc 歌词，1：lrc 格式的字符串，3：lrc 文件 url）（前提是有配置歌词路径，对 meting 无效）
   MUSIC_PLAYER_CDN_URL:
     process.env.NEXT_PUBLIC_MUSIC_PLAYER_CDN_URL ||
-    'https://lf9-cdn-tos.bytecdntp.com/cdn/expire-1-M/aplayer/1.10.1/APlayer.min.js',
+    'https://cdn.jsdelivr.net/npm/aplayer@1.10.0/dist/APlayer.min.js',
   MUSIC_PLAYER_ORDER: process.env.NEXT_PUBLIC_MUSIC_PLAYER_ORDER || 'list', // 默认播放方式，顺序 list，随机 random
   MUSIC_PLAYER_AUDIO_LIST: [
     // 示例音乐列表。除了以下配置外，还可配置歌词，具体配置项看此文档 https://aplayer.js.org/#/zh-Hans/
diff --git a/lib/config.js b/lib/config.js
index 54b043a7..81ff88e3 100644
--- a/lib/config.js
+++ b/lib/config.js
@@ -2,7 +2,7 @@
 
 import BLOG from '@/blog.config'
 import { useGlobal } from './global'
-import { deepClone, isUrl } from './utils'
+import { deepClone, isUrlLikePath } from './utils'
 
 /**
  * 读取配置顺序
@@ -146,7 +146,7 @@ export const convertVal = val => {
   }
 
   // 检测是否为 URL
-  if (isUrl(val)) {
+  if (isUrlLikePath(val)) {
     return val
   }
 
diff --git a/lib/global.js b/lib/global.js
index b5d76d83..3298fa4d 100644
--- a/lib/global.js
+++ b/lib/global.js
@@ -31,6 +31,7 @@ export function GlobalContextProvider(props) {
   ) // 默认语言
   const [theme, setTheme] = useState(NOTION_CONFIG?.THEME || THEME) // 默认博客主题
   const [THEME_CONFIG, SET_THEME_CONFIG] = useState(null) // 主题配置
+  const [isLiteMode,setLiteMode] = useState(false)
 
   const defaultDarkMode = NOTION_CONFIG?.APPEARANCE || APPEARANCE
   const [isDarkMode, updateDarkMode] = useState(defaultDarkMode === 'dark') // 默认深色模式
@@ -85,10 +86,17 @@ export function GlobalContextProvider(props) {
   // 添加路由变化时的语言处理
   useEffect(() => {
     initLocale(router.locale, changeLang, updateLocale)
-  }, [router])
+    // 处理极简模式
+    if (router.query.lite && router.query.lite==='true') {
+      setLiteMode(true)
+    }
+}, [router])
 
+
+  // 首次加载成功
   useEffect(() => {
     initDarkMode(updateDarkMode, defaultDarkMode)
+    // 处理多语言自动重定向
     if (
       NOTION_CONFIG?.REDIRECT_LANG &&
       JSON.parse(NOTION_CONFIG?.REDIRECT_LANG)
@@ -107,6 +115,7 @@ export function GlobalContextProvider(props) {
         const newUrl = `${url}${url.includes('?') ? '&' : '?'}theme=${themeStr}`
         router.push(newUrl)
       }
+
       if (!onLoading) {
         setOnLoading(true)
       }
@@ -134,6 +143,7 @@ export function GlobalContextProvider(props) {
   return (
     <GlobalContext.Provider
       value={{
+        isLiteMode,
         isLoaded,
         isSignedIn,
         user,
diff --git a/lib/notion/getPageContentText.js b/lib/notion/getPageContentText.js
new file mode 100644
index 00000000..0e52083b
--- /dev/null
+++ b/lib/notion/getPageContentText.js
@@ -0,0 +1,181 @@
+/**
+ * 获取属性值，优先从 overrides 中读取，否则按顺序从 properties 中读取，最后返回默认值
+ * @param {Object} properties 原始属性对象
+ * @param {Array} keys 优先级字段名列表
+ * @param {Object} overrides 自定义覆盖对象（可选）
+ * @param {string} defaultValue 默认值（可选）
+ */
+function getPropertyValue(properties, keys, overrides = {}, defaultValue = '') {
+  for (const key of keys) {
+    if (overrides[key]) return overrides[key]
+    if (properties[key]) return properties[key]
+  }
+  return defaultValue
+}
+
+/**
+ * 提取 Notion 装饰文本的纯文本内容。
+ * 可选传入 resolveRef 来解析引用（例如 '‣' 指向的页面标题）
+ *
+ * @param {Array} text - Notion Decoration[] 格式的文本数组
+ * @returns {string}
+ */
+function getFullTextContent(text) {
+  if (!text) return ''
+
+  if (!Array.isArray(text)) return String(text)
+
+  return text.reduce((result, item) => {
+    const value = item[0]
+    const decorations = item[1]
+
+    if (value === '⁍') {
+      // 检查是否有公式
+      const equation = decorations?.find(d => d[0] === 'e')
+      if (equation) {
+        return result + equation[1] // 提取 LaTeX 内容
+      }
+      return result // 否则什么都不加
+    }
+
+    if (value === '‣') {
+      const ref = Array.isArray(decorations) ? decorations[0] : null
+      const type = ref?.[0]
+      const data = ref?.[1]
+      // todo: 处理更多类型 https://github.com/NotionX/react-notion-x/blob/9ee2d9334e260ee3600f4f8d7212f66b641b19cc/packages/notion-types/src/core.ts#L108
+      switch (type) {
+        case 'd':
+          // 日期字符串
+          const date =
+            data?.start_date ||
+            data?.start_time ||
+            data?.end_date ||
+            data?.end_time ||
+            '[Date]'
+          return result + date
+        case 'lm':
+          // Link Mention
+          const title = data?.title || data?.href || '[Link]'
+          return result + title
+        // 用户 ID，这里不展开，默认忽略或标记
+        case 'u':
+        default:
+          return result
+      }
+    }
+
+    // 默认拼接普通文本
+    return result + value
+  }, '')
+}
+
+export function getPageContentText(post, pageBlockMap) {
+  /**
+   * 将对象的指定字段拼接到字符串
+   * @param block
+   * @param customKeys 优先级字段名列表
+   * @returns string
+   */
+  function getText(block, customKeys = ['title', 'caption']) {
+    const result = []
+    const properties = block.properties
+    if (!properties) {
+      return ''
+    }
+    const textArray = getPropertyValue(properties, customKeys)
+    result.push(getTextArray(textArray))
+    if (block.type !== 'page' && block['content']?.length > 0) {
+      for (const blockContent of block.content) {
+        result.push(getBlockContentText(blockContent))
+      }
+    }
+    return result.join(' ')
+  }
+
+  function getTextArray(textArray) {
+    const text = textArray ? getFullTextContent(textArray) : ''
+    if (text && text !== 'Untitled') {
+      return text
+    }
+    return ''
+  }
+
+  function getTransclusionReference(block) {
+    const result = []
+    const blockPointer = block.format.transclusion_reference_pointer
+    const blockPointerId = blockPointer.id
+    if (blockPointer && pageBlockMap.block[blockPointerId].value) {
+      const blockContentList = pageBlockMap.block[blockPointerId].value.content
+      for (const blockContent of blockContentList) {
+        result.push(getBlockContentText(blockContent))
+      }
+    }
+    return result.join(' ')
+  }
+
+  function getBlockContentText(id) {
+    const block = pageBlockMap?.block[id]?.value
+    if (!block) {
+      return ''
+    }
+    const blockType = block.type
+    // todo: 处理更多类型 https://github.com/NotionX/react-notion-x/blob/9ee2d9334e260ee3600f4f8d7212f66b641b19cc/packages/notion-types/src/block.ts#L3
+    switch (blockType) {
+      case 'transclusion_reference':
+        return getTransclusionReference(block)
+      case 'table':
+        return getTableText(block.content)
+      case 'page':
+        if (id !== postId) {
+          return getText(block)
+        }
+        return ''
+      case 'breadcrumb':
+      case 'external_object_instance':
+      case 'divider':
+        return ''
+      case 'image':
+        return getText(block, ['alt_text', 'title'])
+      // 除title以外,还有额外的link和description可供索引，但认为不需要
+      case 'bookmark':
+      case 'quote':
+      case 'callout':
+      case 'header':
+      case 'sub_header':
+      case 'code':
+      case 'equation':
+      case 'text':
+      default:
+        return getText(block)
+    }
+  }
+
+  function getTableText(tableRowIds) {
+    const result = []
+    for (const blockRowId of tableRowIds) {
+      if (pageBlockMap.block[blockRowId]) {
+        const blockRow = pageBlockMap.block[blockRowId].value
+        const blockRowProperties = blockRow.properties
+        for (const blockRowPropertyValue of Object.values(blockRowProperties)) {
+          result.push(getTextArray(blockRowPropertyValue))
+        }
+      }
+    }
+    return result.join(' ')
+  }
+
+  const postId = post.id
+  const postContent = post.content
+  let contentTextList = []
+  // 防止搜到加密文章的内容
+  if (postContent && postContent.length > 0 && !post.password) {
+    for (const postContentId of postContent) {
+      const blockContentText = getBlockContentText(postContentId)
+      if (blockContentText) {
+        contentTextList.push(blockContentText)
+      }
+    }
+  }
+  // console.log('开始', contentTextList.join(''), '结束')
+  return contentTextList.join('')
+}
diff --git a/lib/notion/getPageProperties.js b/lib/notion/getPageProperties.js
index 571c1b8c..29bb5472 100644
--- a/lib/notion/getPageProperties.js
+++ b/lib/notion/getPageProperties.js
@@ -4,11 +4,7 @@ import formatDate from '../utils/formatDate'
 // import { createHash } from 'crypto'
 import md5 from 'js-md5'
 import { siteConfig } from '../config'
-import {
-  checkStartWithHttp,
-  convertUrlStartWithOneSlash,
-  getLastSegmentFromUrl
-} from '../utils'
+import { convertUrlStartWithOneSlash, getLastSegmentFromUrl, isHttpLink, isMailOrTelLink } from '../utils'
 import { extractLangPrefix } from '../utils/pageId'
 import { mapImgUrl } from './mapImage'
 import notionAPI from '@/lib/notion/getNotionAPI'
@@ -85,8 +81,9 @@ export default async function getPageProperties(
   const fieldNames = BLOG.NOTION_PROPERTY_NAME
   if (fieldNames) {
     Object.keys(fieldNames).forEach(key => {
-      if (fieldNames[key] && properties[fieldNames[key]])
+      if (fieldNames[key] && properties[fieldNames[key]]) {
         properties[key] = properties[fieldNames[key]]
+      }
     })
   }
 
@@ -190,9 +187,12 @@ export function adjustPageProperties(properties, NOTION_CONFIG) {
   }
 
   // http or https 开头的视为外链
-  if (checkStartWithHttp(properties?.href)) {
+  if (isHttpLink(properties?.href)) {
     properties.href = properties?.slug
     properties.target = '_blank'
+  } else if (isMailOrTelLink(properties?.href)) {
+    properties.href = properties?.slug
+    properties.target = '_self'
   } else {
     properties.target = '_self'
     // 伪静态路径右侧拼接.html
@@ -238,7 +238,7 @@ export function adjustPageProperties(properties, NOTION_CONFIG) {
  */
 function generateCustomizeSlug(postProperties, NOTION_CONFIG) {
   // 外链不处理
-  if (checkStartWithHttp(postProperties.slug)) {
+  if (isHttpLink(postProperties.slug)) {
     return postProperties.slug
   }
   let fullPrefix = ''
diff --git a/lib/notion/mapImage.js b/lib/notion/mapImage.js
index 85ed4e30..bd816954 100644
--- a/lib/notion/mapImage.js
+++ b/lib/notion/mapImage.js
@@ -119,10 +119,19 @@ const compressImage = (image, width, quality = 50, fmt = 'webp') => {
     width = siteConfig('IMAGE_COMPRESS_WIDTH')
   }
 
-  // 将URL解析为一个对象
-  const urlObj = new URL(image)
-  // 获取URL参数
-  const params = new URLSearchParams(urlObj.search)
+
+  let urlObj
+  let params
+  try {
+    // 将URL解析为一个对象
+    urlObj = new URL(image)
+    // 获取URL参数
+    params = new URLSearchParams(urlObj.search)
+  } catch (err) {
+    // 捕获异常并打印错误的url
+    console.error('compressImage: Invalid URL:', image, err)
+    return image
+  }
 
   // Notion图床
   if (
diff --git a/lib/plugins/algolia.js b/lib/plugins/algolia.js
index e6c76422..acf3cabb 100644
--- a/lib/plugins/algolia.js
+++ b/lib/plugins/algolia.js
@@ -1,6 +1,31 @@
 import BLOG from '@/blog.config'
-import { getPageContentText } from '@/pages/search/[keyword]'
 import algoliasearch from 'algoliasearch'
+import { getPageContentText } from '@/lib/notion/getPageContentText'
+
+// 全局初始化 Algolia 客户端和索引
+let algoliaClient
+let algoliaIndex
+
+const initAlgolia = () => {
+  if (!algoliaClient) {
+    if (
+      !BLOG.ALGOLIA_APP_ID ||
+      !BLOG.ALGOLIA_ADMIN_APP_KEY ||
+      !BLOG.ALGOLIA_INDEX
+    ) {
+      console.error('Algolia configuration is missing')
+    }
+    algoliaClient = algoliasearch(
+      BLOG.ALGOLIA_APP_ID,
+      BLOG.ALGOLIA_ADMIN_APP_KEY
+    )
+    algoliaIndex = algoliaClient.initIndex(BLOG.ALGOLIA_INDEX)
+  }
+  return { client: algoliaClient, index: algoliaIndex }
+}
+
+// 初始化全局实例
+initAlgolia()
 
 /**
  * 生成全文索引
@@ -15,17 +40,57 @@ const generateAlgoliaSearch = ({ allPages, force = false }) => {
   })
 }
 
+/**
+ * 检查数据是否需要从algolia删除
+ * @param {*} props
+ */
+export const checkDataFromAlgolia = async props => {
+  const { allPages } = props
+  const deletions = (allPages || [])
+    .map(p => {
+      if (p && (p.password || p.status === 'Draft')) {
+        return deletePostDataFromAlgolia(p)
+      }
+    })
+    .filter(Boolean) // 去除 undefined
+  await Promise.all(deletions)
+}
+
+/**
+ * 删除数据
+ * @param post
+ */
+const deletePostDataFromAlgolia = async post => {
+  if (!post) {
+    return
+  }
+
+  // 检查是否有索引
+  let existed
+  try {
+    existed = await algoliaIndex.getObject(post.id)
+  } catch (error) {
+    // 通常是不存在索引
+  }
+
+  if (existed) {
+    await algoliaIndex
+      .deleteObject(post.id)
+      .wait()
+      .then(r => {
+        console.log('Algolia索引删除成功', r)
+      })
+      .catch(err => {
+        console.log('Algolia异常', err)
+      })
+  }
+}
+
 /**
  * 上传数据
  * 根据上次修改文章日期和上次更新索引数据判断是否需要更新algolia索引
  */
 const uploadDataToAlgolia = async post => {
-  // Connect and authenticate with your Algolia app
-  const client = algoliasearch(BLOG.ALGOLIA_APP_ID, BLOG.ALGOLIA_ADMIN_APP_KEY)
-
-  // Create a new index and add a record
-  const index = client.initIndex(BLOG.ALGOLIA_INDEX)
-
   if (!post) {
     return
   }
@@ -34,7 +99,7 @@ const uploadDataToAlgolia = async post => {
   let existed
   let needUpdateIndex = false
   try {
-    existed = await index.getObject(post.id)
+    existed = await algoliaIndex.getObject(post.id)
   } catch (error) {
     // 通常是不存在索引
   }
@@ -64,7 +129,7 @@ const uploadDataToAlgolia = async post => {
       content: truncate(getPageContentText(post, post.blockMap), 8192) // 索引8192个字符，API限制总请求内容上限1万个字节
     }
     // console.log('更新Algolia索引', record)
-    index
+    algoliaIndex
       .saveObject(record)
       .wait()
       .then(r => {
diff --git a/lib/utils/index.js b/lib/utils/index.js
index e12f2f85..b0e0c77e 100644
--- a/lib/utils/index.js
+++ b/lib/utils/index.js
@@ -80,28 +80,31 @@ export function convertUrlStartWithOneSlash(str) {
 }
 
 /**
- * 是否是一个相对或绝对路径的ur类
- * @param {*} str
- * @returns
+ * 判断是否是一个“URL 样式”的路径（内部或外部）
+ * 内部如 /about，外部如 http://xxx.com
+ * @param str
+ * @returns {boolean}
  */
-export function isUrl(str) {
-  if (!str) {
-    return false
-  }
-
-  return str?.indexOf('/') === 0 || checkStartWithHttp(str)
+export function isUrlLikePath(str) {
+  return typeof str === 'string' && (str.startsWith('/') || isHttpLink(str))
 }
 
-// 检查是否外链
-export function checkStartWithHttp(str) {
-  // 检查字符串是否包含http
-  if (str?.indexOf('http:') === 0 || str?.indexOf('https:') === 0) {
-    // 如果包含，找到http的位置
-    return true
-  } else {
-    // 不包含
-    return false
-  }
+/**
+ * 判断是否是 http(s) 开头的链接（外部网页）
+ * @param str
+ * @returns {boolean}
+ */
+export function isHttpLink(str) {
+  return typeof str === 'string' && /^https?:\/\//i.test(str)
+}
+
+/**
+ * 检查是否是邮件或电话链接
+ * @param href
+ * @returns {boolean}
+ */
+export function isMailOrTelLink(href) {
+  return /^(mailto:|tel:)/i.test(href)
 }
 
 // 检查一个字符串是否UUID https://ihateregex.io/expr/uuid/
diff --git a/lib/utils/post.js b/lib/utils/post.js
index a3ee0f91..fb1ef075 100644
--- a/lib/utils/post.js
+++ b/lib/utils/post.js
@@ -1,16 +1,16 @@
 /**
  * 文章相关工具
  */
-import { checkStartWithHttp } from '.'
+import { isHttpLink } from '.'
 import { getPostBlocks } from '@/lib/db/getSiteData'
 import { getPageTableOfContents } from '@/lib/notion/getPageTableOfContents'
 import { siteConfig } from '@/lib/config'
 import { getDataFromCache, setDataToCache } from '@/lib/cache/cache_manager'
-import { getPageContentText } from '@/pages/search/[keyword]'
 import { getAiSummary } from '@/lib/plugins/aiSummary'
 import BLOG from '@/blog.config'
 import { uploadDataToAlgolia } from '@/lib/plugins/algolia'
 import { countWords } from '@/lib/plugins/wordCount'
+import { getPageContentText } from '@/lib/notion/getPageContentText'
 
 /**
  * 获取文章的关联推荐文章列表，目前根据标签关联性筛选
@@ -59,7 +59,7 @@ export function checkSlugHasNoSlash(row) {
   }
   return (
     (slug.match(/\//g) || []).length === 0 &&
-    !checkStartWithHttp(slug) &&
+    !isHttpLink(slug) &&
     row.type.indexOf('Menu') < 0
   )
 }
@@ -76,7 +76,7 @@ export function checkSlugHasOneSlash(row) {
   }
   return (
     (slug.match(/\//g) || []).length === 1 &&
-    !checkStartWithHttp(slug) &&
+    !isHttpLink(slug) &&
     row.type.indexOf('Menu') < 0
   )
 }
@@ -94,7 +94,7 @@ export function checkSlugHasMorThanTwoSlash(row) {
   return (
     (slug.match(/\//g) || []).length >= 2 &&
     row.type.indexOf('Menu') < 0 &&
-    !checkStartWithHttp(slug)
+    !isHttpLink(slug)
   )
 }
 
diff --git a/pages/index.js b/pages/index.js
index b66b5610..b4b9937a 100644
--- a/pages/index.js
+++ b/pages/index.js
@@ -6,6 +6,7 @@ import { generateRss } from '@/lib/rss'
 import { generateSitemapXml } from '@/lib/sitemap.xml'
 import { DynamicLayout } from '@/themes/theme'
 import { generateRedirectJson } from '@/lib/redirect'
+import { checkDataFromAlgolia } from '@/lib/plugins/algolia'
 
 /**
  * 首页布局
@@ -61,6 +62,8 @@ export async function getStaticProps(req) {
   generateRss(props)
   // 生成
   generateSitemapXml(props)
+  // 检查数据是否需要从algolia删除
+  checkDataFromAlgolia(props)
   if (siteConfig('UUID_REDIRECT', false, props?.NOTION_CONFIG)) {
     // 生成重定向 JSON
     generateRedirectJson(props)
diff --git a/pages/search/[keyword]/index.js b/pages/search/[keyword]/index.js
index 4116e689..cb486895 100644
--- a/pages/search/[keyword]/index.js
+++ b/pages/search/[keyword]/index.js
@@ -3,6 +3,7 @@ import { getDataFromCache } from '@/lib/cache/cache_manager'
 import { siteConfig } from '@/lib/config'
 import { getGlobalData } from '@/lib/db/getSiteData'
 import { DynamicLayout } from '@/themes/theme'
+import { getPageContentText } from '@/lib/notion/getPageContentText'
 
 const Index = props => {
   const theme = siteConfig('THEME', BLOG.THEME, props.NOTION_CONFIG)
@@ -58,50 +59,6 @@ export function getStaticPaths() {
   }
 }
 
-/**
- * 将对象的指定字段拼接到字符串
- * @param sourceTextArray
- * @param targetObj
- * @param key
- * @returns {*}
- */
-function appendText(sourceTextArray, targetObj, key) {
-  if (!targetObj) {
-    return sourceTextArray
-  }
-  const textArray = targetObj[key]
-  const text = textArray ? getTextContent(textArray) : ''
-  if (text && text !== 'Untitled') {
-    return sourceTextArray.concat(text)
-  }
-  return sourceTextArray
-}
-
-/**
- * 递归获取层层嵌套的数组
- * @param {*} textArray
- * @returns
- */
-function getTextContent(textArray) {
-  if (typeof textArray === 'object' && isIterable(textArray)) {
-    let result = ''
-    for (const textObj of textArray) {
-      result = result + getTextContent(textObj)
-    }
-    return result
-  } else if (typeof textArray === 'string') {
-    return textArray
-  }
-}
-
-/**
- * 对象是否可以遍历
- * @param {*} obj
- * @returns
- */
-const isIterable = obj =>
-  obj != null && typeof obj[Symbol.iterator] === 'function'
-
 /**
  * 在内存缓存中进行全文索引
  * @param {*} allPosts
@@ -124,12 +81,12 @@ async function filterByMemCache(allPosts, keyword) {
         : ''
     const articleInfo = post.title + post.summary + tagContent + categoryContent
     let hit = articleInfo.toLowerCase().indexOf(keyword) > -1
-    const indexContent = getPageContentText(post, page)
+    const contentTextList = getPageContentText(post, page)
     // console.log('全文搜索缓存', cacheKey, page != null)
     post.results = []
     let hitCount = 0
-    for (const i of indexContent) {
-      const c = indexContent[i]
+    for (const i of contentTextList) {
+      const c = contentTextList[i]
       if (!c) {
         continue
       }
@@ -151,18 +108,4 @@ async function filterByMemCache(allPosts, keyword) {
   return filterPosts
 }
 
-export function getPageContentText(post, pageBlockMap) {
-  let indexContent = []
-  // 防止搜到加密文章的内容
-  if (pageBlockMap && pageBlockMap.block && !post.password) {
-    const contentIds = Object.keys(pageBlockMap.block)
-    contentIds.forEach(id => {
-      const properties = pageBlockMap?.block[id]?.value?.properties
-      indexContent = appendText(indexContent, properties, 'title')
-      indexContent = appendText(indexContent, properties, 'caption')
-    })
-  }
-  return indexContent.join('')
-}
-
 export default Index
diff --git a/themes/commerce/components/ArticleAdjacent.js b/themes/commerce/components/ArticleAdjacent.js
index 21ca9e32..aaadd6d9 100644
--- a/themes/commerce/components/ArticleAdjacent.js
+++ b/themes/commerce/components/ArticleAdjacent.js
@@ -1,4 +1,4 @@
-import Link from 'next/link'
+import SmartLink from '@/components/SmartLink'
 import CONFIG from '../config'
 
 /**
@@ -12,22 +12,22 @@ export default function ArticleAdjacent ({ prev, next }) {
   }
   return (
     <section className='pt-8 text-gray-800 items-center text-xs md:text-sm flex justify-between m-1 '>
-      <Link
+      <SmartLink
         href={`/${prev.slug}`}
         passHref
         className='py-1  cursor-pointer hover:underline justify-start items-center dark:text-white flex w-full h-full duration-200'>
 
         <i className='mr-1 fas fa-angle-left' />{prev.title}
 
-      </Link>
-      <Link
+      </SmartLink>
+      <SmartLink
         href={`/${next.slug}`}
         passHref
         className='py-1 cursor-pointer hover:underline justify-end items-center dark:text-white flex w-full h-full duration-200'>
         {next.title}
         <i className='ml-1 my-1 fas fa-angle-right' />
 
-      </Link>
+      </SmartLink>
     </section>
   )
 }
diff --git a/themes/commerce/components/ArticleCopyright.js b/themes/commerce/components/ArticleCopyright.js
index b418a655..be56f052 100644
--- a/themes/commerce/components/ArticleCopyright.js
+++ b/themes/commerce/components/ArticleCopyright.js
@@ -1,5 +1,5 @@
 import { useGlobal } from '@/lib/global'
-import Link from 'next/link'
+import SmartLink from '@/components/SmartLink'
 import { useRouter } from 'next/router'
 import { useEffect, useState } from 'react'
 import CONFIG from '../config'
@@ -24,9 +24,9 @@ export default function ArticleCopyright() {
       <ul className='overflow-x-auto whitespace-nowrap text-sm dark:bg-gray-900 bg-gray-100 p-5 leading-8 border-l-2 border-red-500'>
         <li>
           <strong className='mr-2'>{locale.COMMON.AUTHOR}:</strong>
-          <Link href={'/about'} className='hover:underline'>
+          <SmartLink href={'/about'} className='hover:underline'>
             {siteConfig('AUTHOR')}
-          </Link>
+          </SmartLink>
         </li>
         <li>
           <strong className='mr-2'>{locale.COMMON.URL}:</strong>
diff --git a/themes/commerce/components/ArticleRecommend.js b/themes/commerce/components/ArticleRecommend.js
index b26aace1..ebd6bc62 100644
--- a/themes/commerce/components/ArticleRecommend.js
+++ b/themes/commerce/components/ArticleRecommend.js
@@ -1,4 +1,4 @@
-import Link from 'next/link'
+import SmartLink from '@/components/SmartLink'
 import CONFIG from '../config'
 import { siteConfig } from '@/lib/config'
 import { useGlobal } from '@/lib/global'
@@ -35,7 +35,7 @@ export default function ArticleRecommend({ recommendPosts, siteInfo }) {
                     : siteInfo?.pageCover
 
                   return (
-                    (<Link
+                    (<SmartLink
                             key={post.id}
                             title={post.title}
                             href={`${siteConfig('SUB_PATH', '')}/${post.slug}`}
@@ -51,7 +51,7 @@ export default function ArticleRecommend({ recommendPosts, siteInfo }) {
                                 <LazyImage src={headerImage} className='absolute top-0 w-full h-full object-cover object-center group-hover:scale-110 group-hover:brightness-50 transform duration-200' />
                             </div>
 
-                        </Link>)
+                        </SmartLink>)
                   )
                 })}
             </div>
diff --git a/themes/commerce/components/BlogPostArchive.js b/themes/commerce/components/BlogPostArchive.js
index 8c3fbaaf..527efb44 100644
--- a/themes/commerce/components/BlogPostArchive.js
+++ b/themes/commerce/components/BlogPostArchive.js
@@ -1,4 +1,4 @@
-import Link from 'next/link'
+import SmartLink from '@/components/SmartLink'
 import { siteConfig } from '@/lib/config'
 
 /**
@@ -29,14 +29,14 @@ const BlogPostArchive = ({ posts = [], archiveTitle }) => {
               <div id={post?.publishDay}>
                 <span className="text-gray-400">{post.date?.start_date}</span>{' '}
                 &nbsp;
-                <Link
+                <SmartLink
                   href={`${siteConfig('SUB_PATH', '')}/${post.slug}`}
                   passHref
                   className="dark:text-gray-400  dark:hover:text-red-300 overflow-x-hidden hover:underline cursor-pointer text-gray-600">
 
                   {post.title}
 
-                </Link>
+                </SmartLink>
               </div>
             </li>
           ))}
diff --git a/themes/commerce/components/BlogPostCardInfo.js b/themes/commerce/components/BlogPostCardInfo.js
index 8b2f4a48..4c37ee2a 100644
--- a/themes/commerce/components/BlogPostCardInfo.js
+++ b/themes/commerce/components/BlogPostCardInfo.js
@@ -1,5 +1,5 @@
 import NotionPage from '@/components/NotionPage'
-import Link from 'next/link'
+import SmartLink from '@/components/SmartLink'
 import TagItemMini from './TagItemMini'
 import TwikooCommentCount from '@/components/TwikooCommentCount'
 import { siteConfig } from '@/lib/config'
@@ -14,7 +14,7 @@ export const BlogPostCardInfo = ({ post, showPreview, showPageCover, showSummary
   return <div className={`flex flex-col justify-between lg:p-6 p-4  ${showPageCover && !showPreview ? 'md:w-7/12 w-full md:max-h-60' : 'w-full'}`}>
        <div>
          {/* 标题 */}
-         <Link
+         <SmartLink
             href={`${siteConfig('SUB_PATH', '')}/${post.slug}`}
             passHref
             className={`line-clamp-2 replace cursor-pointer text-2xl ${showPreview ? 'text-center' : ''
@@ -22,14 +22,14 @@ export const BlogPostCardInfo = ({ post, showPreview, showPageCover, showSummary
 
             <span className='menu-link '>{post.title}</span>
 
-        </Link>
+        </SmartLink>
 
         {/* 分类 */}
         { post?.category && <div
             className={`flex mt-2 items-center ${showPreview ? 'justify-center' : 'justify-start'
                 } flex-wrap dark:text-gray-500 text-gray-400 `}
         >
-            <Link
+            <SmartLink
                 href={`/category/${post.category}`}
                 passHref
                 className="cursor-pointer font-light text-sm menu-link hover:text-red-700 dark:hover:text-red-400 transform">
@@ -37,7 +37,7 @@ export const BlogPostCardInfo = ({ post, showPreview, showPageCover, showSummary
                 <i className="mr-1 far fa-folder" />
                 {post.category}
 
-            </Link>
+            </SmartLink>
 
             <TwikooCommentCount className='text-sm hover:text-red-700 dark:hover:text-red-400' post={post}/>
         </div>}
@@ -70,7 +70,7 @@ export const BlogPostCardInfo = ({ post, showPreview, showPageCover, showSummary
          {/* 日期标签 */}
          <div className="text-gray-400 justify-between flex">
             {/* 日期 */}
-            <Link
+            <SmartLink
                 href={`/archive#${formatDate(post?.publishDate, 'yyyy-MM')}`}
                 passHref
                 className="font-light menu-link cursor-pointer text-sm leading-4 mr-3">
@@ -78,7 +78,7 @@ export const BlogPostCardInfo = ({ post, showPreview, showPageCover, showSummary
                 <i className="far fa-calendar-alt mr-1" />
                 {post?.publishDay || post.lastEditedDay}
 
-            </Link>
+            </SmartLink>
 
             <div className="md:flex-nowrap flex-wrap md:justify-start inline-block">
                 <div>
diff --git a/themes/commerce/components/CategoryGroup.js b/themes/commerce/components/CategoryGroup.js
index 0b313088..aeccc262 100644
--- a/themes/commerce/components/CategoryGroup.js
+++ b/themes/commerce/components/CategoryGroup.js
@@ -1,4 +1,4 @@
-import Link from 'next/link'
+import SmartLink from '@/components/SmartLink'
 
 const CategoryGroup = ({ currentCategory, categories }) => {
   if (!categories) {
@@ -9,7 +9,7 @@ const CategoryGroup = ({ currentCategory, categories }) => {
       {categories.map(category => {
         const selected = currentCategory === category.name
         return (
-          <Link
+          <SmartLink
             key={category.name}
             href={`/category/${category.name}`}
             passHref
@@ -20,7 +20,7 @@ const CategoryGroup = ({ currentCategory, categories }) => {
 
             <div> <i className={`mr-2 fas ${selected ? 'fa-folder-open' : 'fa-folder'}`} />{category.name}({category.count})</div>
 
-          </Link>
+          </SmartLink>
         );
       })}
     </div>
diff --git a/themes/commerce/components/Footer.js b/themes/commerce/components/Footer.js
index 3411773c..ba36e511 100644
--- a/themes/commerce/components/Footer.js
+++ b/themes/commerce/components/Footer.js
@@ -2,7 +2,7 @@ import { BeiAnGongAn } from '@/components/BeiAnGongAn'
 import BeiAnSite from '@/components/BeiAnSite'
 import CopyRightDate from '@/components/CopyRightDate'
 import { siteConfig } from '@/lib/config'
-import Link from 'next/link'
+import SmartLink from '@/components/SmartLink'
 import CONFIG from '../config'
 
 /**
@@ -40,13 +40,13 @@ const Footer = props => {
                 className={'flex flex-col space-y-2 text-start'}>
                 {categoryOptions?.map(category => {
                   return (
-                    <Link
+                    <SmartLink
                       key={`${category.name}`}
                       title={`${category.name}`}
                       href={`/category/${category.name}`}
                       passHref>
                       {category.name}
-                    </Link>
+                    </SmartLink>
                   )
                 })}
               </nav>
@@ -62,13 +62,13 @@ const Footer = props => {
                 className={'flex flex-col space-y-2 text-start'}>
                 {customMenu?.map(menu => {
                   return (
-                    <Link
+                    <SmartLink
                       key={`${menu.name}`}
                       title={`${menu.name}`}
                       href={`${menu.href}`}
                       passHref>
                       {menu.name}
-                    </Link>
+                    </SmartLink>
                   )
                 })}
               </nav>
diff --git a/themes/commerce/components/HexoRecentComments.js b/themes/commerce/components/HexoRecentComments.js
index db712bea..f1e59612 100644
--- a/themes/commerce/components/HexoRecentComments.js
+++ b/themes/commerce/components/HexoRecentComments.js
@@ -2,7 +2,7 @@ import { useEffect, useState } from 'react'
 import { siteConfig } from '@/lib/config'
 import Card from '@/themes/hexo/components/Card'
 import { useGlobal } from '@/lib/global'
-import Link from 'next/link'
+import SmartLink from '@/components/SmartLink'
 import { RecentComments } from '@waline/client'
 
 /**
@@ -36,7 +36,7 @@ const HexoRecentComments = (props) => {
             {!onLoading && comments && comments.length > 0 && comments.map((comment) => <div key={comment.objectId} className='pb-2 pl-1'>
                 <div className='dark:text-gray-200 text-sm waline-recent-content wl-content' dangerouslySetInnerHTML={{ __html: comment.comment }} />
                 <div className='dark:text-gray-400 text-gray-400  text-sm text-right cursor-pointer hover:text-red-500 hover:underline pt-1 pr-2'>
-                    <Link href={{ pathname: comment.url, hash: comment.objectId, query: { target: 'comment' } }}>--{comment.nick}</Link>
+                    <SmartLink href={{ pathname: comment.url, hash: comment.objectId, query: { target: 'comment' } }}>--{comment.nick}</SmartLink>
                 </div>
             </div>)}
 
diff --git a/themes/commerce/components/LatestPostsGroup.js b/themes/commerce/components/LatestPostsGroup.js
index 3c4fadbc..5a702a16 100644
--- a/themes/commerce/components/LatestPostsGroup.js
+++ b/themes/commerce/components/LatestPostsGroup.js
@@ -2,7 +2,7 @@ import { siteConfig } from '@/lib/config'
 import LazyImage from '@/components/LazyImage'
 import { useGlobal } from '@/lib/global'
 // import Image from 'next/image'
-import Link from 'next/link'
+import SmartLink from '@/components/SmartLink'
 import { useRouter } from 'next/router'
 
 /**
@@ -33,7 +33,7 @@ const LatestPostsGroup = ({ latestPosts, siteInfo }) => {
           const headerImage = post?.pageCoverThumbnail ? post.pageCoverThumbnail : siteInfo?.pageCover
 
           return (
-            (<Link
+            (<SmartLink
                     key={post.id}
                     title={post.title}
                     href={`${siteConfig('SUB_PATH', '')}/${post.slug}`}
@@ -56,7 +56,7 @@ const LatestPostsGroup = ({ latestPosts, siteInfo }) => {
                         </div>
                     </div>
 
-                </Link>)
+                </SmartLink>)
           )
         })}
     </>
diff --git a/themes/commerce/components/LogoBar.js b/themes/commerce/components/LogoBar.js
index de5a5bfe..c3943c1d 100644
--- a/themes/commerce/components/LogoBar.js
+++ b/themes/commerce/components/LogoBar.js
@@ -1,4 +1,4 @@
-import Link from 'next/link'
+import SmartLink from '@/components/SmartLink'
 // import { siteConfig } from '@/lib/config'
 import LazyImage from '@/components/LazyImage';
 
@@ -11,9 +11,9 @@ export default function LogoBar (props) {
   const { siteInfo } = props
   return (
     <div id='top-wrapper' className='w-full flex items-center'>
-          <Link href='/' className='text-md md:text-xl dark:text-gray-200 r'>
+          <SmartLink href='/' className='text-md md:text-xl dark:text-gray-200 r'>
             <LazyImage className='h-12 mr-3' src={siteInfo?.icon}/>
-          </Link>
+          </SmartLink>
           {/* <div>{siteConfig('TITLE')}</div> */}
     </div>
   );
diff --git a/themes/commerce/components/MenuGroupCard.js b/themes/commerce/components/MenuGroupCard.js
index 63f0f48e..1733abd1 100644
--- a/themes/commerce/components/MenuGroupCard.js
+++ b/themes/commerce/components/MenuGroupCard.js
@@ -1,5 +1,5 @@
 import { useGlobal } from '@/lib/global'
-import Link from 'next/link'
+import SmartLink from '@/components/SmartLink'
 import CONFIG from '../config'
 
 const MenuGroupCard = props => {
@@ -45,7 +45,7 @@ const MenuGroupCard = props => {
       {links.map(link => {
         if (link.show) {
           return (
-            <Link
+            <SmartLink
               key={`${link.slug}`}
               title={link.name}
               href={link.href}
@@ -57,7 +57,7 @@ const MenuGroupCard = props => {
                 <div className='text-center'>{link.name}</div>
                 <div className='text-center font-semibold'>{link.slot}</div>
               </div>
-            </Link>
+            </SmartLink>
           )
         } else {
           return null
diff --git a/themes/commerce/components/MenuItemCollapse.js b/themes/commerce/components/MenuItemCollapse.js
index ad8f4b93..31d0af61 100644
--- a/themes/commerce/components/MenuItemCollapse.js
+++ b/themes/commerce/components/MenuItemCollapse.js
@@ -1,5 +1,5 @@
 import Collapse from '@/components/Collapse'
-import Link from 'next/link'
+import SmartLink from '@/components/SmartLink'
 import { useState } from 'react'
 
 /**
@@ -32,7 +32,7 @@ export const MenuItemCollapse = props => {
         className='w-full px-8 py-3 text-left dark:bg-hexo-black-gray'
         onClick={toggleShow}>
         {!hasSubMenu && (
-          <Link
+          <SmartLink
             href={link?.href}
             target={link?.target}
             className='hover:text-[#D2232A] font-extralight flex justify-between pl-2 pr-4 dark:text-gray-200 no-underline tracking-widest pb-1'>
@@ -40,7 +40,7 @@ export const MenuItemCollapse = props => {
               {link?.icon && <i className={link.icon + ' mr-4'} />}
               {link?.name}
             </span>
-          </Link>
+          </SmartLink>
         )}
         {hasSubMenu && (
           <div
@@ -64,12 +64,12 @@ export const MenuItemCollapse = props => {
               <div
                 key={index}
                 className='dark:bg-black dark:text-gray-200 text-left px-10 justify-start bg-gray-50 hover:bg-gray-50 dark:hover:bg-gray-900 tracking-widest transition-all duration-200  py-3 pr-6'>
-                <Link href={sLink.href} target={link?.target}>
+                <SmartLink href={sLink.href} target={link?.target}>
                   <span className='text-sm ml-4 whitespace-nowrap'>
                     {link?.icon && <i className={sLink.icon + ' mr-2'} />}{' '}
                     {sLink.title}
                   </span>
-                </Link>
+                </SmartLink>
               </div>
             )
           })}
diff --git a/themes/commerce/components/MenuItemDrop.js b/themes/commerce/components/MenuItemDrop.js
index d5b80449..16c98dcf 100644
--- a/themes/commerce/components/MenuItemDrop.js
+++ b/themes/commerce/components/MenuItemDrop.js
@@ -1,4 +1,4 @@
-import Link from 'next/link'
+import SmartLink from '@/components/SmartLink'
 import { useRouter } from 'next/router'
 import { useState } from 'react'
 
@@ -22,13 +22,13 @@ export const MenuItemDrop = ({ link }) => {
       onMouseOut={() => changeShow(false)}
       className='h-full'>
       {!hasSubMenu && (
-        <Link
+        <SmartLink
           href={link?.href}
           target={link?.target}
           className={`${selected && 'border-b-2 border-[#D2232A]'} h-full flex space-x-1 whitespace-nowrap items-center font-sans menu-link pl-2 pr-4  dark:text-gray-200 no-underline tracking-widest pb-1`}>
           {link?.icon && <i className={link?.icon} />} <div>{link?.name}</div>
           {/* {hasSubMenu && <i className='px-2 fa fa-angle-down'></i>} */}
-        </Link>
+        </SmartLink>
       )}
 
       {hasSubMenu && (
@@ -50,12 +50,12 @@ export const MenuItemDrop = ({ link }) => {
               <li
                 key={index}
                 className='cursor-pointer hover:bg-red-300 text-gray-900 hover:text-black tracking-widest transition-all duration-200 dark:border-gray-800  py-1 pr-6 pl-3'>
-                <Link href={sLink.href} target={link?.target}>
+                <SmartLink href={sLink.href} target={link?.target}>
                   <span className='text-sm text-nowrap font-extralight'>
                     {link?.icon && <i className={sLink?.icon}> &nbsp; </i>}
                     {sLink.title}
                   </span>
-                </Link>
+                </SmartLink>
               </li>
             )
           })}
diff --git a/themes/commerce/components/NavButtonGroup.js b/themes/commerce/components/NavButtonGroup.js
index 8539eb49..8d671a7a 100644
--- a/themes/commerce/components/NavButtonGroup.js
+++ b/themes/commerce/components/NavButtonGroup.js
@@ -1,4 +1,4 @@
-import Link from 'next/link'
+import SmartLink from '@/components/SmartLink'
 
 /**
  * 首页导航大按钮组件
@@ -15,14 +15,14 @@ const NavButtonGroup = (props) => {
     <nav id='home-nav-button' className={'w-full z-10 md:h-72 md:mt-6 xl:mt-32 px-5 py-2 mt-8 flex flex-wrap md:max-w-6xl space-y-2 md:space-y-0 md:flex justify-center max-h-80 overflow-auto'}>
       {categoryOptions?.map(category => {
         return (
-          <Link
+          <SmartLink
             key={`${category.name}`}
             title={`${category.name}`}
             href={`/category/${category.name}`}
             passHref
             className='text-center shadow-text w-full sm:w-4/5 md:mx-6 md:w-40 md:h-14 lg:h-20 h-14 justify-center items-center flex border-2 cursor-pointer rounded-lg glassmorphism hover:bg-white hover:text-black duration-200 hover:scale-105 transform'>
                {category.name}
-            </Link>
+            </SmartLink>
         )
       })}
     </nav>
diff --git a/themes/commerce/components/PaginationNumber.js b/themes/commerce/components/PaginationNumber.js
index d041fe6c..8eff44c5 100644
--- a/themes/commerce/components/PaginationNumber.js
+++ b/themes/commerce/components/PaginationNumber.js
@@ -1,4 +1,4 @@
-import Link from 'next/link'
+import SmartLink from '@/components/SmartLink'
 import { useRouter } from 'next/router'
 
 /**
@@ -18,7 +18,7 @@ const PaginationNumber = ({ page, totalPage }) => {
   return (
     <div className="mt-10 mb-5  flex justify-center items-end font-medium text-black duration-500 dark:text-gray-300 py-3 space-x-2">
         {/* 上一页 */}
-        <Link
+        <SmartLink
           href={{
             pathname: currentPage === 2
               ? `${pagePrefix}/`
@@ -30,12 +30,12 @@ const PaginationNumber = ({ page, totalPage }) => {
 
           <i className="fas fa-angle-left" />
 
-        </Link>
+        </SmartLink>
 
         {pages}
 
         {/* 下一页 */}
-        <Link
+        <SmartLink
           href={{
             pathname: `${pagePrefix}/page/${currentPage + 1}`,
             query: router.query.s ? { s: router.query.s } : {}
@@ -45,14 +45,14 @@ const PaginationNumber = ({ page, totalPage }) => {
 
           <i className="fas fa-angle-right" />
 
-        </Link>
+        </SmartLink>
     </div>
   )
 }
 
 function getPageElement(page, currentPage, pagePrefix) {
   return (
-    (<Link
+    (<SmartLink
       href={page === 1 ? `${pagePrefix}/` : `${pagePrefix}/page/${page}`}
       key={page}
       passHref
@@ -65,7 +65,7 @@ function getPageElement(page, currentPage, pagePrefix) {
 
       {page}
 
-    </Link>)
+    </SmartLink>)
   )
 }
 
diff --git a/themes/commerce/components/PostHeader.js b/themes/commerce/components/PostHeader.js
index 4a258cb5..1f819fca 100644
--- a/themes/commerce/components/PostHeader.js
+++ b/themes/commerce/components/PostHeader.js
@@ -1,4 +1,4 @@
-import Link from 'next/link'
+import SmartLink from '@/components/SmartLink'
 import NotionIcon from '@/components/NotionIcon'
 import LazyImage from '@/components/LazyImage'
 import { siteConfig } from '@/lib/config'
@@ -19,11 +19,11 @@ export default function PostHeader({ post }) {
         <div className='mt-10'>
             <div className='mb-3 flex justify-center'>
               {post.category && <>
-                <Link href={`/category/${post.category}`} passHref legacyBehavior>
+                <SmartLink href={`/category/${post.category}`} passHref legacyBehavior>
                   <div className="cursor-pointer px-2 py-1 mb-2 border rounded-sm dark:border-white text-sm font-medium hover:underline duration-200 shadow-text-md text-white">
                     {post.category}
                   </div>
-                </Link>
+                </SmartLink>
               </>}
             </div>
 
diff --git a/themes/commerce/components/ProductCard.js b/themes/commerce/components/ProductCard.js
index 8ec25b6c..b413d397 100644
--- a/themes/commerce/components/ProductCard.js
+++ b/themes/commerce/components/ProductCard.js
@@ -1,4 +1,4 @@
-import Link from 'next/link'
+import SmartLink from '@/components/SmartLink'
 import CONFIG from '../config'
 import { siteConfig } from '@/lib/config'
 import LazyImage from '@/components/LazyImage'
@@ -19,11 +19,11 @@ const ProductCard = ({ index, post, siteInfo }) => {
             <div key={post.id} className={'group flex flex-col space-y-2 justify-between  border dark:border-black bg-white dark:bg-hexo-black-gray'}>
 
                 {/* 图片封面 */}
-                <Link href={`${siteConfig('SUB_PATH', '')}/${post.slug}`} passHref legacyBehavior>
+                <SmartLink href={`${siteConfig('SUB_PATH', '')}/${post.slug}`} passHref legacyBehavior>
                     <div className="overflow-hidden m-2">
                         <LazyImage priority={index === 1} src={post?.pageCoverThumbnail} className='h-auto aspect-square w-full object-cover object-center group-hover:scale-110 duration-500' />
                     </div>
-                </Link>
+                </SmartLink>
 
                 <div className='text-center'>{post.title}</div>
 
diff --git a/themes/commerce/components/ProductCategories.js b/themes/commerce/components/ProductCategories.js
index 4a6b7422..c2334314 100644
--- a/themes/commerce/components/ProductCategories.js
+++ b/themes/commerce/components/ProductCategories.js
@@ -1,5 +1,5 @@
 import { siteConfig } from '@/lib/config'
-import Link from 'next/link'
+import SmartLink from '@/components/SmartLink'
 import CONFIG from '../config'
 
 export default function ProductCategories(props) {
@@ -21,14 +21,14 @@ export default function ProductCategories(props) {
           className={'flex flex-col space-y-2 text-start'}>
           {categoryOptions?.map(category => {
             return (
-              <Link
+              <SmartLink
                 key={`${category.name}`}
                 title={`${category.name}`}
                 href={`/category/${category.name}`}
                 className='hover:text-[#D2232A]'
                 passHref>
                 {category.name}
-              </Link>
+              </SmartLink>
             )
           })}
         </nav>
diff --git a/themes/commerce/components/SearchNav.js b/themes/commerce/components/SearchNav.js
index fc393c1b..05d06197 100644
--- a/themes/commerce/components/SearchNav.js
+++ b/themes/commerce/components/SearchNav.js
@@ -1,5 +1,5 @@
 import { useGlobal } from '@/lib/global'
-import Link from 'next/link'
+import SmartLink from '@/components/SmartLink'
 import { useEffect, useRef } from 'react'
 import Card from './Card'
 import SearchInput from './SearchInput'
@@ -31,7 +31,7 @@ export default function SearchNav(props) {
             <div id="category-list" className="duration-200 flex flex-wrap mx-8">
                 {categoryOptions?.map(category => {
                   return (
-                      <Link
+                      <SmartLink
                           key={category.name}
                           href={`/category/${category.name}`}
                           passHref
@@ -44,7 +44,7 @@ export default function SearchNav(props) {
                               <i className="mr-4 fas fa-folder" />
                               {category.name}({category.count})
                           </div>
-                      </Link>
+                      </SmartLink>
                   )
                 })}
             </div>
diff --git a/themes/commerce/components/SlotBar.js b/themes/commerce/components/SlotBar.js
index c7c1c802..ad1ee121 100644
--- a/themes/commerce/components/SlotBar.js
+++ b/themes/commerce/components/SlotBar.js
@@ -1,4 +1,4 @@
-import Link from 'next/link'
+import SmartLink from '@/components/SmartLink'
 
 /**
  * 博客列表上方嵌入条
@@ -10,10 +10,10 @@ export default function SlotBar(props) {
 
   if (tag) {
     return <div className="cursor-pointer px-3 py-2 mb-4 font-light hover:text-red-700 dark:hover:text-red-400 transform dark:text-white">
-              <Link key={tag} href={`/tag/${encodeURIComponent(tag)}`} passHref
+              <SmartLink key={tag} href={`/tag/${encodeURIComponent(tag)}`} passHref
                   className={'cursor-pointer inline-block rounded duration-200 mr-2 py-0.5 px-1 text-xl whitespace-nowrap '}>
                   <div className='border-b-2 border-[#D2232A] font-light dark:text-gray-400 dark:hover:text-white'> #{tag} </div>
-              </Link>
+              </SmartLink>
           </div>
   } else if (category) {
     return <div className="cursor-pointer text-lg px-5  mb-4 font-light hover:text-red-700 dark:hover:text-red-400 transform dark:text-white">
diff --git a/themes/commerce/components/TagItemMini.js b/themes/commerce/components/TagItemMini.js
index fea3b755..a3dea43b 100644
--- a/themes/commerce/components/TagItemMini.js
+++ b/themes/commerce/components/TagItemMini.js
@@ -1,8 +1,8 @@
-import Link from 'next/link'
+import SmartLink from '@/components/SmartLink'
 
 const TagItemMini = ({ tag, selected = false }) => {
   return (
-    <Link
+    <SmartLink
       key={tag}
       href={selected ? '/' : `/tag/${encodeURIComponent(tag.name)}`}
       passHref
@@ -14,7 +14,7 @@ const TagItemMini = ({ tag, selected = false }) => {
 
       <div className='font-light'>{selected && <i className='mr-1 fa-tag'/>} {tag.name + (tag.count ? `(${tag.count})` : '')} </div>
 
-    </Link>
+    </SmartLink>
   );
 }
 
diff --git a/themes/commerce/index.js b/themes/commerce/index.js
index 9efbd684..ae77e4ac 100644
--- a/themes/commerce/index.js
+++ b/themes/commerce/index.js
@@ -7,7 +7,7 @@ import { siteConfig } from '@/lib/config'
 import { useGlobal } from '@/lib/global'
 import { isBrowser, scanAndConvertToLinks } from '@/lib/utils'
 import { Transition } from '@headlessui/react'
-import Link from 'next/link'
+import SmartLink from '@/components/SmartLink'
 import { useRouter } from 'next/router'
 import { useEffect, useRef } from 'react'
 import { ArticleLock } from './components/ArticleLock'
@@ -346,7 +346,7 @@ const LayoutCategoryIndex = props => {
         <div id='category-list' className='duration-200 flex flex-wrap mx-8'>
           {categoryOptions?.map(category => {
             return (
-              <Link
+              <SmartLink
                 key={category.name}
                 href={`/category/${category.name}`}
                 passHref
@@ -358,7 +358,7 @@ const LayoutCategoryIndex = props => {
                   <i className='mr-4 fas fa-folder' /> {category.name}(
                   {category.count})
                 </div>
-              </Link>
+              </SmartLink>
             )
           })}
         </div>
diff --git a/themes/example/components/BlogItem.js b/themes/example/components/BlogItem.js
index 90a40f3a..4e6d84a8 100644
--- a/themes/example/components/BlogItem.js
+++ b/themes/example/components/BlogItem.js
@@ -2,7 +2,7 @@ import LazyImage from '@/components/LazyImage'
 import NotionIcon from '@/components/NotionIcon'
 import TwikooCommentCount from '@/components/TwikooCommentCount'
 import { siteConfig } from '@/lib/config'
-import Link from 'next/link'
+import SmartLink from '@/components/SmartLink'
 import CONFIG from '../config'
 
 /**
@@ -20,14 +20,14 @@ const BlogItem = ({ post }) => {
       className={`${showPageCover ? 'flex md:flex-row flex-col-reverse' : ''} replace mb-12 `}>
       <div className={`${showPageCover ? 'md:w-7/12' : ''}`}>
         <h2 className='mb-4'>
-          <Link
+          <SmartLink
             href={post?.href}
             className='text-black dark:text-gray-100 text-xl md:text-2xl no-underline hover:underline'>
             {siteConfig('POST_TITLE_ICON') && (
               <NotionIcon icon={post.pageIcon} />
             )}
             {post?.title}
-          </Link>
+          </SmartLink>
         </h2>
 
         <div className='mb-4 text-sm text-gray-700 dark:text-gray-300'>
@@ -40,11 +40,11 @@ const BlogItem = ({ post }) => {
           {post.category && (
             <>
               <span className='font-bold mx-1'> | </span>
-              <Link
+              <SmartLink
                 href={`/category/${post.category}`}
                 className='text-gray-700 dark:text-gray-300 hover:underline'>
                 {post.category}
-              </Link>
+              </SmartLink>
             </>
           )}
           {/* <span className="font-bold mx-1"> | </span> */}
@@ -68,12 +68,12 @@ const BlogItem = ({ post }) => {
       {/* 图片封面 */}
       {showPageCover && (
         <div className='md:w-5/12 w-full h-44 overflow-hidden p-1'>
-          <Link href={post?.href} passHref legacyBehavior>
+          <SmartLink href={post?.href} passHref legacyBehavior>
             <LazyImage
               src={post?.pageCoverThumbnail}
               className='w-full bg-cover hover:scale-110 duration-200'
             />
-          </Link>
+          </SmartLink>
         </div>
       )}
     </article>
diff --git a/themes/example/components/BlogListArchive.js b/themes/example/components/BlogListArchive.js
index 256edbdf..f38434b6 100644
--- a/themes/example/components/BlogListArchive.js
+++ b/themes/example/components/BlogListArchive.js
@@ -1,4 +1,4 @@
-import Link from 'next/link'
+import SmartLink from '@/components/SmartLink'
 
 /**
  * 博客归档列表；仅归档页面使用
@@ -21,11 +21,11 @@ export default function BlogListArchive({ archiveTitle, archivePosts }) {
               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?.publishDay}</span> &nbsp;
-                <Link
+                <SmartLink
                   href={post?.href}
                   className='dark:text-gray-400  dark:hover:text-gray-300 overflow-x-hidden hover:underline cursor-pointer text-gray-600'>
                   {post.title}
-                </Link>
+                </SmartLink>
               </div>
             </li>
           )
diff --git a/themes/example/components/BlogListPage.js b/themes/example/components/BlogListPage.js
index fe56e0bf..2d374f73 100644
--- a/themes/example/components/BlogListPage.js
+++ b/themes/example/components/BlogListPage.js
@@ -1,6 +1,6 @@
 import { siteConfig } from '@/lib/config'
 import { useGlobal } from '@/lib/global'
-import Link from 'next/link'
+import SmartLink from '@/components/SmartLink'
 import { useRouter } from 'next/router'
 import CONFIG from '../config'
 import BlogItem from './BlogItem'
@@ -37,7 +37,7 @@ export const BlogListPage = props => {
       </div>
 
       <div className='flex justify-between text-xs'>
-        <Link
+        <SmartLink
           href={{
             pathname:
               currentPage - 1 === 1
@@ -47,15 +47,15 @@ export const BlogListPage = props => {
           }}
           className={`${showPrev ? 'bg-black dark:bg-hexo-black-gray' : 'bg-gray pointer-events-none invisible'} text-white no-underline py-2 px-3 rounded`}>
           {locale.PAGINATION.PREV}
-        </Link>
-        <Link
+        </SmartLink>
+        <SmartLink
           href={{
             pathname: `${pagePrefix}/page/${currentPage + 1}`,
             query: router.query.s ? { s: router.query.s } : {}
           }}
           className={`${showNext ? 'bg-black dark:bg-hexo-black-gray ' : 'bg-gray pointer-events-none invisible'} text-white no-underline py-2 px-3 rounded`}>
           {locale.PAGINATION.NEXT}
-        </Link>
+        </SmartLink>
       </div>
     </div>
   )
diff --git a/themes/example/components/Header.js b/themes/example/components/Header.js
index 12111edd..486fb79a 100644
--- a/themes/example/components/Header.js
+++ b/themes/example/components/Header.js
@@ -1,5 +1,5 @@
 import { siteConfig } from '@/lib/config'
-import Link from 'next/link'
+import SmartLink from '@/components/SmartLink'
 import { MenuList } from './MenuList'
 
 /**
@@ -11,11 +11,11 @@ export const Header = props => {
   return (
     <header className='w-full px-6 bg-white  dark:bg-black relative z-20'>
       <div className='mx-auto max-w-4xl md:flex justify-between items-center'>
-        <Link
+        <SmartLink
           href='/'
           className='logo py-6 w-full text-center md:text-left md:w-auto text-gray-dark no-underline flex justify-center items-center'>
           {siteConfig('TITLE')}
-        </Link>
+        </SmartLink>
         <div className='w-full md:w-auto text-center md:text-right'>
           {/* 右侧文字 */}
         </div>
diff --git a/themes/example/components/MenuItemDrop.js b/themes/example/components/MenuItemDrop.js
index 2610b585..198c2b00 100644
--- a/themes/example/components/MenuItemDrop.js
+++ b/themes/example/components/MenuItemDrop.js
@@ -1,4 +1,4 @@
-import Link from 'next/link'
+import SmartLink from '@/components/SmartLink'
 import { useState } from 'react'
 
 /**
@@ -17,10 +17,10 @@ export const MenuItemDrop = ({ link }) => {
       onMouseOut={() => changeShow(false)}>
       {!hasSubMenu && (
         <div className='rounded px-2 md:pl-0 md:mr-3 my-4 md:pr-3 text-gray-700 dark:text-gray-200 no-underline md:border-r border-gray-light'>
-          <Link href={link?.href} target={link?.target}>
+          <SmartLink href={link?.href} target={link?.target}>
             {link?.icon && <i className={link?.icon} />} {link?.name}
             {hasSubMenu && <i className='px-2 fa fa-angle-down'></i>}
-          </Link>
+          </SmartLink>
         </div>
       )}
 
@@ -41,12 +41,12 @@ export const MenuItemDrop = ({ link }) => {
               <li
                 key={index}
                 className='not:last-child:border-b-0 border-b text-gray-700 dark:text-gray-200  hover:bg-gray-50 dark:hover:bg-gray-900 tracking-widest transition-all duration-200  dark:border-gray-800 py-3 pr-6 pl-3'>
-                <Link href={sLink.href} target={link?.target}>
+                <SmartLink href={sLink.href} target={link?.target}>
                   <span className='text-sm text-nowrap font-extralight'>
                     {link?.icon && <i className={sLink?.icon}> &nbsp; </i>}
                     {sLink.title}
                   </span>
-                </Link>
+                </SmartLink>
               </li>
             )
           })}
diff --git a/themes/example/components/PostMeta.js b/themes/example/components/PostMeta.js
index 19a6cab2..ebbb14b0 100644
--- a/themes/example/components/PostMeta.js
+++ b/themes/example/components/PostMeta.js
@@ -1,6 +1,6 @@
 import { useGlobal } from '@/lib/global'
 import { formatDateFmt } from '@/lib/utils/formatDate'
-import Link from 'next/link'
+import SmartLink from '@/components/SmartLink'
 /**
  * 文章详情的元信息
  * 标题、作者、分类、标签、创建日期等等。
@@ -14,25 +14,25 @@ export const PostMeta = props => {
       <div>
         {post?.type !== 'Page' && (
           <>
-            <Link
+            <SmartLink
               href={`/category/${post?.category}`}
               passHref
               className='cursor-pointer text-md mr-2 hover:text-black dark:hover:text-white border-b dark:border-gray-500 border-dashed'>
               <i className='mr-1 fas fa-folder-open' />
               {post?.category}
-            </Link>
+            </SmartLink>
             <span className='mr-2'>|</span>
           </>
         )}
 
         {post?.type !== 'Page' && (
           <>
-            <Link
+            <SmartLink
               href={`/archive#${formatDateFmt(post?.publishDate, 'yyyy-MM')}`}
               passHref
               className='pl-1 mr-2 cursor-pointer hover:text-gray-700 dark:hover:text-gray-200 border-b dark:border-gray-500 border-dashed'>
               {post?.publishDay}
-            </Link>
+            </SmartLink>
             <span className='mr-2'>|</span>
             <span className='mx-2 text-gray-400 dark:text-gray-500'>
               {locale.COMMON.LAST_EDITED_TIME}: {post?.lastEditedDay}
diff --git a/themes/example/components/RecentCommentListForExample.js b/themes/example/components/RecentCommentListForExample.js
index e6c97c4c..0fbd075e 100644
--- a/themes/example/components/RecentCommentListForExample.js
+++ b/themes/example/components/RecentCommentListForExample.js
@@ -1,6 +1,6 @@
 import { siteConfig } from '@/lib/config'
 import { RecentComments } from '@waline/client'
-import Link from 'next/link'
+import SmartLink from '@/components/SmartLink'
 import { useEffect, useState } from 'react'
 
 /**
@@ -44,14 +44,14 @@ const RecentCommentListForExample = props => {
               dangerouslySetInnerHTML={{ __html: comment.comment }}
             />
             <div className='dark:text-gray-400 text-gray-400  text-sm text-right cursor-pointer hover:text-red-500 hover:underline pt-1'>
-              <Link
+              <SmartLink
                 href={{
                   pathname: comment.url,
                   hash: comment.objectId,
                   query: { target: 'comment' }
                 }}>
                 --{comment.nick}
-              </Link>
+              </SmartLink>
             </div>
           </div>
         ))}
diff --git a/themes/example/components/SideBar.js b/themes/example/components/SideBar.js
index 35c95b1e..42be608f 100644
--- a/themes/example/components/SideBar.js
+++ b/themes/example/components/SideBar.js
@@ -2,7 +2,7 @@ import Live2D from '@/components/Live2D'
 import { siteConfig } from '@/lib/config'
 import { useGlobal } from '@/lib/global'
 import dynamic from 'next/dynamic'
-import Link from 'next/link'
+import SmartLink from '@/components/SmartLink'
 import CONFIG from '../config'
 import Announcement from './Announcement'
 import Catalog from './Catalog'
@@ -53,7 +53,7 @@ export const SideBar = props => {
           <ul className='list-reset leading-normal'>
             {categoryOptions?.map(category => {
               return (
-                <Link
+                <SmartLink
                   key={category.name}
                   href={`/category/${category.name}`}
                   passHref
@@ -66,7 +66,7 @@ export const SideBar = props => {
                       {category.name}({category.count})
                     </a>
                   </li>
-                </Link>
+                </SmartLink>
               )
             })}
           </ul>
@@ -83,7 +83,7 @@ export const SideBar = props => {
           <ul className='list-reset leading-normal'>
             {latestPosts?.map(p => {
               return (
-                <Link key={p.id} href={`/${p.slug}`} passHref legacyBehavior>
+                <SmartLink key={p.id} href={`/${p.slug}`} passHref legacyBehavior>
                   <li>
                     {' '}
                     <a
@@ -92,7 +92,7 @@ export const SideBar = props => {
                       {p.title}
                     </a>
                   </li>
-                </Link>
+                </SmartLink>
               )
             })}
           </ul>
diff --git a/themes/example/index.js b/themes/example/index.js
index 4834039b..0f5751da 100644
--- a/themes/example/index.js
+++ b/themes/example/index.js
@@ -8,7 +8,7 @@ import { siteConfig } from '@/lib/config'
 import { useGlobal } from '@/lib/global'
 import { isBrowser } from '@/lib/utils'
 import { Transition } from '@headlessui/react'
-import Link from 'next/link'
+import SmartLink from '@/components/SmartLink'
 import { useRouter } from 'next/router'
 import { useEffect } from 'react'
 import BlogListArchive from './components/BlogListArchive'
@@ -292,7 +292,7 @@ const LayoutCategoryIndex = props => {
     <>
       <div id='category-list' className='duration-200 flex flex-wrap'>
         {categoryOptions?.map(category => (
-          <Link
+          <SmartLink
             key={category.name}
             href={`/category/${category.name}`}
             passHref
@@ -304,7 +304,7 @@ const LayoutCategoryIndex = props => {
               <i className='mr-4 fas fa-folder' />
               {category.name}({category.count})
             </div>
-          </Link>
+          </SmartLink>
         ))}
       </div>
     </>
@@ -323,7 +323,7 @@ const LayoutTagIndex = props => {
       <div id='tags-list' className='duration-200 flex flex-wrap'>
         {tagOptions.map(tag => (
           <div key={tag.name} className='p-2'>
-            <Link
+            <SmartLink
               key={tag}
               href={`/tag/${encodeURIComponent(tag.name)}`}
               passHref
@@ -332,7 +332,7 @@ const LayoutTagIndex = props => {
                 <i className='mr-1 fas fa-tag' />{' '}
                 {tag.name + (tag.count ? `(${tag.count})` : '')}{' '}
               </div>
-            </Link>
+            </SmartLink>
           </div>
         ))}
       </div>
diff --git a/themes/fukasawa/components/ArticleAround.js b/themes/fukasawa/components/ArticleAround.js
index b0de69c7..ffcd69cf 100644
--- a/themes/fukasawa/components/ArticleAround.js
+++ b/themes/fukasawa/components/ArticleAround.js
@@ -1,4 +1,4 @@
-import Link from 'next/link'
+import SmartLink from '@/components/SmartLink'
 
 /**
  * 上一篇，下一篇文章
@@ -11,22 +11,22 @@ export default function ArticleAround ({ prev, next }) {
   }
   return (
     <section className='text-gray-800 h-28 flex items-center justify-between space-x-5 my-4'>
-      <Link
+      <SmartLink
         href={`/${prev.slug}`}
         passHref
         className='text-sm cursor-pointer justify-center items-center flex w-full h-full bg-white bg-opacity-40 hover:bg-hexo-black-gray dark:bg-hexo-black-gray dark:text-gray-200 hover:text-white duration-300'>
 
         <i className='mr-1 fas fa-angle-double-left' />{prev.title}
 
-      </Link>
-      <Link
+      </SmartLink>
+      <SmartLink
         href={`/${next.slug}`}
         passHref
         className='text-sm  cursor-pointer justify-center items-center flex w-full h-full bg-white bg-opacity-40 hover:bg-hexo-black-gray dark:bg-hexo-black-gray dark:text-gray-200 hover:text-white duration-300'>
         {next.title}
         <i className='ml-1 my-1 fas fa-angle-double-right' />
 
-      </Link>
+      </SmartLink>
     </section>
   );
 }
diff --git a/themes/fukasawa/components/ArticleDetail.js b/themes/fukasawa/components/ArticleDetail.js
index 62a0a0d8..63b193bc 100644
--- a/themes/fukasawa/components/ArticleDetail.js
+++ b/themes/fukasawa/components/ArticleDetail.js
@@ -8,7 +8,7 @@ import WWAds from '@/components/WWAds'
 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 ArticleAround from './ArticleAround'
 import TagItemMini from './TagItemMini'
 
@@ -55,25 +55,25 @@ export default function ArticleDetail(props) {
             <div>
               {post?.category && (
                 <>
-                  <Link
+                  <SmartLink
                     href={`/category/${post.category}`}
                     passHref
                     className='cursor-pointer text-md mr-2 hover:text-black dark:hover:text-white border-b dark:border-gray-500 border-dashed'>
                     <i className='mr-1 fas fa-folder-open' />
                     {post.category}
-                  </Link>
+                  </SmartLink>
                   <span className='mr-2'>|</span>
                 </>
               )}
 
               {post?.type !== 'Page' && (
                 <>
-                  <Link
+                  <SmartLink
                     href={`/archive#${formatDateFmt(post?.publishDate, 'yyyy-MM')}`}
                     passHref
                     className='pl-1 mr-2 cursor-pointer hover:text-gray-700 dark:hover:text-gray-200 border-b dark:border-gray-500 border-dashed'>
                     {post?.publishDay}
-                  </Link>
+                  </SmartLink>
                   <span className='mr-2'>|</span>
                   <span className='mx-2 text-gray-400 dark:text-gray-500'>
                     {locale.COMMON.LAST_EDITED_TIME}: {post.lastEditedDay}
diff --git a/themes/fukasawa/components/BlogCard.js b/themes/fukasawa/components/BlogCard.js
index 2cfb0ce4..3b478c49 100644
--- a/themes/fukasawa/components/BlogCard.js
+++ b/themes/fukasawa/components/BlogCard.js
@@ -2,7 +2,7 @@ import LazyImage from '@/components/LazyImage'
 import NotionIcon from '@/components/NotionIcon'
 import { siteConfig } from '@/lib/config'
 import { useGlobal } from '@/lib/global'
-import Link from 'next/link'
+import SmartLink from '@/components/SmartLink'
 import CONFIG from '../config'
 import TagItemMini from './TagItemMini'
 
@@ -51,7 +51,7 @@ const {siteInfo} =useGlobal()
       <div className='flex flex-col justify-between h-full'>
         {/* 封面图 */}
         {showPageCover && (
-          <Link href={post?.href} passHref legacyBehavior>
+          <SmartLink href={post?.href} passHref legacyBehavior>
             <div className='flex-grow mb-3 w-full duration-200 cursor-pointer transform overflow-hidden'>
               <LazyImage
                 src={post?.pageCoverThumbnail}
@@ -59,13 +59,13 @@ const {siteInfo} =useGlobal()
                 className='object-cover w-full h-full hover:scale-125 transform duration-500'
               />
             </div>
-          </Link>
+          </SmartLink>
         )}
 
         {/* 文字部分 */}
         <div className='flex flex-col w-full'>
           <h2>
-            <Link
+            <SmartLink
               passHref
               href={post?.href}
               className={`break-words cursor-pointer font-bold hover:underline text-xl ${showPreview ? 'justify-center' : 'justify-start'} leading-tight text-gray-700 dark:text-gray-100 hover:text-blue-500 dark:hover:text-blue-400`}>
@@ -73,7 +73,7 @@ const {siteInfo} =useGlobal()
                 <NotionIcon icon={post.pageIcon} />
               )}{' '}
               {post.title}
-            </Link>
+            </SmartLink>
           </h2>
 
           {(!showPreview || showSummary) && (
@@ -85,13 +85,13 @@ const {siteInfo} =useGlobal()
           {/* 分类标签 */}
           <div className='mt-auto justify-between flex'>
             {post.category && (
-              <Link
+              <SmartLink
                 href={`/category/${post.category}`}
                 passHref
                 className='cursor-pointer dark:text-gray-300 font-light text-sm hover:underline hover:text-indigo-700 dark:hover:text-indigo-400 transform'>
                 <i className='mr-1 far fa-folder' />
                 {post.category}
-              </Link>
+              </SmartLink>
             )}
             <div className='md:flex-nowrap flex-wrap md:justify-start inline-block'>
               <div>
diff --git a/themes/fukasawa/components/BlogPostArchive.js b/themes/fukasawa/components/BlogPostArchive.js
index bcdafccf..61c1b1ee 100644
--- a/themes/fukasawa/components/BlogPostArchive.js
+++ b/themes/fukasawa/components/BlogPostArchive.js
@@ -1,4 +1,4 @@
-import Link from 'next/link'
+import SmartLink from '@/components/SmartLink'
 
 /**
  * 博客归档
@@ -27,12 +27,12 @@ const BlogArchiveItem = ({ posts = [], archiveTitle }) => {
                 <div id={post?.publishDay}>
                   <span className='text-gray-400'>{post.date?.start_date}</span>{' '}
                   &nbsp;
-                  <Link
+                  <SmartLink
                     href={post?.href}
                     passHref
                     className='dark:text-gray-400  dark:hover:text-gray-300 overflow-x-hidden hover:underline cursor-pointer text-gray-600'>
                     {post.title}
-                  </Link>
+                  </SmartLink>
                 </div>
               </li>
             )
diff --git a/themes/fukasawa/components/GroupCategory.js b/themes/fukasawa/components/GroupCategory.js
index 1753afd2..df1a0805 100644
--- a/themes/fukasawa/components/GroupCategory.js
+++ b/themes/fukasawa/components/GroupCategory.js
@@ -1,4 +1,4 @@
-import Link from 'next/link'
+import SmartLink from '@/components/SmartLink'
 
 function GroupCategory ({ currentCategory, categories }) {
   if (!categories) {
@@ -10,7 +10,7 @@ function GroupCategory ({ currentCategory, categories }) {
       {categories.map(category => {
         const selected = currentCategory === category.name
         return (
-          <Link
+          <SmartLink
             key={category.name}
             href={`/category/${category.name}`}
             passHref
@@ -20,7 +20,7 @@ function GroupCategory ({ currentCategory, categories }) {
               '  text-sm w-full items-center duration-300 px-2  cursor-pointer py-1 font-light'}>
 
             <i className={`${selected ? 'text-white fa-folder-open' : 'fa-folder text-gray-400'} fas mr-2`} />{category.name}({category.count})
-          </Link>
+          </SmartLink>
         )
       })}
     </div>
diff --git a/themes/fukasawa/components/Logo.js b/themes/fukasawa/components/Logo.js
index ae951363..6cc2bd8f 100644
--- a/themes/fukasawa/components/Logo.js
+++ b/themes/fukasawa/components/Logo.js
@@ -1,14 +1,14 @@
 import { siteConfig } from '@/lib/config'
-import Link from 'next/link'
+import SmartLink from '@/components/SmartLink'
 
 const Logo = props => {
   return (
     <section className='flex'>
-      <Link
+      <SmartLink
         href='/'
         className='logo hover:bg-black hover:text-white border-black border-2 duration-500 px-4 py-2 cursor-pointer dark:text-gray-300 dark:border-gray-300 font-black'>
         {siteConfig('TITLE')}
-      </Link>
+      </SmartLink>
     </section>
   )
 }
diff --git a/themes/fukasawa/components/MenuItemCollapse.js b/themes/fukasawa/components/MenuItemCollapse.js
index eb00850f..d0da4902 100644
--- a/themes/fukasawa/components/MenuItemCollapse.js
+++ b/themes/fukasawa/components/MenuItemCollapse.js
@@ -1,5 +1,5 @@
 import Collapse from '@/components/Collapse'
-import Link from 'next/link'
+import SmartLink from '@/components/SmartLink'
 import { useRouter } from 'next/router'
 import { useState } from 'react'
 
@@ -42,7 +42,7 @@ export const MenuItemCollapse = props => {
         }
         onClick={toggleShow}>
         {!hasSubMenu && (
-          <Link
+          <SmartLink
             href={link?.href}
             target={link?.target}
             className='dark:text-gray-200 py-2 w-full my-auto items-center justify-between flex  '>
@@ -50,7 +50,7 @@ export const MenuItemCollapse = props => {
               <div className={`${link.icon} text-center w-4 mr-4`} />
               {link.name}
             </div>
-          </Link>
+          </SmartLink>
         )}
 
         {hasSubMenu && (
@@ -79,14 +79,14 @@ export const MenuItemCollapse = props => {
                 className='whitespace-nowrap dark:text-gray-200
               not:last-child:border-b-0 border-b dark:border-gray-800 py-2 px-14 cursor-pointer hover:bg-gray-100
               font-extralight dark:bg-black text-left justify-start text-gray-600 bg-gray-50 dark:hover:bg-gray-900 tracking-widest transition-all duration-200'>
-                <Link href={sLink.href} target={link?.target}>
+                <SmartLink href={sLink.href} target={link?.target}>
                   <div>
                     <div
                       className={`${sLink.icon} text-center w-3 mr-3 text-xs`}
                     />
                     {sLink.title}
                   </div>
-                </Link>
+                </SmartLink>
               </div>
             )
           })}
diff --git a/themes/fukasawa/components/MenuItemDrop.js b/themes/fukasawa/components/MenuItemDrop.js
index 1de272c2..8bd7da3d 100644
--- a/themes/fukasawa/components/MenuItemDrop.js
+++ b/themes/fukasawa/components/MenuItemDrop.js
@@ -1,4 +1,4 @@
-import Link from 'next/link'
+import SmartLink from '@/components/SmartLink'
 import { useState } from 'react'
 
 export const MenuItemDrop = ({ link }) => {
@@ -13,7 +13,7 @@ export const MenuItemDrop = ({ link }) => {
       onMouseOut={() => changeShow(false)}
       className='relative py-1 mb-1.5 duration-500 justify-between text-gray-500 dark:text-gray-300 hover:text-black hover:underline cursor-pointer flex flex-nowrap items-center '>
       {!hasSubMenu && (
-        <Link
+        <SmartLink
           href={link?.href}
           target={link?.target}
           className='w-full my-auto items-center justify-between flex '>
@@ -22,7 +22,7 @@ export const MenuItemDrop = ({ link }) => {
             {link.name}
           </div>
           {link.slot}
-        </Link>
+        </SmartLink>
       )}
 
       {hasSubMenu && (
@@ -48,7 +48,7 @@ export const MenuItemDrop = ({ link }) => {
           {link?.subMenus?.map((sLink, index) => {
             return (
               <li key={index}>
-                <Link
+                <SmartLink
                   href={sLink.href}
                   target={link?.target}
                   className='my-auto py-1 px-2 items-center justify-start flex text-gray-500 dark:text-gray-300 hover:text-black  hover:bg-gray-50 dark:hover:bg-gray-900 tracking-widest transition-all duration-200 dark:border-gray-800 '>
@@ -57,7 +57,7 @@ export const MenuItemDrop = ({ link }) => {
                   )}
                   <div className={'ml-2 whitespace-nowrap'}>{sLink.name}</div>
                   {sLink.slot}
-                </Link>
+                </SmartLink>
               </li>
             )
           })}
diff --git a/themes/fukasawa/components/MenuItemNormal.js b/themes/fukasawa/components/MenuItemNormal.js
index a4ccf59d..4c69e72b 100644
--- a/themes/fukasawa/components/MenuItemNormal.js
+++ b/themes/fukasawa/components/MenuItemNormal.js
@@ -1,4 +1,4 @@
-import Link from 'next/link'
+import SmartLink from '@/components/SmartLink'
 import { useRouter } from 'next/router'
 
 export const MenuItemNormal = props => {
@@ -9,7 +9,7 @@ export const MenuItemNormal = props => {
     return null
   }
   return (
-    <Link
+    <SmartLink
       key={`${link.href}`}
       title={link.href}
       href={link.href}
@@ -21,6 +21,6 @@ export const MenuItemNormal = props => {
         <div className={'hover:text-black'}>{link.name}</div>
       </div>
       {link.slot}
-    </Link>
+    </SmartLink>
   )
 }
diff --git a/themes/fukasawa/components/PaginationSimple.js b/themes/fukasawa/components/PaginationSimple.js
index 11c0d3f3..792989e5 100644
--- a/themes/fukasawa/components/PaginationSimple.js
+++ b/themes/fukasawa/components/PaginationSimple.js
@@ -1,4 +1,4 @@
-import Link from 'next/link'
+import SmartLink from '@/components/SmartLink'
 import { useRouter } from 'next/router'
 import { useGlobal } from '@/lib/global'
 
@@ -17,7 +17,7 @@ const PaginationSimple = ({ page, showNext }) => {
 
   return (
     <div className="my-10 flex justify-between font-medium text-black dark:text-gray-100 space-x-2">
-      <Link
+      <SmartLink
         href={{
           pathname:
             currentPage === 2
@@ -32,8 +32,8 @@ const PaginationSimple = ({ page, showNext }) => {
         } text-center w-full duration-200 px-4 py-2 hover:border-black border-b-2 hover:font-bold`}>
         ←{locale.PAGINATION.PREV}
 
-      </Link>
-      <Link
+      </SmartLink>
+      <SmartLink
         href={{
           pathname: `${pagePrefix}/page/${currentPage + 1}`,
           query: router.query.s ? { s: router.query.s } : {}
@@ -45,7 +45,7 @@ const PaginationSimple = ({ page, showNext }) => {
         } text-center w-full duration-200 px-4 py-2 hover:border-black border-b-2 hover:font-bold`}>
 
         {locale.PAGINATION.NEXT}→
-      </Link>
+      </SmartLink>
     </div>
   )
 }
diff --git a/themes/fukasawa/components/TagItem.js b/themes/fukasawa/components/TagItem.js
index 179da9db..00771ca3 100644
--- a/themes/fukasawa/components/TagItem.js
+++ b/themes/fukasawa/components/TagItem.js
@@ -1,4 +1,4 @@
-import Link from 'next/link'
+import SmartLink from '@/components/SmartLink'
 import { useGlobal } from '@/lib/global'
 
 const TagItem = ({ tag, selected }) => {
@@ -7,7 +7,7 @@ const TagItem = ({ tag, selected }) => {
     <div> { locale.COMMON.NOTAG } </div>
   }
   return (
-    <Link
+    <SmartLink
       href={selected ? '/' : `/tag/${encodeURIComponent(tag.name)}`}
       passHref
       legacyBehavior>
@@ -19,7 +19,7 @@ const TagItem = ({ tag, selected }) => {
           {selected && <i className='mr-1 fas fa-tag'/>} {`${tag.name} `} {tag.count ? `(${tag.count})` : ''}
         </div>
       </li>
-    </Link>
+    </SmartLink>
   );
 }
 
diff --git a/themes/fukasawa/components/TagItemMini.js b/themes/fukasawa/components/TagItemMini.js
index 26295088..c83b9f0f 100644
--- a/themes/fukasawa/components/TagItemMini.js
+++ b/themes/fukasawa/components/TagItemMini.js
@@ -1,8 +1,8 @@
-import Link from 'next/link'
+import SmartLink from '@/components/SmartLink'
 
 const TagItemMini = ({ tag, selected = false }) => {
   return (
-    <Link
+    <SmartLink
       key={tag}
       href={selected ? '/' : `/tag/${encodeURIComponent(tag.name)}`}
       passHref
@@ -14,7 +14,7 @@ const TagItemMini = ({ tag, selected = false }) => {
 
       <div className='font-light dark:text-gray-400'>{selected && <i className='mr-1 fas fa-tag'/>} {tag.name + (tag.count ? `(${tag.count})` : '')} </div>
 
-    </Link>
+    </SmartLink>
   );
 }
 
diff --git a/themes/fukasawa/index.js b/themes/fukasawa/index.js
index 4176ed11..2bb9c57b 100644
--- a/themes/fukasawa/index.js
+++ b/themes/fukasawa/index.js
@@ -9,7 +9,7 @@ import { useGlobal } from '@/lib/global'
 import { isBrowser } from '@/lib/utils'
 import { Transition } from '@headlessui/react'
 import dynamic from 'next/dynamic'
-import Link from 'next/link'
+import SmartLink from '@/components/SmartLink'
 import { useRouter } from 'next/router'
 import { createContext, useContext, useEffect, useRef } from 'react'
 import ArticleDetail from './components/ArticleDetail'
@@ -258,7 +258,7 @@ const LayoutCategoryIndex = props => {
         <div id='category-list' className='duration-200 flex flex-wrap'>
           {categoryOptions?.map(category => {
             return (
-              <Link
+              <SmartLink
                 key={category.name}
                 href={`/category/${category.name}`}
                 passHref
@@ -270,7 +270,7 @@ const LayoutCategoryIndex = props => {
                   <i className='mr-4 fas fa-folder' />
                   {category.name}({category.count})
                 </div>
-              </Link>
+              </SmartLink>
             )
           })}
         </div>
diff --git a/themes/game/components/BlogArchiveItem.js b/themes/game/components/BlogArchiveItem.js
index 4a92959e..7a010961 100644
--- a/themes/game/components/BlogArchiveItem.js
+++ b/themes/game/components/BlogArchiveItem.js
@@ -1,4 +1,4 @@
-import Link from 'next/link'
+import SmartLink from '@/components/SmartLink'
 
 /**
  * 归档分组文章
@@ -21,12 +21,12 @@ export default function BlogArchiveItem({ archiveTitle, archivePosts }) {
               <div id={post?.publishDay}>
                 <span className='text-gray-400'>{post.date?.start_date}</span>{' '}
                 &nbsp;
-                <Link
+                <SmartLink
                   href={post?.href}
                   passHref
                   className='dark:text-gray-400  dark:hover:text-gray-300 overflow-x-hidden hover:underline cursor-pointer text-gray-600'>
                   {post.title}
-                </Link>
+                </SmartLink>
               </div>
             </li>
           )
diff --git a/themes/game/components/BlogPost.js b/themes/game/components/BlogPost.js
index 51354bd8..e33c3da2 100644
--- a/themes/game/components/BlogPost.js
+++ b/themes/game/components/BlogPost.js
@@ -2,7 +2,7 @@ import NotionIcon from '@/components/NotionIcon'
 import NotionPage from '@/components/NotionPage'
 import { siteConfig } from '@/lib/config'
 import { useGlobal } from '@/lib/global'
-import Link from 'next/link'
+import SmartLink from '@/components/SmartLink'
 
 const BlogPost = ({ post }) => {
   const { NOTION_CONFIG } = useGlobal()
@@ -10,7 +10,7 @@ const BlogPost = ({ post }) => {
     siteConfig('POST_LIST_PREVIEW', false, NOTION_CONFIG) && post?.blockMap
 
   return (
-    <Link href={post?.href}>
+    <SmartLink href={post?.href}>
       <article key={post.id} className='mb-6 md:mb-8'>
         <header className='flex flex-col justify-between md:flex-row md:items-baseline'>
           <h2 className='text-lg md:text-xl font-medium mb-2 cursor-pointer text-black dark:text-gray-100'>
@@ -37,7 +37,7 @@ const BlogPost = ({ post }) => {
           )}
         </main>
       </article>
-    </Link>
+    </SmartLink>
   )
 }
 
diff --git a/themes/game/components/ExampleRecentComments.js b/themes/game/components/ExampleRecentComments.js
index 9dbdfa7f..cf1f5bed 100644
--- a/themes/game/components/ExampleRecentComments.js
+++ b/themes/game/components/ExampleRecentComments.js
@@ -1,6 +1,6 @@
 import { useEffect, useState } from 'react'
 import { siteConfig } from '@/lib/config'
-import Link from 'next/link'
+import SmartLink from '@/components/SmartLink'
 import { RecentComments } from '@waline/client'
 
 /**
@@ -26,7 +26,7 @@ const ExampleRecentComments = (props) => {
         {!onLoading && comments && comments.length === 0 && <div>No Comments</div>}
         {!onLoading && comments && comments.length > 0 && comments.map((comment) => <div key={comment.objectId} className='pb-2'>
             <div className='dark:text-gray-300 text-gray-600 text-xs waline-recent-content wl-content' dangerouslySetInnerHTML={{ __html: comment.comment }} />
-            <div className='dark:text-gray-400 text-gray-400  text-sm text-right cursor-pointer hover:text-red-500 hover:underline pt-1'><Link href={{ pathname: comment.url, hash: comment.objectId, query: { target: 'comment' } }}>--{comment.nick}</Link></div>
+            <div className='dark:text-gray-400 text-gray-400  text-sm text-right cursor-pointer hover:text-red-500 hover:underline pt-1'><SmartLink href={{ pathname: comment.url, hash: comment.objectId, query: { target: 'comment' } }}>--{comment.nick}</SmartLink></div>
         </div>)}
 
   </>
diff --git a/themes/game/components/GameEmbed.js b/themes/game/components/GameEmbed.js
index cb83c8f3..1de42784 100644
--- a/themes/game/components/GameEmbed.js
+++ b/themes/game/components/GameEmbed.js
@@ -2,7 +2,7 @@
 import { Draggable } from '@/components/Draggable'
 import { siteConfig } from '@/lib/config'
 import { deepClone } from '@/lib/utils'
-import Link from 'next/link'
+import SmartLink from '@/components/SmartLink'
 import { useEffect, useState } from 'react'
 import DownloadButton from './DownloadButton'
 import FullScreenButton from './FullScreenButton'
@@ -100,12 +100,12 @@ export default function GameEmbed({ post, siteInfo }) {
         <div
           style={{ left: '0px', top: '1rem' }}
           className='text-white fixed xl:hidden group space-x-1 flex items-center z-20 pr-3 pl-1 bg-[#202030] rounded-r-2xl  shadow-lg '>
-          <Link
+          <SmartLink
             href='/'
             className='px-1 py-3 hover:scale-125 duration-200 transition-all'
             passHref>
             <i className='fas fa-chevron-left' />
-          </Link>{' '}
+          </SmartLink>{' '}
           <span
             className='font-serif px-1'
             onClick={() => {
diff --git a/themes/game/components/GameListIndexCombine.js b/themes/game/components/GameListIndexCombine.js
index ac8b14ba..8e5d703c 100644
--- a/themes/game/components/GameListIndexCombine.js
+++ b/themes/game/components/GameListIndexCombine.js
@@ -3,7 +3,7 @@ import { AdSlot } from '@/components/GoogleAdsense'
 import LazyImage from '@/components/LazyImage'
 import { siteConfig } from '@/lib/config'
 import { deepClone } from '@/lib/utils'
-import Link from 'next/link'
+import SmartLink from '@/components/SmartLink'
 import { useState } from 'react'
 import CONFIG from '../config'
 
@@ -142,7 +142,7 @@ const GameItem = ({ item, isLargeCard }) => {
 
   const video = item?.ext?.video
   return (
-    <Link
+    <SmartLink
       title={title}
       href={`${item?.href}`}
       className={`card-single ${isLargeCard ? 'h-80 ' : 'h-full text-xs'} w-full transition-all duration-200 shadow-md md:hover:scale-105 md:hover:shadow-lg relative rounded-lg overflow-hidden flex justify-center items-center
@@ -177,6 +177,6 @@ const GameItem = ({ item, isLargeCard }) => {
         alt={title}
         fill='full'
       />
-    </Link>
+    </SmartLink>
   )
 }
diff --git a/themes/game/components/GameListNormal.js b/themes/game/components/GameListNormal.js
index 22fc4a6f..9a15d185 100644
--- a/themes/game/components/GameListNormal.js
+++ b/themes/game/components/GameListNormal.js
@@ -1,6 +1,6 @@
 /* eslint-disable @next/next/no-img-element */
 import { deepClone } from '@/lib/utils'
-import Link from 'next/link'
+import SmartLink from '@/components/SmartLink'
 import { useState } from 'react'
 
 /**
@@ -45,7 +45,7 @@ const GameItem = ({ item }) => {
   const video = item?.ext?.video
 
   return (
-    <Link
+    <SmartLink
       href={`${item?.href}`}
       onMouseOver={() => {
         setShowType('video')
@@ -77,6 +77,6 @@ const GameItem = ({ item }) => {
         src={img}
         alt={title}
       />
-    </Link>
+    </SmartLink>
   )
 }
diff --git a/themes/game/components/GameListRealate.js b/themes/game/components/GameListRealate.js
index 3d925c3a..b22cff64 100644
--- a/themes/game/components/GameListRealate.js
+++ b/themes/game/components/GameListRealate.js
@@ -1,6 +1,6 @@
 /* eslint-disable @next/next/no-img-element */
 import { deepClone } from '@/lib/utils'
-import Link from 'next/link'
+import SmartLink from '@/components/SmartLink'
 import { useState } from 'react'
 
 /**
@@ -46,7 +46,7 @@ const GameItem = ({ item }) => {
   const video = item?.ext?.video
 
   return (
-    <Link
+    <SmartLink
       href={`${item?.href}`}
       onMouseOver={() => {
         setShowType('video')
@@ -78,6 +78,6 @@ const GameItem = ({ item }) => {
         src={img}
         alt={title}
       />
-    </Link>
+    </SmartLink>
   )
 }
diff --git a/themes/game/components/GroupCategory.js b/themes/game/components/GroupCategory.js
index 4da5128c..b91abefc 100644
--- a/themes/game/components/GroupCategory.js
+++ b/themes/game/components/GroupCategory.js
@@ -1,4 +1,4 @@
-import Link from 'next/link'
+import SmartLink from '@/components/SmartLink'
 
 function GroupCategory({ currentCategory, categoryOptions }) {
   if (!categoryOptions) {
@@ -7,16 +7,16 @@ function GroupCategory({ currentCategory, categoryOptions }) {
 
   return (
     <div className='flex items-center'>
-      <Link className='mx-2' href='/category'>
+      <SmartLink className='mx-2' href='/category'>
         <i className='fas fa-bars' />
-      </Link>
+      </SmartLink>
       <div
         id='category-list'
         className='dark:border-gray-600 flex flex-wrap py-1'>
         {categoryOptions.map(category => {
           const selected = currentCategory === category.name
           return (
-            <Link
+            <SmartLink
               key={category.name}
               href={`/category/${category.name}`}
               passHref
@@ -32,7 +32,7 @@ function GroupCategory({ currentCategory, categoryOptions }) {
               {/* <span className='text-xs flex items-start pl-2 h-full'>
                 {category.count}
               </span> */}
-            </Link>
+            </SmartLink>
           )
         })}
       </div>
diff --git a/themes/game/components/GroupTag.js b/themes/game/components/GroupTag.js
index 2fa712bd..3c6806dd 100644
--- a/themes/game/components/GroupTag.js
+++ b/themes/game/components/GroupTag.js
@@ -1,4 +1,4 @@
-import Link from 'next/link'
+import SmartLink from '@/components/SmartLink'
 import TagItemMini from './TagItemMini'
 
 /**
@@ -12,9 +12,9 @@ function GroupTag({ tagOptions, currentTag }) {
   if (!tagOptions) return <></>
   return (
     <div className='flex items-center'>
-      <Link href='/tag'>
+      <SmartLink href='/tag'>
         <i className='fas fa-tags p-2' />
-      </Link>
+      </SmartLink>
       <div id='tags-group' className='flex flex-wrap p-1 gap-2'>
         {tagOptions?.slice(0, 20)?.map(tag => {
           const selected = tag.name === currentTag
diff --git a/themes/game/components/Logo.js b/themes/game/components/Logo.js
index 896ae725..8de33512 100644
--- a/themes/game/components/Logo.js
+++ b/themes/game/components/Logo.js
@@ -1,10 +1,10 @@
 import { siteConfig } from '@/lib/config'
-import Link from 'next/link'
+import SmartLink from '@/components/SmartLink'
 
 /* eslint-disable @next/next/no-html-link-for-pages */
 export default function Logo({ siteInfo }) {
   return (
-    <Link
+    <SmartLink
       passHref
       href='/'
       className='logo rounded cursor-pointer flex flex-col items-center'>
@@ -16,6 +16,6 @@ export default function Logo({ siteInfo }) {
           {siteConfig('BIO')}
         </h2>
       </div>
-    </Link>
+    </SmartLink>
   )
 }
diff --git a/themes/game/components/LogoMini.js b/themes/game/components/LogoMini.js
index b540e6e6..8b8899a8 100644
--- a/themes/game/components/LogoMini.js
+++ b/themes/game/components/LogoMini.js
@@ -1,11 +1,11 @@
 import { siteConfig } from '@/lib/config'
-import Link from 'next/link'
+import SmartLink from '@/components/SmartLink'
 
 /* eslint-disable @next/next/no-html-link-for-pages */
 export default function LogoMini() {
   return (
-    <Link href='/' className='logo rounded cursor-pointer flex items-center text-xl text-white font-bold font-serif'>
+    <SmartLink href='/' className='logo rounded cursor-pointer flex items-center text-xl text-white font-bold font-serif'>
       {siteConfig('TITLE')?.charAt(0)}
-    </Link>
+    </SmartLink>
   )
 }
diff --git a/themes/game/components/MenuItemCollapse.js b/themes/game/components/MenuItemCollapse.js
index f70ed8d1..d7fd1993 100644
--- a/themes/game/components/MenuItemCollapse.js
+++ b/themes/game/components/MenuItemCollapse.js
@@ -1,5 +1,5 @@
 import Collapse from '@/components/Collapse'
-import Link from 'next/link'
+import SmartLink from '@/components/SmartLink'
 import { useState } from 'react'
 
 /**
@@ -32,7 +32,7 @@ export const MenuItemCollapse = props => {
         className='w-full px-4 py-2 text-left dark:bg-hexo-black-gray dark:border-black'
         onClick={toggleShow}>
         {!hasSubMenu && (
-          <Link
+          <SmartLink
             href={link?.href}
             target={link?.target}
             className='font-extralight  flex justify-between pl-2 pr-4 dark:text-gray-200 no-underline tracking-widest pb-1'>
@@ -44,7 +44,7 @@ export const MenuItemCollapse = props => {
               )}
               {link?.name}
             </span>
-          </Link>
+          </SmartLink>
         )}
         {hasSubMenu && (
           <div
@@ -71,9 +71,9 @@ export const MenuItemCollapse = props => {
               <div
                 key={index}
                 className='font-extralight dark:bg-black text-left px-10 justify-start  bg-gray-50 hover:bg-gray-50 dark:hover:bg-gray-900 tracking-widest transition-all duration-200 border-b dark:border-gray-800 py-3 pr-6'>
-                <Link href={sLink.href} target={link?.target}>
+                <SmartLink href={sLink.href} target={link?.target}>
                   <span className='text-xs'>{sLink.title}</span>
-                </Link>
+                </SmartLink>
               </div>
             )
           })}
diff --git a/themes/game/components/MenuItemDrop.js b/themes/game/components/MenuItemDrop.js
index e72a87dd..54f13cc0 100644
--- a/themes/game/components/MenuItemDrop.js
+++ b/themes/game/components/MenuItemDrop.js
@@ -1,4 +1,4 @@
-import Link from 'next/link'
+import SmartLink from '@/components/SmartLink'
 import { useState } from 'react'
 
 export const MenuItemDrop = ({ link }) => {
@@ -17,7 +17,7 @@ export const MenuItemDrop = ({ link }) => {
         onMouseOut={() => changeShow(false)}>
         {!hasSubMenu && (
           <div className='dark:text-gray-50 nav hover:scale-105 transition-transform duration-200'>
-            <Link
+            <SmartLink
               href={link?.href}
               className='flex flex-nowrap'
               target={link?.target}>
@@ -25,7 +25,7 @@ export const MenuItemDrop = ({ link }) => {
                 {link?.icon && <i className={link?.icon} />}
               </div>
               {link?.name}
-            </Link>
+            </SmartLink>
           </div>
         )}
 
@@ -47,12 +47,12 @@ export const MenuItemDrop = ({ link }) => {
                 <div
                   key={index}
                   className='text-gray-700 dark:text-gray-200  tracking-widest transition-all duration-200 '>
-                  <Link href={sLink.href} target={link?.target}>
+                  <SmartLink href={sLink.href} target={link?.target}>
                     <span className='text-sm text-nowrap font-extralight'>
                       {link?.icon && <i className={sLink?.icon}> &nbsp; </i>}
                       {sLink.title}
                     </span>
-                  </Link>
+                  </SmartLink>
                 </div>
               )
             })}
diff --git a/themes/game/components/PaginationSimple.js b/themes/game/components/PaginationSimple.js
index 6df710f5..c2874b59 100644
--- a/themes/game/components/PaginationSimple.js
+++ b/themes/game/components/PaginationSimple.js
@@ -1,5 +1,5 @@
 import { useGlobal } from '@/lib/global'
-import Link from 'next/link'
+import SmartLink from '@/components/SmartLink'
 import { useRouter } from 'next/router'
 
 /**
@@ -21,7 +21,7 @@ const PaginationSimple = ({ page, showNext }) => {
 
   return (
     <div className='my-10 flex justify-between font-medium text-black dark:text-gray-100 space-x-2'>
-      <Link
+      <SmartLink
         href={{
           pathname:
             currentPage === 2
@@ -35,8 +35,8 @@ const PaginationSimple = ({ page, showNext }) => {
           currentPage === 1 ? 'invisible' : 'visible'
         } text-center w-full duration-200 px-4 py-2 hover:border-black dark:border-hexo-black-gray border-b-2 hover:font-bold`}>
         ←{locale.PAGINATION.PREV}
-      </Link>
-      <Link
+      </SmartLink>
+      <SmartLink
         href={{
           pathname: `${pagePrefix}/page/${currentPage + 1}`,
           query: router.query.s ? { s: router.query.s } : {}
@@ -47,7 +47,7 @@ const PaginationSimple = ({ page, showNext }) => {
           showNext ? 'visible' : 'invisible'
         } text-center w-full duration-200 px-4 py-2 hover:border-black dark:border-hexo-black-gray border-b-2 hover:font-bold`}>
         {locale.PAGINATION.NEXT}→
-      </Link>
+      </SmartLink>
     </div>
   )
 }
diff --git a/themes/game/components/PostInfo.js b/themes/game/components/PostInfo.js
index 0e430765..243d569e 100644
--- a/themes/game/components/PostInfo.js
+++ b/themes/game/components/PostInfo.js
@@ -1,5 +1,5 @@
 import NotionIcon from '@/components/NotionIcon'
-import Link from 'next/link'
+import SmartLink from '@/components/SmartLink'
 import TagItem from './TagItem'
 import { siteConfig } from '@/lib/config'
 
@@ -15,12 +15,12 @@ export default function PostInfo(props) {
         <div>
           {post?.type !== 'Page' && (
             <>
-              <Link
+              <SmartLink
                 href={`/category/${post?.category}`}
                 passHref
                 className='cursor-pointer text-xs font-bold hover:underline mr-2'>
                 {post?.category}
-              </Link>
+              </SmartLink>
             </>
           )}
         </div>
diff --git a/themes/game/components/SideBar.js b/themes/game/components/SideBar.js
index a4d1e060..5cc321ba 100644
--- a/themes/game/components/SideBar.js
+++ b/themes/game/components/SideBar.js
@@ -1,7 +1,7 @@
 import { siteConfig } from '@/lib/config'
 import Live2D from '@/components/Live2D'
 import { useGlobal } from '@/lib/global'
-import Link from 'next/link'
+import SmartLink from '@/components/SmartLink'
 import dynamic from 'next/dynamic'
 const ExampleRecentComments = dynamic(() => import('./ExampleRecentComments'))
 
@@ -18,13 +18,13 @@ export const SideBar = (props) => {
                     <ul className="list-reset leading-normal">
                         {categories?.map(category => {
                           return (
-                              <Link
+                              <SmartLink
                                   key={category.name}
                                   href={`/category/${category.name}`}
                                   passHref
                                   legacyBehavior>
                                     <li>  <a href="#" className="text-gray-darkest text-sm">{category.name}({category.count})</a></li>
-                                </Link>
+                                </SmartLink>
                           );
                         })}
                     </ul>
@@ -39,9 +39,9 @@ export const SideBar = (props) => {
                     <ul className="list-reset leading-normal">
                         {latestPosts?.map(p => {
                           return (
-                              <Link key={p.id} href={`/${p.slug}`} passHref legacyBehavior>
+                              <SmartLink key={p.id} href={`/${p.slug}`} passHref legacyBehavior>
                                     <li>  <a href="#" className="text-gray-darkest text-sm">{p.title}</a></li>
-                                </Link>
+                                </SmartLink>
                           );
                         })}
                     </ul>
diff --git a/themes/game/components/TagItem.js b/themes/game/components/TagItem.js
index 4f01fb72..fd94acbd 100644
--- a/themes/game/components/TagItem.js
+++ b/themes/game/components/TagItem.js
@@ -1,11 +1,11 @@
-import Link from 'next/link'
+import SmartLink from '@/components/SmartLink'
 
 const TagItem = ({ tag }) => (
-  <Link href={`/tag/${encodeURIComponent(tag)}`}>
+  <SmartLink href={`/tag/${encodeURIComponent(tag)}`}>
     <p className='cursor-pointer hover:bg-gray-50 dark:hover:bg-hexo-black-gray mr-1 rounded-full px-2 py-1 border leading-none text-sm dark:border-gray-600'>
       {tag}
     </p>
-  </Link>
+  </SmartLink>
 )
 
 export default TagItem
diff --git a/themes/game/components/TagItemMini.js b/themes/game/components/TagItemMini.js
index 3fe0c7bf..48f101b5 100644
--- a/themes/game/components/TagItemMini.js
+++ b/themes/game/components/TagItemMini.js
@@ -1,8 +1,8 @@
-import Link from 'next/link'
+import SmartLink from '@/components/SmartLink'
 
 const TagItemMini = ({ tag, selected = false }) => {
   return (
-    <Link
+    <SmartLink
       key={tag}
       href={selected ? '/' : `/tag/${encodeURIComponent(tag.name)}`}
       className={` rounded hover:text-white hover:bg-green-500 text-black dark:text-white dark:bg-gray-800 py-0.5 px-1 `}
@@ -14,7 +14,7 @@ const TagItemMini = ({ tag, selected = false }) => {
           {tag.count ? `${tag.count}` : ''}
         </span>
       </span>
-    </Link>
+    </SmartLink>
   )
 }
 
diff --git a/themes/game/components/Tags.js b/themes/game/components/Tags.js
index bdab3ee5..db94dd93 100644
--- a/themes/game/components/Tags.js
+++ b/themes/game/components/Tags.js
@@ -1,4 +1,4 @@
-import Link from 'next/link'
+import SmartLink from '@/components/SmartLink'
 
 const Tags = props => {
   const { tagOptions, tag } = props
@@ -19,14 +19,14 @@ const Tags = props => {
                   : 'bg-gray-100 border-gray-100 text-gray-400 dark:bg-night dark:border-gray-800'
               }`}
             >
-              <Link
+              <SmartLink
                 key={tag.id}
                 href={selected ? '/search' : `/tag/${encodeURIComponent(tag.name)}`}
                 className="px-4 py-2 block">
 
                 {`${tag.name} (${tag.count})`}
 
-              </Link>
+              </SmartLink>
             </li>
           )
         })}
diff --git a/themes/game/index.js b/themes/game/index.js
index a2ad09e0..e57fea09 100644
--- a/themes/game/index.js
+++ b/themes/game/index.js
@@ -9,7 +9,7 @@ import { siteConfig } from '@/lib/config'
 import { useGlobal } from '@/lib/global'
 import { loadWowJS } from '@/lib/plugins/wow'
 import { deepClone, isBrowser, shuffleArray } from '@/lib/utils'
-import Link from 'next/link'
+import SmartLink from '@/components/SmartLink'
 import { useRouter } from 'next/router'
 import { createContext, useContext, useEffect, useRef, useState } from 'react'
 import Announcement from './components/Announcement'
@@ -400,7 +400,7 @@ const LayoutCategoryIndex = props => {
         className='duration-200 flex flex-wrap my-4 gap-2'>
         {categoryOptions?.map(category => {
           return (
-            <Link
+            <SmartLink
               key={category.name}
               href={`/category/${category.name}`}
               passHref
@@ -412,7 +412,7 @@ const LayoutCategoryIndex = props => {
                 {/* <i className='mr-4 fas fa-folder' /> */}
                 {category.name}({category.count})
               </div>
-            </Link>
+            </SmartLink>
           )
         })}
       </div>
@@ -433,14 +433,14 @@ const LayoutTagIndex = props => {
         <div id='tags-list' className='duration-200 flex flex-wrap my-4 gap-2'>
           {tagOptions.map(tag => {
             return (
-              <Link
+              <SmartLink
                 key={tag.name}
                 href={`/tag/${encodeURIComponent(tag.name)}`}
                 passHref
                 className={` select-none cursor-pointer flex bg-white rounded-lg hover:bg-gray-500 hover:text-white duration-200 mr-2 py-1 px-2 text-xs whitespace-nowrap dark:hover:text-white  hover:shadow-xl  dark:bg-gray-800`}>
                 <i className='mr-1 fas fa-tag' />{' '}
                 {tag.name + (tag.count ? `(${tag.count})` : '')}{' '}
-              </Link>
+              </SmartLink>
             )
           })}
         </div>
diff --git a/themes/gitbook/components/ArticleAround.js b/themes/gitbook/components/ArticleAround.js
index 4125e1cc..62893af4 100644
--- a/themes/gitbook/components/ArticleAround.js
+++ b/themes/gitbook/components/ArticleAround.js
@@ -1,5 +1,5 @@
 import { useGlobal } from '@/lib/global'
-import Link from 'next/link'
+import SmartLink from '@/components/SmartLink'
 
 /**
  * 上一篇，下一篇文章
@@ -15,7 +15,7 @@ export default function ArticleAround({ prev, next }) {
 
   return (
     <section className='text-gray-800 dark:text-gray-400 flex items-center justify-between gap-x-3 my-4'>
-      <Link
+      <SmartLink
         href={prev.href}
         passHref
         className='rounded border w-full h-20 px-3 cursor-pointer justify-between items-center flex hover:text-green-500 duration-300'>
@@ -24,9 +24,9 @@ export default function ArticleAround({ prev, next }) {
           <div>{locale.COMMON.PREV_POST}</div>
           <div>{prev.title}</div>
         </div>
-      </Link>
+      </SmartLink>
 
-      <Link
+      <SmartLink
         href={next.href}
         passHref
         className='rounded border w-full h-20 px-3 cursor-pointer justify-between items-center flex hover:text-green-500 duration-300'>
@@ -35,7 +35,7 @@ export default function ArticleAround({ prev, next }) {
           <div> {next.title}</div>
         </div>
         <i className='ml-1 my-1 fas fa-angle-right' />
-      </Link>
+      </SmartLink>
     </section>
   )
 }
diff --git a/themes/gitbook/components/BlogArchiveItem.js b/themes/gitbook/components/BlogArchiveItem.js
index 7d7b5a1c..a6d77c51 100644
--- a/themes/gitbook/components/BlogArchiveItem.js
+++ b/themes/gitbook/components/BlogArchiveItem.js
@@ -1,4 +1,4 @@
-import Link from 'next/link'
+import SmartLink from '@/components/SmartLink'
 
 /**
  * 归档分组
@@ -20,12 +20,12 @@ export default function BlogArchiveItem({ archiveTitle, archivePosts }) {
               <div id={post?.publishDay}>
                 <span className='text-gray-400'>{post.date?.start_date}</span>{' '}
                 &nbsp;
-                <Link
+                <SmartLink
                   passHref
                   href={post?.href}
                   className='dark:text-gray-400  dark:hover:text-gray-300 overflow-x-hidden hover:underline cursor-pointer text-gray-600'>
                   {post.title}
-                </Link>
+                </SmartLink>
               </div>
             </li>
           )
diff --git a/themes/gitbook/components/BlogPostCard.js b/themes/gitbook/components/BlogPostCard.js
index a311f47c..c19a099b 100644
--- a/themes/gitbook/components/BlogPostCard.js
+++ b/themes/gitbook/components/BlogPostCard.js
@@ -1,7 +1,7 @@
 import Badge from '@/components/Badge'
 import NotionIcon from '@/components/NotionIcon'
 import { siteConfig } from '@/lib/config'
-import Link from 'next/link'
+import SmartLink from '@/components/SmartLink'
 import { useRouter } from 'next/router'
 
 const BlogPostCard = ({ post, className }) => {
@@ -10,7 +10,7 @@ const BlogPostCard = ({ post, className }) => {
     decodeURIComponent(router.asPath.split('?')[0]) === post?.href
 
   return (
-    <Link href={post?.href} passHref>
+    <SmartLink href={post?.href} passHref>
       <div
         key={post.id}
         className={`${className} relative py-1.5 cursor-pointer px-1.5 rounded-md hover:bg-gray-50
@@ -26,7 +26,7 @@ const BlogPostCard = ({ post, className }) => {
           <Badge />
         )}
       </div>
-    </Link>
+    </SmartLink>
   )
 }
 
diff --git a/themes/gitbook/components/CategoryItem.js b/themes/gitbook/components/CategoryItem.js
index 779488de..8b7cbcfc 100644
--- a/themes/gitbook/components/CategoryItem.js
+++ b/themes/gitbook/components/CategoryItem.js
@@ -1,8 +1,8 @@
-import Link from 'next/link'
+import SmartLink from '@/components/SmartLink'
 
 export default function CategoryItem ({ selected, category, categoryCount }) {
   return (
-    <Link
+    <SmartLink
       href={`/category/${category}`}
       passHref
       className={(selected
@@ -13,6 +13,6 @@ export default function CategoryItem ({ selected, category, categoryCount }) {
       <div><i className={`mr-2 fas ${selected ? 'fa-folder-open' : 'fa-folder'}`} />{category} {categoryCount && `(${categoryCount})`}
       </div>
 
-    </Link>
+    </SmartLink>
   );
 }
diff --git a/themes/gitbook/components/LeftMenuBar.js b/themes/gitbook/components/LeftMenuBar.js
index 6bde6c51..6f9da093 100644
--- a/themes/gitbook/components/LeftMenuBar.js
+++ b/themes/gitbook/components/LeftMenuBar.js
@@ -1,14 +1,14 @@
-import Link from 'next/link'
+import SmartLink from '@/components/SmartLink'
 
 export default function LeftMenuBar () {
   return (
     <div className='w-20  border-r hidden lg:block pt-12'>
       <section>
-        <Link href='/' legacyBehavior>
+        <SmartLink href='/' legacyBehavior>
           <div className='text-center cursor-pointer  hover:text-black'>
             <i className='fas fa-home text-gray-500'/>
           </div>
-        </Link>
+        </SmartLink>
       </section>
     </div>
   );
diff --git a/themes/gitbook/components/LogoBar.js b/themes/gitbook/components/LogoBar.js
index b3f96cdf..3e086de5 100644
--- a/themes/gitbook/components/LogoBar.js
+++ b/themes/gitbook/components/LogoBar.js
@@ -1,6 +1,6 @@
 import LazyImage from '@/components/LazyImage'
 import { siteConfig } from '@/lib/config'
-import Link from 'next/link'
+import SmartLink from '@/components/SmartLink'
 import CONFIG from '../config'
 
 /**
@@ -12,9 +12,9 @@ export default function LogoBar(props) {
   const { siteInfo } = props
   return (
     <div id='logo-wrapper' className='w-full flex items-center mr-2'>
-      <Link
+      <SmartLink
         href={`/${siteConfig('GITBOOK_INDEX_PAGE', '', CONFIG)}`}
-        className='flex text-lg font-bold md:text-2xl dark:text-gray-200'>
+        className='flex text-lg font-bold md:text-2xl dark:text-gray-200 items-center'>
         <LazyImage
           src={siteInfo?.icon}
           width={24}
@@ -23,7 +23,7 @@ export default function LogoBar(props) {
           className='mr-2 hidden md:block '
         />
         {siteInfo?.title || siteConfig('TITLE')}
-      </Link>
+      </SmartLink>
     </div>
   )
 }
diff --git a/themes/gitbook/components/MenuItemCollapse.js b/themes/gitbook/components/MenuItemCollapse.js
index 96186533..a199cf9e 100644
--- a/themes/gitbook/components/MenuItemCollapse.js
+++ b/themes/gitbook/components/MenuItemCollapse.js
@@ -1,5 +1,5 @@
 import Collapse from '@/components/Collapse'
-import Link from 'next/link'
+import SmartLink from '@/components/SmartLink'
 import { useRouter } from 'next/router'
 import { useState } from 'react'
 
@@ -42,7 +42,7 @@ export const MenuItemCollapse = props => {
         }
         onClick={toggleShow}>
         {!hasSubMenu && (
-          <Link
+          <SmartLink
             href={link?.href}
             target={link?.target}
             className='py-2 w-full my-auto items-center justify-between flex  '>
@@ -50,7 +50,7 @@ export const MenuItemCollapse = props => {
               <div className={`${link.icon} text-center w-4 mr-4`} />
               {link.name}
             </div>
-          </Link>
+          </SmartLink>
         )}
 
         {hasSubMenu && (
@@ -79,14 +79,14 @@ export const MenuItemCollapse = props => {
                 className='
               not:last-child:border-b-0 border-b dark:border-gray-800 py-2 px-14 cursor-pointer hover:bg-gray-100 dark:text-gray-200
               font-extralight dark:bg-black text-left justify-start text-gray-600 bg-gray-50 dark:hover:bg-gray-900 tracking-widest transition-all duration-200'>
-                <Link href={sLink.href} target={link?.target}>
+                <SmartLink href={sLink.href} target={link?.target}>
                   <div>
                     <div
                       className={`${sLink.icon} text-center w-3 mr-3 text-xs`}
                     />
                     {sLink.title}
                   </div>
-                </Link>
+                </SmartLink>
               </div>
             )
           })}
diff --git a/themes/gitbook/components/MenuItemDrop.js b/themes/gitbook/components/MenuItemDrop.js
index 9cc721d7..7fb7d2f5 100644
--- a/themes/gitbook/components/MenuItemDrop.js
+++ b/themes/gitbook/components/MenuItemDrop.js
@@ -1,4 +1,4 @@
-import Link from 'next/link'
+import SmartLink from '@/components/SmartLink'
 import { useRouter } from 'next/router'
 import { useState } from 'react'
 
@@ -24,9 +24,9 @@ export const MenuItemDrop = ({ link }) => {
               ? 'bg-green-600 text-white hover:text-white'
               : 'hover:text-green-600')
           }>
-          <Link href={link?.href} target={link?.target}>
+          <SmartLink href={link?.href} target={link?.target}>
             {link?.icon && <i className={link?.icon} />} {link?.name}
-          </Link>
+          </SmartLink>
         </div>
       )}
 
@@ -56,12 +56,12 @@ export const MenuItemDrop = ({ link }) => {
                 <li
                   key={index}
                   className='not:last-child:border-b-0 border-b text-gray-700 dark:text-gray-200  hover:bg-gray-50 dark:hover:bg-gray-900 tracking-widest transition-all duration-200  dark:border-gray-800 py-3 pr-6 pl-3'>
-                  <Link href={sLink.href} target={link?.target}>
+                  <SmartLink href={sLink.href} target={link?.target}>
                     <span className='text-xs'>
                       {link?.icon && <i className={sLink?.icon}> &nbsp; </i>}
                       {sLink.title}
                     </span>
-                  </Link>
+                  </SmartLink>
                 </li>
               )
             })}
diff --git a/themes/gitbook/components/MenuItemMobileNormal.js b/themes/gitbook/components/MenuItemMobileNormal.js
index de16827d..d04ba79b 100644
--- a/themes/gitbook/components/MenuItemMobileNormal.js
+++ b/themes/gitbook/components/MenuItemMobileNormal.js
@@ -1,4 +1,4 @@
-import Link from 'next/link'
+import SmartLink from '@/components/SmartLink'
 import { useRouter } from 'next/router'
 
 export const NormalMenu = props => {
@@ -12,7 +12,7 @@ export const NormalMenu = props => {
   const selected = router.pathname === link.href || router.asPath === link.href
 
   return (
-    <Link
+    <SmartLink
       key={link?.href}
       title={link.name}
       href={link.href}
@@ -24,6 +24,6 @@ export const NormalMenu = props => {
         <div className={'hover:text-black'}>{link.name}</div>
       </div>
       {link.slot}
-    </Link>
+    </SmartLink>
   )
 }
diff --git a/themes/gitbook/components/MenuItemPCNormal.js b/themes/gitbook/components/MenuItemPCNormal.js
index bf3a22c7..06bee8a6 100644
--- a/themes/gitbook/components/MenuItemPCNormal.js
+++ b/themes/gitbook/components/MenuItemPCNormal.js
@@ -1,4 +1,4 @@
-import Link from 'next/link'
+import SmartLink from '@/components/SmartLink'
 import { useRouter } from 'next/router'
 
 export const MenuItemPCNormal = props => {
@@ -10,7 +10,7 @@ export const MenuItemPCNormal = props => {
   }
 
   return (
-    <Link
+    <SmartLink
       key={`${link.id}-${link.slug}`}
       title={link.name}
       href={link.href}
@@ -25,6 +25,6 @@ export const MenuItemPCNormal = props => {
         <div className='ml-2 whitespace-nowrap'>{link.name}</div>
       </div>
       {link.slot}
-    </Link>
+    </SmartLink>
   )
 }
diff --git a/themes/gitbook/components/PaginationSimple.js b/themes/gitbook/components/PaginationSimple.js
index b48259ea..90d6101b 100644
--- a/themes/gitbook/components/PaginationSimple.js
+++ b/themes/gitbook/components/PaginationSimple.js
@@ -1,4 +1,4 @@
-import Link from 'next/link'
+import SmartLink from '@/components/SmartLink'
 import { useRouter } from 'next/router'
 import { useGlobal } from '@/lib/global'
 
@@ -18,7 +18,7 @@ const PaginationSimple = ({ page, totalPage }) => {
 
   return (
     <div className="my-10 flex justify-between font-medium text-black dark:text-gray-100 space-x-2">
-      <Link
+      <SmartLink
         href={{
           pathname:
             currentPage === 2
@@ -33,8 +33,8 @@ const PaginationSimple = ({ page, totalPage }) => {
         } text-center w-full duration-200 px-4 py-2 hover:border-green-500 border-b-2 hover:font-bold`}>
         ←{locale.PAGINATION.PREV}
 
-      </Link>
-      <Link
+      </SmartLink>
+      <SmartLink
         href={{
           pathname: `${pagePrefix}/page/${currentPage + 1}`,
           query: router.query.s ? { s: router.query.s } : {}
@@ -46,7 +46,7 @@ const PaginationSimple = ({ page, totalPage }) => {
         } text-center w-full duration-200 px-4 py-2 hover:border-green-500 border-b-2 hover:font-bold`}>
 
         {locale.PAGINATION.NEXT}→
-      </Link>
+      </SmartLink>
     </div>
   )
 }
diff --git a/themes/gitbook/components/TagItemMini.js b/themes/gitbook/components/TagItemMini.js
index 9922a069..e8fde285 100644
--- a/themes/gitbook/components/TagItemMini.js
+++ b/themes/gitbook/components/TagItemMini.js
@@ -1,8 +1,8 @@
-import Link from 'next/link'
+import SmartLink from '@/components/SmartLink'
 
 const TagItemMini = ({ tag, selected = false }) => {
   return (
-    <Link
+    <SmartLink
       key={tag}
       href={selected ? '/' : `/tag/${encodeURIComponent(tag.name)}`}
       passHref
@@ -14,7 +14,7 @@ const TagItemMini = ({ tag, selected = false }) => {
 
       <div className='font-light dark:text-gray-400'>{selected && <i className='mr-1 fas fa-tag'/>} {tag.name + (tag.count ? `(${tag.count})` : '')} </div>
 
-    </Link>
+    </SmartLink>
   )
 }
 
diff --git a/themes/gitbook/index.js b/themes/gitbook/index.js
index eda1faa3..e18c3f1f 100644
--- a/themes/gitbook/index.js
+++ b/themes/gitbook/index.js
@@ -16,7 +16,7 @@ import { getShortId } from '@/lib/utils/pageId'
 import { SignIn, SignUp } from '@clerk/nextjs'
 import dynamic from 'next/dynamic'
 import Head from 'next/head'
-import Link from 'next/link'
+import SmartLink from '@/components/SmartLink'
 import { useRouter } from 'next/router'
 import { createContext, useContext, useEffect, useRef, useState } from 'react'
 import Announcement from './components/Announcement'
@@ -479,7 +479,7 @@ const LayoutCategoryIndex = props => {
         <div id='category-list' className='duration-200 flex flex-wrap'>
           {categoryOptions?.map(category => {
             return (
-              <Link
+              <SmartLink
                 key={category.name}
                 href={`/category/${category.name}`}
                 passHref
@@ -491,7 +491,7 @@ const LayoutCategoryIndex = props => {
                   <i className='mr-4 fas fa-folder' />
                   {category.name}({category.count})
                 </div>
-              </Link>
+              </SmartLink>
             )
           })}
         </div>
diff --git a/themes/heo/components/BlogPostArchive.js b/themes/heo/components/BlogPostArchive.js
index 1ba8b2da..3d6dc60d 100644
--- a/themes/heo/components/BlogPostArchive.js
+++ b/themes/heo/components/BlogPostArchive.js
@@ -1,6 +1,6 @@
 import LazyImage from '@/components/LazyImage'
 import { siteConfig } from '@/lib/config'
-import Link from 'next/link'
+import SmartLink from '@/components/SmartLink'
 import CONFIG from '../config'
 import TagItemMini from './TagItemMini'
 
@@ -44,12 +44,12 @@ const BlogPostArchive = ({ posts = [], archiveTitle, siteInfo }) => {
                 {/* 图片封面 */}
                 {showPageCover && (
                   <div>
-                    <Link href={post?.href} passHref legacyBehavior>
+                    <SmartLink href={post?.href} passHref legacyBehavior>
                       <LazyImage
                         className={'rounded-xl bg-center bg-cover w-40 h-24'}
                         src={post?.pageCoverThumbnail}
                       />
-                    </Link>
+                    </SmartLink>
                   </div>
                 )}
 
@@ -60,24 +60,24 @@ const BlogPostArchive = ({ posts = [], archiveTitle, siteInfo }) => {
                     {post?.category && (
                       <div
                         className={`flex items-center ${showPreview ? 'justify-center' : 'justify-start'} hidden md:block flex-wrap dark:text-gray-500 text-gray-600 `}>
-                        <Link
+                        <SmartLink
                           passHref
                           href={`/category/${post.category}`}
                           className='cursor-pointer text-xs font-normal menu-link hover:text-indigo-700  dark:text-gray-600 transform'>
                           {post.category}
-                        </Link>
+                        </SmartLink>
                       </div>
                     )}
 
                     {/* 标题 */}
-                    <Link
+                    <SmartLink
                       href={post?.href}
                       passHref
                       className={
                         ' group-hover:text-indigo-700 group-hover:dark:text-indigo-400 text-black dark:text-gray-100 dark:group-hover:text-yellow-600 line-clamp-2 replace cursor-pointer text-xl font-extrabold leading-tight'
                       }>
                       <span className='menu-link '>{post.title}</span>
-                    </Link>
+                    </SmartLink>
                   </div>
 
                   {/* 摘要 */}
diff --git a/themes/heo/components/BlogPostCard.js b/themes/heo/components/BlogPostCard.js
index c6e09f4a..ebbb6238 100644
--- a/themes/heo/components/BlogPostCard.js
+++ b/themes/heo/components/BlogPostCard.js
@@ -1,7 +1,7 @@
 import LazyImage from '@/components/LazyImage'
 import NotionIcon from './NotionIcon'
 import { siteConfig } from '@/lib/config'
-import Link from 'next/link'
+import SmartLink from '@/components/SmartLink'
 import CONFIG from '../config'
 import TagItemMini from './TagItemMini'
 
@@ -38,7 +38,7 @@ const BlogPostCard = ({ index, post, showSummary, siteInfo }) => {
         }>
         {/* 图片封面 */}
         {showPageCover && (
-          <Link href={post?.href} passHref legacyBehavior>
+          <SmartLink href={post?.href} passHref legacyBehavior>
             <div
               className={
                 (POST_TWO_COLS ? ' 2xl:w-full' : '') +
@@ -51,7 +51,7 @@ const BlogPostCard = ({ index, post, showSummary, siteInfo }) => {
                 className='h-full w-full object-cover group-hover:scale-105 group-hover:brightness-75 transition-all duration-500 ease-in-out' //宽高都调整为自适应,保证封面居中
               />
             </div>
-          </Link>
+          </SmartLink>
         )}
 
         {/* 文字区块 */}
@@ -65,17 +65,17 @@ const BlogPostCard = ({ index, post, showSummary, siteInfo }) => {
             {post?.category && (
               <div
                 className={`flex mb-1 items-center ${showPreview ? 'justify-center' : 'justify-start'} hidden md:block flex-wrap dark:text-gray-300 text-gray-600 hover:text-indigo-700 dark:hover:text-yellow-500`}>
-                <Link
+                <SmartLink
                   passHref
                   href={`/category/${post.category}`}
                   className='cursor-pointer text-xs font-normal menu-link '>
                   {post.category}
-                </Link>
+                </SmartLink>
               </div>
             )}
 
             {/* 标题和图标 */}
-            <Link
+            <SmartLink
               href={post?.href}
               passHref
               className={
@@ -88,7 +88,7 @@ const BlogPostCard = ({ index, post, showSummary, siteInfo }) => {
               />
               )}
               <span className='menu-link '>{post.title}</span>
-            </Link>
+            </SmartLink>
           </header>
 
           {/* 摘要 */}
diff --git a/themes/heo/components/CategoryBar.js b/themes/heo/components/CategoryBar.js
index d5548f9d..5a955c29 100644
--- a/themes/heo/components/CategoryBar.js
+++ b/themes/heo/components/CategoryBar.js
@@ -1,6 +1,6 @@
 import { ChevronDoubleLeft, ChevronDoubleRight } from '@/components/HeroIcons'
 import { useGlobal } from '@/lib/global'
-import Link from 'next/link'
+import SmartLink from '@/components/SmartLink'
 import { useRouter } from 'next/router'
 import { useRef, useState } from 'react'
 
@@ -55,11 +55,11 @@ export default function CategoryBar(props) {
             <ChevronDoubleRight className={'w-5 h-5'} />
           )}
         </div>
-        <Link
+        <SmartLink
           href='/category'
           className='whitespace-nowrap font-bold text-gray-900 dark:text-white transition-colors duration-200 hover:text-indigo-600 dark:hover:text-yellow-600'>
           {locale.MENU.CATEGORY}
-        </Link>
+        </SmartLink>
       </div>
     </div>
   )
@@ -77,7 +77,7 @@ const MenuItem = ({ href, name }) => {
   return (
     <div
       className={`whitespace-nowrap mr-2 duration-200 transition-all font-bold px-2 py-0.5 rounded-md text-gray-900 dark:text-white hover:text-white hover:bg-indigo-600 dark:hover:bg-yellow-600 ${selected ? 'text-white bg-indigo-600 dark:bg-yellow-600' : ''}`}>
-      <Link href={href}>{name}</Link>
+      <SmartLink href={href}>{name}</SmartLink>
     </div>
   )
 }
diff --git a/themes/heo/components/CategoryGroup.js b/themes/heo/components/CategoryGroup.js
index 21915d72..a3bde599 100644
--- a/themes/heo/components/CategoryGroup.js
+++ b/themes/heo/components/CategoryGroup.js
@@ -1,4 +1,4 @@
-import Link from 'next/link'
+import SmartLink from '@/components/SmartLink'
 
 const CategoryGroup = ({ currentCategory, categories }) => {
   if (!categories) {
@@ -9,7 +9,7 @@ const CategoryGroup = ({ currentCategory, categories }) => {
       {categories.map(category => {
         const selected = currentCategory === category.name
         return (
-          <Link
+          <SmartLink
             key={category.name}
             href={`/category/${category.name}`}
             passHref
@@ -20,7 +20,7 @@ const CategoryGroup = ({ currentCategory, categories }) => {
 
             <div> <i className={`mr-2 fas ${selected ? 'fa-folder-open' : 'fa-folder'}`} />{category.name}({category.count})</div>
 
-          </Link>
+          </SmartLink>
         )
       })}
     </div>
diff --git a/themes/heo/components/Hero.js b/themes/heo/components/Hero.js
index 8c2a871b..a0cae172 100644
--- a/themes/heo/components/Hero.js
+++ b/themes/heo/components/Hero.js
@@ -3,7 +3,7 @@ import { ArrowSmallRight, PlusSmall } from '@/components/HeroIcons'
 import LazyImage from '@/components/LazyImage'
 import { siteConfig } from '@/lib/config'
 import { useGlobal } from '@/lib/global'
-import Link from 'next/link'
+import SmartLink from '@/components/SmartLink'
 import { useRouter } from 'next/router'
 import { useImperativeHandle, useRef, useState } from 'react'
 import CONFIG from '../config'
@@ -176,7 +176,7 @@ function GroupMenu() {
 
   return (
     <div className='h-[165px] select-none xl:h-20 flex flex-col justify-between xl:space-y-0 xl:flex-row w-28 lg:w-48 xl:w-full xl:flex-nowrap xl:space-x-3'>
-      <Link
+      <SmartLink
         href={url_1}
         className='group relative overflow-hidden bg-gradient-to-r from-blue-500 to-blue-400 flex h-20 justify-start items-center text-white rounded-xl xl:hover:w-1/2 xl:w-1/3 transition-all duration-500 ease-in'>
         <div className='font-bold lg:text-lg  pl-5 relative -mt-2'>
@@ -186,8 +186,8 @@ function GroupMenu() {
         <div className='hidden lg:block absolute right-6  duration-700 ease-in-out transition-all scale-[2] translate-y-6 rotate-12 opacity-20 group-hover:opacity-80 group-hover:scale-100 group-hover:translate-y-0 group-hover:rotate-0'>
           <i className='fa-solid fa-star text-4xl'></i>
         </div>
-      </Link>
-      <Link
+      </SmartLink>
+      <SmartLink
         href={url_2}
         className='group relative overflow-hidden bg-gradient-to-r from-red-500 to-yellow-500 flex h-20 justify-start items-center text-white rounded-xl xl:hover:w-1/2 xl:w-1/3 transition-all duration-500 ease-in'>
         <div className='font-bold lg:text-lg pl-5 relative -mt-2'>
@@ -197,9 +197,9 @@ function GroupMenu() {
         <div className='hidden lg:block absolute right-6  duration-700 ease-in-out transition-all scale-[2] translate-y-6 rotate-12 opacity-20 group-hover:opacity-80 group-hover:scale-100 group-hover:translate-y-0 group-hover:rotate-0'>
           <i className='fa-solid fa-fire-flame-curved text-4xl'></i>
         </div>
-      </Link>
+      </SmartLink>
       {/* 第三个标签在小屏上不显示 */}
-      <Link
+      <SmartLink
         href={url_3}
         className='group relative overflow-hidden bg-gradient-to-r from-teal-300 to-cyan-300 hidden h-20 xl:flex justify-start items-center text-white rounded-xl xl:hover:w-1/2 xl:w-1/3 transition-all duration-500 ease-in'>
         <div className='font-bold text-lg pl-5 relative -mt-2'>
@@ -209,7 +209,7 @@ function GroupMenu() {
         <div className='absolute right-6 duration-700 ease-in-out transition-all scale-[2] translate-y-6 rotate-12 opacity-20 group-hover:opacity-80 group-hover:scale-100 group-hover:translate-y-0 group-hover:rotate-0'>
           <i className='fa-solid fa-book-bookmark text-4xl '></i>
         </div>
-      </Link>
+      </SmartLink>
     </div>
   )
 }
@@ -239,7 +239,7 @@ function TopGroup(props) {
         className='w-full flex space-x-3 xl:space-x-0 xl:grid xl:grid-cols-3 xl:gap-3 xl:h-[342px]'>
         {topPosts?.map((p, index) => {
           return (
-            <Link href={`${siteConfig('SUB_PATH', '')}/${p?.slug}`} key={index}>
+            <SmartLink href={`${siteConfig('SUB_PATH', '')}/${p?.slug}`} key={index}>
               <div className='cursor-pointer h-[164px] group relative flex flex-col w-52 xl:w-full overflow-hidden shadow bg-white dark:bg-black dark:text-white rounded-xl'>
                 <LazyImage
                   priority={index === 0}
@@ -255,7 +255,7 @@ function TopGroup(props) {
                   {locale.COMMON.RECOMMEND_BADGES}
                 </div>
               </div>
-            </Link>
+            </SmartLink>
           )
         })}
       </div>
diff --git a/themes/heo/components/HexoRecentComments.js b/themes/heo/components/HexoRecentComments.js
index 354e2182..11b403b1 100644
--- a/themes/heo/components/HexoRecentComments.js
+++ b/themes/heo/components/HexoRecentComments.js
@@ -1,7 +1,7 @@
 import { siteConfig } from '@/lib/config'
 import { useGlobal } from '@/lib/global'
 import { RecentComments } from '@waline/client'
-import Link from 'next/link'
+import SmartLink from '@/components/SmartLink'
 import { useEffect, useState } from 'react'
 
 /**
@@ -49,14 +49,14 @@ const HexoRecentComments = props => {
               dangerouslySetInnerHTML={{ __html: comment.comment }}
             />
             <div className='dark:text-gray-400 text-gray-400  text-sm text-right cursor-pointer hover:text-red-500 hover:underline pt-1 pr-2'>
-              <Link
+              <SmartLink
                 href={{
                   pathname: comment.url,
                   hash: comment.objectId,
                   query: { target: 'comment' }
                 }}>
                 --{comment.nick}
-              </Link>
+              </SmartLink>
             </div>
           </div>
         ))}
diff --git a/themes/heo/components/InfoCard.js b/themes/heo/components/InfoCard.js
index af31d060..5c5cbccc 100644
--- a/themes/heo/components/InfoCard.js
+++ b/themes/heo/components/InfoCard.js
@@ -1,7 +1,7 @@
 import { ArrowRightCircle } from '@/components/HeroIcons'
 import LazyImage from '@/components/LazyImage'
 import { siteConfig } from '@/lib/config'
-import Link from 'next/link'
+import SmartLink from '@/components/SmartLink'
 import { useRouter } from 'next/router'
 import { useState } from 'react'
 import CONFIG from '../config'
@@ -50,16 +50,16 @@ export function InfoCard(props) {
           {/* 两个社交按钮 */}
           {url1 && (
             <div className='w-10 text-center bg-indigo-400 p-2 rounded-full  transition-colors duration-200 dark:bg-yellow-500 dark:hover:bg-black hover:bg-white'>
-              <Link href={url1}>
+              <SmartLink href={url1}>
                 <i className={icon1} />
-              </Link>
+              </SmartLink>
             </div>
           )}
           {url2 && (
             <div className='bg-indigo-400 p-2 rounded-full w-10 items-center flex justify-center transition-colors duration-200 dark:bg-yellow-500 dark:hover:bg-black hover:bg-white'>
-              <Link href={url2}>
+              <SmartLink href={url2}>
                 <i className={icon2} />
-              </Link>
+              </SmartLink>
             </div>
           )}
         </div>
@@ -81,7 +81,7 @@ function MoreButton() {
     return <></>
   }
   return (
-    <Link href={url3}>
+    <SmartLink href={url3}>
       <div
         className={
           'group bg-indigo-400 dark:bg-yellow-500 hover:bg-white dark:hover:bg-black hover:text-black dark:hover:text-white flex items-center transition-colors duration-200 py-2 px-3 rounded-full space-x-1'
@@ -93,7 +93,7 @@ function MoreButton() {
         />
         <div className='font-bold'>{text3}</div>
       </div>
-    </Link>
+    </SmartLink>
   )
 }
 
diff --git a/themes/heo/components/LatestPostsGroup.js b/themes/heo/components/LatestPostsGroup.js
index 1eb19022..b3350e95 100644
--- a/themes/heo/components/LatestPostsGroup.js
+++ b/themes/heo/components/LatestPostsGroup.js
@@ -1,5 +1,5 @@
 import LazyImage from '@/components/LazyImage'
-import Link from 'next/link'
+import SmartLink from '@/components/SmartLink'
 
 /**
  * 最新文章列表
@@ -22,7 +22,7 @@ const LatestPostsGroup = ({ latestPosts, siteInfo }) => {
           : siteInfo?.pageCover
 
         return (
-          <Link
+          <SmartLink
             key={post.id}
             passHref
             title={post.title}
@@ -42,7 +42,7 @@ const LatestPostsGroup = ({ latestPosts, siteInfo }) => {
               }>
               <div className='line-clamp-2 menu-link'>{post.title}</div>
             </div>
-          </Link>
+          </SmartLink>
         )
       })}
     </div>
diff --git a/themes/heo/components/LatestPostsGroupMini.js b/themes/heo/components/LatestPostsGroupMini.js
index 32094157..519f0f6e 100644
--- a/themes/heo/components/LatestPostsGroupMini.js
+++ b/themes/heo/components/LatestPostsGroupMini.js
@@ -2,7 +2,7 @@ import LazyImage from '@/components/LazyImage'
 import { siteConfig } from '@/lib/config'
 import { useGlobal } from '@/lib/global'
 // import Image from 'next/image'
-import Link from 'next/link'
+import SmartLink from '@/components/SmartLink'
 import { useRouter } from 'next/router'
 
 /**
@@ -33,7 +33,7 @@ export default function LatestPostsGroupMini({ latestPosts, siteInfo }) {
           : siteInfo?.pageCover
 
         return (
-          <Link
+          <SmartLink
             key={post.id}
             title={post.title}
             href={post?.href}
@@ -56,7 +56,7 @@ export default function LatestPostsGroupMini({ latestPosts, siteInfo }) {
                 <div className='text-gray-400'>{post.lastEditedDay}</div>
               </div>
             </div>
-          </Link>
+          </SmartLink>
         )
       })}
     </>
diff --git a/themes/heo/components/Logo.js b/themes/heo/components/Logo.js
index 55ab2b4f..828d485f 100644
--- a/themes/heo/components/Logo.js
+++ b/themes/heo/components/Logo.js
@@ -1,12 +1,12 @@
 import { Home } from '@/components/HeroIcons'
 import LazyImage from '@/components/LazyImage'
 import { siteConfig } from '@/lib/config'
-import Link from 'next/link'
+import SmartLink from '@/components/SmartLink'
 
 const Logo = props => {
   const { siteInfo } = props
   return (
-    <Link href='/' passHref legacyBehavior>
+    <SmartLink href='/' passHref legacyBehavior>
       <div className='flex flex-nowrap items-center cursor-pointer font-extrabold'>
         <LazyImage
           src={siteInfo?.icon}
@@ -24,7 +24,7 @@ const Logo = props => {
           </div>
         </div>
       </div>
-    </Link>
+    </SmartLink>
   )
 }
 export default Logo
diff --git a/themes/heo/components/MenuGroupCard.js b/themes/heo/components/MenuGroupCard.js
index e9810411..bd5b3f31 100644
--- a/themes/heo/components/MenuGroupCard.js
+++ b/themes/heo/components/MenuGroupCard.js
@@ -1,6 +1,6 @@
 import { siteConfig } from '@/lib/config'
 import { useGlobal } from '@/lib/global'
-import Link from 'next/link'
+import SmartLink from '@/components/SmartLink'
 import CONFIG from '../config'
 
 const MenuGroupCard = props => {
@@ -39,7 +39,7 @@ const MenuGroupCard = props => {
         if (link.show) {
           return (
             <div key={index} className=''>
-              <Link
+              <SmartLink
                 title={link.href}
                 href={link.href}
                 target={link?.target}
@@ -50,7 +50,7 @@ const MenuGroupCard = props => {
                   <div>{link.name} :</div>
                   <div className='font-semibold'>{link.slot}</div>
                 </>
-              </Link>
+              </SmartLink>
             </div>
           )
         } else {
diff --git a/themes/heo/components/MenuItemCollapse.js b/themes/heo/components/MenuItemCollapse.js
index 6278cebe..8cd2e463 100644
--- a/themes/heo/components/MenuItemCollapse.js
+++ b/themes/heo/components/MenuItemCollapse.js
@@ -1,5 +1,5 @@
 import Collapse from '@/components/Collapse'
-import Link from 'next/link'
+import SmartLink from '@/components/SmartLink'
 import { useState } from 'react'
 
 /**
@@ -31,7 +31,7 @@ export const MenuItemCollapse = ({ link }) => {
         className='select-none w-full p-2 border dark:border-gray-600 rounded-lg text-left dark:bg-[#1e1e1e]'
         onClick={toggleShow}>
         {!hasSubMenu && (
-          <Link
+          <SmartLink
             href={link?.href}
             target={link?.target}
             className='font-extralight  flex justify-between pl-2 pr-4 dark:text-gray-200 no-underline tracking-widest'>
@@ -39,7 +39,7 @@ export const MenuItemCollapse = ({ link }) => {
               {link?.icon && <i className={link.icon + ' mr-4'} />}
               {link?.name}
             </span>
-          </Link>
+          </SmartLink>
         )}
         {hasSubMenu && (
           <div
@@ -63,12 +63,12 @@ export const MenuItemCollapse = ({ link }) => {
               <div
                 key={index}
                 className='dark:bg-hexo-black-gray dark:text-gray-200 text-left px-3 justify-start bg-gray-50 hover:bg-gray-50 dark:hover:bg-gray-900 tracking-widest transition-all duration-200  py-3 pr-6'>
-                <Link href={sLink.href} target={link?.target}>
+                <SmartLink href={sLink.href} target={link?.target}>
                   <span className='text-sm ml-4 whitespace-nowrap'>
                     {link?.icon && <i className={sLink.icon + ' mr-2'} />}{' '}
                     {sLink.title}
                   </span>
-                </Link>
+                </SmartLink>
               </div>
             )
           })}
diff --git a/themes/heo/components/MenuItemDrop.js b/themes/heo/components/MenuItemDrop.js
index 48f80ad8..11c5ea84 100644
--- a/themes/heo/components/MenuItemDrop.js
+++ b/themes/heo/components/MenuItemDrop.js
@@ -1,4 +1,4 @@
-import Link from 'next/link'
+import SmartLink from '@/components/SmartLink'
 import { useState } from 'react'
 
 export const MenuItemDrop = ({ link }) => {
@@ -15,12 +15,12 @@ export const MenuItemDrop = ({ link }) => {
       onMouseOut={() => changeShow(false)}>
       {/* 不含子菜单 */}
       {!hasSubMenu && (
-        <Link
+        <SmartLink
           target={link?.target}
           href={link?.href}
           className=' hover:bg-black hover:bg-opacity-10 rounded-2xl flex justify-center items-center px-3 py-1 no-underline tracking-widest'>
           {link?.icon && <i className={link?.icon} />} {link?.name}
-        </Link>
+        </SmartLink>
       )}
       {/* 含子菜单的按钮 */}
       {hasSubMenu && (
@@ -44,12 +44,12 @@ export const MenuItemDrop = ({ link }) => {
               <li
                 key={index}
                 className='cursor-pointer hover:bg-blue-600 dark:hover:bg-yellow-600 hover:text-white text-gray-900 dark:text-gray-100  tracking-widest transition-all duration-200 py-1 pr-6 pl-3'>
-                <Link href={sLink.href} target={link?.target}>
+                <SmartLink href={sLink.href} target={link?.target}>
                   <span className='text-sm text-nowrap font-extralight'>
                     {link?.icon && <i className={sLink?.icon}> &nbsp; </i>}
                     {sLink.title}
                   </span>
-                </Link>
+                </SmartLink>
               </li>
             )
           })}
diff --git a/themes/heo/components/NavButtonGroup.js b/themes/heo/components/NavButtonGroup.js
index 82331852..947acbfb 100644
--- a/themes/heo/components/NavButtonGroup.js
+++ b/themes/heo/components/NavButtonGroup.js
@@ -1,4 +1,4 @@
-import Link from 'next/link'
+import SmartLink from '@/components/SmartLink'
 
 /**
  * 首页导航大按钮组件
@@ -15,14 +15,14 @@ const NavButtonGroup = (props) => {
     <nav id='home-nav-button' className={'w-full z-10 md:h-72 md:mt-6 xl:mt-32 px-5 py-2 mt-8 flex flex-wrap md:max-w-5xl space-y-2 md:space-y-1 md:flex justify-center max-h-80 overflow-auto'}>
       {categoryOptions?.map(category => {
         return (
-          <Link
+          <SmartLink
             key={`${category.name}`}
             title={`${category.name}`}
             href={`/category/${category.name}`}
             passHref
             className='text-center w-full sm:w-4/5 md:mx-6 md:w-40 md:h-14 lg:h-20 h-14 justify-center items-center flex border-2 cursor-pointer rounded-lg glassmorphism hover:bg-white hover:text-black duration-200 font-bold hover:scale-105 transform'>
                 {category.name}
-            </Link>
+            </SmartLink>
         )
       })}
     </nav>
diff --git a/themes/heo/components/PaginationNumber.js b/themes/heo/components/PaginationNumber.js
index a68f33e5..ae4359b4 100644
--- a/themes/heo/components/PaginationNumber.js
+++ b/themes/heo/components/PaginationNumber.js
@@ -1,6 +1,6 @@
 import { ChevronDoubleRight } from '@/components/HeroIcons'
 import { useGlobal } from '@/lib/global'
-import Link from 'next/link'
+import SmartLink from '@/components/SmartLink'
 import { useRouter } from 'next/router'
 import { useState } from 'react'
 
@@ -47,7 +47,7 @@ const PaginationNumber = ({ page, totalPage }) => {
       {/* pc端分页按钮 */}
       <div className='hidden lg:flex justify-between items-end mt-10 font-medium text-black duration-500 dark:text-gray-300 pt-3 space-x-2 overflow-x-auto'>
         {/* 上一页 */}
-        <Link
+        <SmartLink
           href={{
             pathname:
               currentPage === 2
@@ -63,7 +63,7 @@ const PaginationNumber = ({ page, totalPage }) => {
               {locale.PAGINATION.PREV}
             </div>
           </div>
-        </Link>
+        </SmartLink>
 
         {/* 分页 */}
         <div className='flex items-center space-x-2'>
@@ -84,7 +84,7 @@ const PaginationNumber = ({ page, totalPage }) => {
         </div>
 
         {/* 下一页 */}
-        <Link
+        <SmartLink
           href={{
             pathname: `${pagePrefix}/page/${currentPage + 1}`,
             query: router.query.s ? { s: router.query.s } : {}
@@ -97,14 +97,14 @@ const PaginationNumber = ({ page, totalPage }) => {
               {locale.PAGINATION.NEXT}
             </div>
           </div>
-        </Link>
+        </SmartLink>
       </div>
 
       {/* 移动端分页 */}
 
       <div className='lg:hidden w-full flex flex-row'>
         {/* 上一页 */}
-        <Link
+        <SmartLink
           href={{
             pathname:
               currentPage === 2
@@ -115,12 +115,12 @@ const PaginationNumber = ({ page, totalPage }) => {
           rel='prev'
           className={`${showPrev ? 'block' : 'hidden'} dark:text-white relative w-full flex-1 h-14 flex items-center transition-all duration-200 justify-center py-2 px-2 bg-white dark:bg-[#1e1e1e] border rounded-xl cursor-pointer`}>
           {locale.PAGINATION.PREV}
-        </Link>
+        </SmartLink>
 
         {showPrev && showNext && <div className='w-12'></div>}
 
         {/* 下一页 */}
-        <Link
+        <SmartLink
           href={{
             pathname: `${pagePrefix}/page/${currentPage + 1}`,
             query: router.query.s ? { s: router.query.s } : {}
@@ -128,7 +128,7 @@ const PaginationNumber = ({ page, totalPage }) => {
           rel='next'
           className={`${+showNext ? 'block' : 'hidden'} dark:text-white relative w-full flex-1 h-14 flex items-center transition-all duration-200 justify-center py-2 px-2 bg-white dark:bg-[#1e1e1e] border rounded-xl cursor-pointer`}>
           {locale.PAGINATION.NEXT}
-        </Link>
+        </SmartLink>
       </div>
     </>
   )
@@ -147,7 +147,7 @@ function getPageElement(page, currentPage, pagePrefix) {
     return <></>
   }
   return (
-    <Link
+    <SmartLink
       href={page === 1 ? `${pagePrefix}/` : `${pagePrefix}/page/${page}`}
       key={page}
       passHref
@@ -158,7 +158,7 @@ function getPageElement(page, currentPage, pagePrefix) {
         ' hover:border-indigo-600 dark:hover:bg-yellow-600 dark:border-gray-600 px-4 border py-2 rounded-lg drop-shadow-sm duration-200 transition-colors'
       }>
       {page}
-    </Link>
+    </SmartLink>
   )
 }
 
diff --git a/themes/heo/components/PostAdjacent.js b/themes/heo/components/PostAdjacent.js
index 9f97eac7..f49efb73 100644
--- a/themes/heo/components/PostAdjacent.js
+++ b/themes/heo/components/PostAdjacent.js
@@ -1,6 +1,6 @@
 import { siteConfig } from '@/lib/config'
 import { useGlobal } from '@/lib/global'
-import Link from 'next/link'
+import SmartLink from '@/components/SmartLink'
 import { useRouter } from 'next/router'
 import { useEffect, useState } from 'react'
 import CONFIG from '../config'
@@ -63,7 +63,7 @@ export default function PostAdjacent({ prev, next }) {
     <div id='article-end'>
       {/* 移动端 */}
       <section className='lg:hidden pt-8 text-gray-800 items-center text-xs md:text-sm flex flex-col m-1 '>
-        <Link
+        <SmartLink
           href={`/${prev.slug}`}
           passHref
           className='cursor-pointer justify-between space-y-1 px-5 py-6 rounded-t-xl dark:bg-[#1e1e1e] border dark:border-gray-600 border-b-0 items-center dark:text-white flex flex-col w-full h-18 duration-200'>
@@ -71,8 +71,8 @@ export default function PostAdjacent({ prev, next }) {
           <div className='flex justify-center items-center text-lg font-bold'>
             {prev.title}
           </div>
-        </Link>
-        <Link
+        </SmartLink>
+        <SmartLink
           href={`/${next.slug}`}
           passHref
           className='cursor-pointer justify-between space-y-1 px-5 py-6 rounded-b-xl dark:bg-[#1e1e1e] border dark:border-gray-600 items-center dark:text-white flex flex-col w-full h-18 duration-200'>
@@ -80,7 +80,7 @@ export default function PostAdjacent({ prev, next }) {
           <div className='flex justify-center items-center text-lg font-bold'>
             {next.title}
           </div>
-        </Link>
+        </SmartLink>
       </section>
 
       {/* 桌面端 */}
@@ -88,13 +88,13 @@ export default function PostAdjacent({ prev, next }) {
       <div
         id='pc-next-post'
         className={`${isShow ? 'mb-5 opacity-100' : '-mb-24 opacity-0'} hidden md:block fixed z-40 right-10 bottom-4 duration-200 transition-all`}>
-        <Link
+        <SmartLink
           href={`/${next.slug}`}
           className='text-sm block p-4 w-72 h-28 cursor-pointer drop-shadow-xl duration transition-all dark:bg-[#1e1e1e] border dark:border-gray-600 bg-white dark:text-gray-300 dark:hover:text-yellow-600 hover:font-bold hover:text-blue-600 rounded-lg'>
           <div className='font-semibold'>{locale.COMMON.NEXT_POST}</div>
           <hr className='mt-2 mb-3' />
           <div className='line-clamp-2'>{next?.title}</div>
-        </Link>
+        </SmartLink>
       </div>
     </div>
   )
diff --git a/themes/heo/components/PostCopyright.js b/themes/heo/components/PostCopyright.js
index 4fb1eb25..22775d4c 100644
--- a/themes/heo/components/PostCopyright.js
+++ b/themes/heo/components/PostCopyright.js
@@ -1,6 +1,6 @@
 import { siteConfig } from '@/lib/config'
 import { useGlobal } from '@/lib/global'
-import Link from 'next/link'
+import SmartLink from '@/components/SmartLink'
 import { useRouter } from 'next/router'
 import { useEffect, useState } from 'react'
 import CONFIG from '../config'
@@ -28,9 +28,9 @@ export default function PostCopyright() {
       <ul className='overflow-x-auto whitespace-nowrap text-sm dark:bg-gray-900 bg-gray-100 p-5 leading-8 border-l-2 border-indigo-500'>
         <li>
           <strong className='mr-2'>{locale.COMMON.AUTHOR}:</strong>
-          <Link href={'/about'} className='hover:underline'>
+          <SmartLink href={'/about'} className='hover:underline'>
             {siteConfig('AUTHOR')}
-          </Link>
+          </SmartLink>
         </li>
         <li>
           <strong className='mr-2'>{locale.COMMON.URL}:</strong>
diff --git a/themes/heo/components/PostHeader.js b/themes/heo/components/PostHeader.js
index 88711b50..cbb137fa 100644
--- a/themes/heo/components/PostHeader.js
+++ b/themes/heo/components/PostHeader.js
@@ -4,7 +4,7 @@ import NotionIcon from '@/components/NotionIcon'
 import WordCount from '@/components/WordCount'
 import { siteConfig } from '@/lib/config'
 import { formatDateFmt } from '@/lib/utils/formatDate'
-import Link from 'next/link'
+import SmartLink from '@/components/SmartLink'
 import WavesArea from './WavesArea'
 
 /**
@@ -60,7 +60,7 @@ export default function PostHeader({ post, siteInfo, isDarkMode }) {
           <div className='flex justify-center md:justify-start items-center gap-4'>
             {post.category && (
               <>
-                <Link
+                <SmartLink
                   href={`/category/${post.category}`}
                   className='mr-4'
                   passHref
@@ -68,14 +68,14 @@ export default function PostHeader({ post, siteInfo, isDarkMode }) {
                   <div className='cursor-pointer font-sm font-bold px-3 py-1 rounded-lg  hover:bg-white text-white bg-blue-500 dark:bg-yellow-500 hover:text-blue-500 duration-200 '>
                     {post.category}
                   </div>
-                </Link>
+                </SmartLink>
               </>
             )}
 
             {post.tagItems && (
               <div className='hidden md:flex justify-center flex-nowrap overflow-x-auto'>
                 {post.tagItems.map((tag, index) => (
-                  <Link
+                  <SmartLink
                     key={index}
                     href={`/tag/${encodeURIComponent(tag.name)}`}
                     passHref
@@ -86,7 +86,7 @@ export default function PostHeader({ post, siteInfo, isDarkMode }) {
                       <HashTag className='text-gray-200 stroke-2 mr-0.5 w-3 h-3' />{' '}
                       {tag.name + (tag.count ? `(${tag.count})` : '')}{' '}
                     </div>
-                  </Link>
+                  </SmartLink>
                 ))}
               </div>
             )}
@@ -111,13 +111,13 @@ export default function PostHeader({ post, siteInfo, isDarkMode }) {
               </div>
               {post?.type !== 'Page' && (
                 <>
-                  <Link
+                  <SmartLink
                     href={`/archive#${formatDateFmt(post?.publishDate, 'yyyy-MM')}`}
                     passHref
                     className='pl-1 mr-2 cursor-pointer hover:underline'>
                     <i className='fa-regular fa-calendar'></i>{' '}
                     {post?.publishDay}
-                  </Link>
+                  </SmartLink>
                 </>
               )}
 
diff --git a/themes/heo/components/PostRecommend.js b/themes/heo/components/PostRecommend.js
index c66b8d4f..48d273ef 100644
--- a/themes/heo/components/PostRecommend.js
+++ b/themes/heo/components/PostRecommend.js
@@ -1,7 +1,7 @@
 import LazyImage from '@/components/LazyImage'
 import { siteConfig } from '@/lib/config'
 import { useGlobal } from '@/lib/global'
-import Link from 'next/link'
+import SmartLink from '@/components/SmartLink'
 import CONFIG from '../config'
 
 /**
@@ -39,7 +39,7 @@ export default function PostRecommend({ recommendPosts, siteInfo }) {
             : siteInfo?.pageCover
 
           return (
-            <Link
+            <SmartLink
               key={post?.id}
               title={post?.title}
               href={post?.href}
@@ -60,7 +60,7 @@ export default function PostRecommend({ recommendPosts, siteInfo }) {
                   <div className='h-full w-full absolute opacity-80 group-hover:opacity-100 transition-all duration-1000 bg-gradient-to-b from-transparent to-black'></div>
                 </div>
               </div>
-            </Link>
+            </SmartLink>
           )
         })}
       </div>
diff --git a/themes/heo/components/SearchNav.js b/themes/heo/components/SearchNav.js
index 7be2b8ce..4970a5dd 100644
--- a/themes/heo/components/SearchNav.js
+++ b/themes/heo/components/SearchNav.js
@@ -1,5 +1,5 @@
 import { useGlobal } from '@/lib/global'
-import Link from 'next/link'
+import SmartLink from '@/components/SmartLink'
 import { useEffect, useRef } from 'react'
 import Card from './Card'
 import SearchInput from './SearchInput'
@@ -30,7 +30,7 @@ export default function SearchNav(props) {
             <div id="category-list" className="duration-200 flex flex-wrap mx-8">
                 {categoryOptions?.map(category => {
                   return (
-                      <Link
+                      <SmartLink
                           key={category.name}
                           href={`/category/${category.name}`}
                           passHref
@@ -43,7 +43,7 @@ export default function SearchNav(props) {
                               <i className="mr-4 fas fa-folder" />
                               {category.name}({category.count})
                           </div>
-                      </Link>
+                      </SmartLink>
                   )
                 })}
             </div>
diff --git a/themes/heo/components/SlideOver.js b/themes/heo/components/SlideOver.js
index e7bb95de..e015dd38 100644
--- a/themes/heo/components/SlideOver.js
+++ b/themes/heo/components/SlideOver.js
@@ -1,7 +1,7 @@
 import DarkModeButton from '@/components/DarkModeButton'
 import { useGlobal } from '@/lib/global'
 import { Dialog, Transition } from '@headlessui/react'
-import Link from 'next/link'
+import SmartLink from '@/components/SmartLink'
 import { useRouter } from 'next/router'
 import {
   Fragment,
@@ -149,12 +149,12 @@ function DarkModeBlockButton() {
  */
 function Button({ title, url }) {
   return (
-    <Link
+    <SmartLink
       href={url}
       className={
         'duration-200 hover:text-white hover:shadow-md flex cursor-pointer justify-between items-center px-2 py-2 border dark:border-gray-600 bg-white hover:bg-blue-600 dark:bg-[#1e1e1e] rounded-lg'
       }>
       {title}
-    </Link>
+    </SmartLink>
   )
 }
diff --git a/themes/heo/components/TagGroups.js b/themes/heo/components/TagGroups.js
index 34bf1839..a5e926a7 100644
--- a/themes/heo/components/TagGroups.js
+++ b/themes/heo/components/TagGroups.js
@@ -1,4 +1,4 @@
-import Link from 'next/link'
+import SmartLink from '@/components/SmartLink'
 import { useRouter } from 'next/router'
 
 /**
@@ -18,7 +18,7 @@ const TagGroups = ({ tags, className }) => {
             {tags.map((tag, index) => {
               const selected = currentTag === tag.name
               return (
-                    <Link passHref key={index} href={`/tag/${encodeURIComponent(tag.name)}`}
+                    <SmartLink passHref key={index} href={`/tag/${encodeURIComponent(tag.name)}`}
                         className={'cursor-pointer inline-block  whitespace-nowrap'}
                     >
                         <div className={`${className || ''} 
@@ -34,7 +34,7 @@ const TagGroups = ({ tags, className }) => {
                                     <></>
                                 )}
                         </div>
-                    </Link>
+                    </SmartLink>
               )
             })}
         </div>
diff --git a/themes/heo/components/TagItemMini.js b/themes/heo/components/TagItemMini.js
index 7b9a7c56..66d6d5ba 100644
--- a/themes/heo/components/TagItemMini.js
+++ b/themes/heo/components/TagItemMini.js
@@ -1,9 +1,9 @@
 import { HashTag } from '@/components/HeroIcons'
-import Link from 'next/link'
+import SmartLink from '@/components/SmartLink'
 
 const TagItemMini = ({ tag, selected = false }) => {
   return (
-    <Link
+    <SmartLink
       key={tag}
       href={selected ? '/' : `/tag/${encodeURIComponent(tag.name)}`}
       passHref
@@ -14,7 +14,7 @@ const TagItemMini = ({ tag, selected = false }) => {
         <HashTag className='stroke-2 mr-0.5 w-3 h-3' />{' '}
         {tag.name + (tag.count ? `(${tag.count})` : '')}{' '}
       </div>
-    </Link>
+    </SmartLink>
   )
 }
 
diff --git a/themes/heo/components/TouchMeCard.js b/themes/heo/components/TouchMeCard.js
index 42129ae0..7ed4dbe9 100644
--- a/themes/heo/components/TouchMeCard.js
+++ b/themes/heo/components/TouchMeCard.js
@@ -1,6 +1,6 @@
 import FlipCard from '@/components/FlipCard'
 import { siteConfig } from '@/lib/config'
-import Link from 'next/link'
+import SmartLink from '@/components/SmartLink'
 import CONFIG from '../config'
 
 /**
@@ -32,11 +32,11 @@ export default function TouchMeCard() {
           </div>
         }
         backContent={
-          <Link href={siteConfig('HEO_SOCIAL_CARD_URL', null, CONFIG)}>
+          <SmartLink href={siteConfig('HEO_SOCIAL_CARD_URL', null, CONFIG)}>
             <div className='font-[1000] text-xl h-full'>
               {siteConfig('HEO_SOCIAL_CARD_TITLE_3', null, CONFIG)}
             </div>
-          </Link>
+          </SmartLink>
         }
       />
     </div>
diff --git a/themes/heo/index.js b/themes/heo/index.js
index ab779940..fd21adeb 100644
--- a/themes/heo/index.js
+++ b/themes/heo/index.js
@@ -20,7 +20,7 @@ import { useGlobal } from '@/lib/global'
 import { loadWowJS } from '@/lib/plugins/wow'
 import { isBrowser } from '@/lib/utils'
 import { Transition } from '@headlessui/react'
-import Link from 'next/link'
+import SmartLink from '@/components/SmartLink'
 import { useRouter } from 'next/router'
 import { useEffect, useState } from 'react'
 import BlogPostArchive from './components/BlogPostArchive'
@@ -397,11 +397,11 @@ const Layout404 = props => {
                   404
                 </h1>
                 <div className='dark:text-white'>请尝试站内搜索寻找文章</div>
-                <Link href='/'>
+                <SmartLink href='/'>
                   <button className='bg-blue-500 py-2 px-4 text-white shadow rounded-lg hover:bg-blue-600 hover:shadow-md duration-200 transition-all'>
                     回到主页
                   </button>
-                </Link>
+                </SmartLink>
               </div>
             </div>
 
@@ -435,7 +435,7 @@ const LayoutCategoryIndex = props => {
         className='duration-200 flex flex-wrap m-10 justify-center'>
         {categoryOptions?.map(category => {
           return (
-            <Link
+            <SmartLink
               key={category.name}
               href={`/category/${category.name}`}
               passHref
@@ -450,7 +450,7 @@ const LayoutCategoryIndex = props => {
                   {category.count}
                 </div>
               </div>
-            </Link>
+            </SmartLink>
           )
         })}
       </div>
@@ -477,7 +477,7 @@ const LayoutTagIndex = props => {
         className='duration-200 flex flex-wrap space-x-5 space-y-5 m-10 justify-center'>
         {tagOptions.map(tag => {
           return (
-            <Link
+            <SmartLink
               key={tag.name}
               href={`/tag/${tag.name}`}
               passHref
@@ -492,7 +492,7 @@ const LayoutTagIndex = props => {
                   {tag.count}
                 </div>
               </div>
-            </Link>
+            </SmartLink>
           )
         })}
       </div>
diff --git a/themes/hexo/components/ArticleAdjacent.js b/themes/hexo/components/ArticleAdjacent.js
index dc6a5b99..f1b2f847 100644
--- a/themes/hexo/components/ArticleAdjacent.js
+++ b/themes/hexo/components/ArticleAdjacent.js
@@ -1,4 +1,4 @@
-import Link from 'next/link'
+import SmartLink from '@/components/SmartLink'
 import CONFIG from '../config'
 import { siteConfig } from '@/lib/config'
 
@@ -13,22 +13,22 @@ export default function ArticleAdjacent ({ prev, next }) {
   }
   return (
     <section className='pt-8 text-gray-800 items-center text-xs md:text-sm flex justify-between m-1 '>
-      <Link
+      <SmartLink
         href={`/${prev.slug}`}
         passHref
         className='py-1  cursor-pointer hover:underline justify-start items-center dark:text-white flex w-full h-full duration-200'>
 
         <i className='mr-1 fas fa-angle-left' />{prev.title}
 
-      </Link>
-      <Link
+      </SmartLink>
+      <SmartLink
         href={`/${next.slug}`}
         passHref
         className='py-1 cursor-pointer hover:underline justify-end items-center dark:text-white flex w-full h-full duration-200'>
         {next.title}
         <i className='ml-1 my-1 fas fa-angle-right' />
 
-      </Link>
+      </SmartLink>
     </section>
   )
 }
diff --git a/themes/hexo/components/ArticleCopyright.js b/themes/hexo/components/ArticleCopyright.js
index a7be768d..2115453e 100644
--- a/themes/hexo/components/ArticleCopyright.js
+++ b/themes/hexo/components/ArticleCopyright.js
@@ -1,5 +1,5 @@
 import { useGlobal } from '@/lib/global'
-import Link from 'next/link'
+import SmartLink from '@/components/SmartLink'
 import { useRouter } from 'next/router'
 import { useEffect, useState } from 'react'
 import CONFIG from '../config'
@@ -24,9 +24,9 @@ export default function ArticleCopyright() {
       <ul className='overflow-x-auto whitespace-nowrap text-sm dark:bg-gray-900 bg-gray-100 p-5 leading-8 border-l-2 border-indigo-500'>
         <li>
           <strong className='mr-2'>{locale.COMMON.AUTHOR}:</strong>
-          <Link href={'/about'} className='hover:underline'>
+          <SmartLink href={'/about'} className='hover:underline'>
             {siteConfig('AUTHOR')}
-          </Link>
+          </SmartLink>
         </li>
         <li>
           <strong className='mr-2'>{locale.COMMON.URL}:</strong>
diff --git a/themes/hexo/components/ArticleRecommend.js b/themes/hexo/components/ArticleRecommend.js
index b3f9e73a..30c9d56c 100644
--- a/themes/hexo/components/ArticleRecommend.js
+++ b/themes/hexo/components/ArticleRecommend.js
@@ -1,7 +1,7 @@
 import LazyImage from '@/components/LazyImage'
 import { siteConfig } from '@/lib/config'
 import { useGlobal } from '@/lib/global'
-import Link from 'next/link'
+import SmartLink from '@/components/SmartLink'
 import CONFIG from '../config'
 
 /**
@@ -35,7 +35,7 @@ export default function ArticleRecommend({ recommendPosts, siteInfo }) {
             : siteInfo?.pageCover
 
           return (
-            <Link
+            <SmartLink
               key={post.id}
               title={post.title}
               href={post?.href}
@@ -57,7 +57,7 @@ export default function ArticleRecommend({ recommendPosts, siteInfo }) {
                   <div className='h-full w-full absolute opacity-80 group-hover:opacity-100 transition-all duration-1000 bg-gradient-to-b from-transparent to-black'></div>
                 </div>
               </div>
-            </Link>
+            </SmartLink>
           )
         })}
       </div>
diff --git a/themes/hexo/components/BlogPostArchive.js b/themes/hexo/components/BlogPostArchive.js
index e296eaef..b18b6797 100644
--- a/themes/hexo/components/BlogPostArchive.js
+++ b/themes/hexo/components/BlogPostArchive.js
@@ -1,4 +1,4 @@
-import Link from 'next/link'
+import SmartLink from '@/components/SmartLink'
 
 /**
  * 博客归档列表
@@ -27,12 +27,12 @@ const BlogPostArchive = ({ posts = [], archiveTitle }) => {
                 <div id={post?.publishDay}>
                   <span className='text-gray-400'>{post.date?.start_date}</span>{' '}
                   &nbsp;
-                  <Link
+                  <SmartLink
                     href={post?.href}
                     passHref
                     className='dark:text-gray-400  dark:hover:text-indigo-300 overflow-x-hidden hover:underline cursor-pointer text-gray-600'>
                     {post.title}
-                  </Link>
+                  </SmartLink>
                 </div>
               </li>
             )
diff --git a/themes/hexo/components/BlogPostCard.js b/themes/hexo/components/BlogPostCard.js
index 47b7f8b8..ba901793 100644
--- a/themes/hexo/components/BlogPostCard.js
+++ b/themes/hexo/components/BlogPostCard.js
@@ -1,6 +1,6 @@
 import LazyImage from '@/components/LazyImage'
 import { siteConfig } from '@/lib/config'
-import Link from 'next/link'
+import SmartLink from '@/components/SmartLink'
 import CONFIG from '../config'
 import { BlogPostCardInfo } from './BlogPostCardInfo'
 
@@ -45,7 +45,7 @@ const BlogPostCard = ({ index, post, showSummary, siteInfo }) => {
         {/* 图片封面 */}
         {showPageCover && (
           <div className='md:w-5/12 overflow-hidden'>
-            <Link href={post?.href}>
+            <SmartLink href={post?.href}>
               <>
                 <LazyImage
                   priority={index === 1}
@@ -54,7 +54,7 @@ const BlogPostCard = ({ index, post, showSummary, siteInfo }) => {
                   className='h-56 w-full object-cover object-center group-hover:scale-110 duration-500'
                 />
               </>
-            </Link>
+            </SmartLink>
           </div>
         )}
       </div>
diff --git a/themes/hexo/components/BlogPostCardInfo.js b/themes/hexo/components/BlogPostCardInfo.js
index 80f8f0f5..71c1ce36 100644
--- a/themes/hexo/components/BlogPostCardInfo.js
+++ b/themes/hexo/components/BlogPostCardInfo.js
@@ -3,7 +3,7 @@ import NotionPage from '@/components/NotionPage'
 import TwikooCommentCount from '@/components/TwikooCommentCount'
 import { siteConfig } from '@/lib/config'
 import { formatDateFmt } from '@/lib/utils/formatDate'
-import Link from 'next/link'
+import SmartLink from '@/components/SmartLink'
 import TagItemMini from './TagItemMini'
 
 /**
@@ -24,7 +24,7 @@ export const BlogPostCardInfo = ({
         <header>
           <h2>
             {/* 标题 */}
-            <Link
+            <SmartLink
               href={post?.href}
               passHref
               className={`line-clamp-2 replace cursor-pointer text-2xl ${
@@ -34,7 +34,7 @@ export const BlogPostCardInfo = ({
                 <NotionIcon icon={post.pageIcon} />
               )}
               <span className='menu-link '>{post.title}</span>
-            </Link>
+            </SmartLink>
           </h2>
 
           {/* 分类 */}
@@ -43,13 +43,13 @@ export const BlogPostCardInfo = ({
               className={`flex mt-2 items-center ${
                 showPreview ? 'justify-center' : 'justify-start'
               } flex-wrap dark:text-gray-500 text-gray-400 `}>
-              <Link
+              <SmartLink
                 href={`/category/${post.category}`}
                 passHref
                 className='cursor-pointer font-light text-sm menu-link hover:text-indigo-700 dark:hover:text-indigo-400 transform'>
                 <i className='mr-1 far fa-folder' />
                 {post.category}
-              </Link>
+              </SmartLink>
 
               <TwikooCommentCount
                 className='text-sm hover:text-indigo-700 dark:hover:text-indigo-400'
@@ -87,13 +87,13 @@ export const BlogPostCardInfo = ({
         {/* 日期标签 */}
         <div className='text-gray-400 justify-between flex'>
           {/* 日期 */}
-          <Link
+          <SmartLink
             href={`/archive#${formatDateFmt(post?.publishDate, 'yyyy-MM')}`}
             passHref
             className='font-light menu-link cursor-pointer text-sm leading-4 mr-3'>
             <i className='far fa-calendar-alt mr-1' />
             {post?.publishDay || post.lastEditedDay}
-          </Link>
+          </SmartLink>
 
           <div className='md:flex-nowrap flex-wrap md:justify-start inline-block'>
             <div>
diff --git a/themes/hexo/components/CategoryGroup.js b/themes/hexo/components/CategoryGroup.js
index 69aa4c1c..4d0c43d0 100644
--- a/themes/hexo/components/CategoryGroup.js
+++ b/themes/hexo/components/CategoryGroup.js
@@ -1,4 +1,4 @@
-import Link from 'next/link'
+import SmartLink from '@/components/SmartLink'
 
 const CategoryGroup = ({ currentCategory, categories }) => {
   if (!categories) {
@@ -9,7 +9,7 @@ const CategoryGroup = ({ currentCategory, categories }) => {
       {categories.map(category => {
         const selected = currentCategory === category.name
         return (
-          <Link
+          <SmartLink
             key={category.name}
             href={`/category/${category.name}`}
             passHref
@@ -20,7 +20,7 @@ const CategoryGroup = ({ currentCategory, categories }) => {
 
             <div> <i className={`mr-2 fas ${selected ? 'fa-folder-open' : 'fa-folder'}`} />{category.name}({category.count})</div>
 
-          </Link>
+          </SmartLink>
         );
       })}
     </div>
diff --git a/themes/hexo/components/Header.js b/themes/hexo/components/Header.js
index 29a83d71..d318c264 100644
--- a/themes/hexo/components/Header.js
+++ b/themes/hexo/components/Header.js
@@ -1,7 +1,7 @@
 import { siteConfig } from '@/lib/config'
 import { useGlobal } from '@/lib/global'
 import throttle from 'lodash.throttle'
-import Link from 'next/link'
+import SmartLink from '@/components/SmartLink'
 import { useRouter } from 'next/router'
 import { useCallback, useEffect, useRef, useState } from 'react'
 import CONFIG from '../config'
@@ -106,12 +106,12 @@ const Header = props => {
               <i className='mr-2 fas fa-th-list' />
               {locale.COMMON.CATEGORY}
             </div>
-            <Link
+            <SmartLink
               href={'/category'}
               passHref
               className='mb-3 text-gray-400 hover:text-black dark:text-gray-400 dark:hover:text-white hover:underline cursor-pointer'>
               {locale.COMMON.MORE} <i className='fas fa-angle-double-right' />
-            </Link>
+            </SmartLink>
           </div>
           <CategoryGroup
             currentCategory={currentCategory}
@@ -127,12 +127,12 @@ const Header = props => {
               <i className='mr-2 fas fa-tag' />
               {locale.COMMON.TAGS}
             </div>
-            <Link
+            <SmartLink
               href={'/tag'}
               passHref
               className='text-gray-400 hover:text-black  dark:hover:text-white hover:underline cursor-pointer'>
               {locale.COMMON.MORE} <i className='fas fa-angle-double-right' />
-            </Link>
+            </SmartLink>
           </div>
           <div className='p-2'>
             <TagGroups tags={tags} currentTag={currentTag} />
diff --git a/themes/hexo/components/HexoRecentComments.js b/themes/hexo/components/HexoRecentComments.js
index db712bea..f1e59612 100644
--- a/themes/hexo/components/HexoRecentComments.js
+++ b/themes/hexo/components/HexoRecentComments.js
@@ -2,7 +2,7 @@ import { useEffect, useState } from 'react'
 import { siteConfig } from '@/lib/config'
 import Card from '@/themes/hexo/components/Card'
 import { useGlobal } from '@/lib/global'
-import Link from 'next/link'
+import SmartLink from '@/components/SmartLink'
 import { RecentComments } from '@waline/client'
 
 /**
@@ -36,7 +36,7 @@ const HexoRecentComments = (props) => {
             {!onLoading && comments && comments.length > 0 && comments.map((comment) => <div key={comment.objectId} className='pb-2 pl-1'>
                 <div className='dark:text-gray-200 text-sm waline-recent-content wl-content' dangerouslySetInnerHTML={{ __html: comment.comment }} />
                 <div className='dark:text-gray-400 text-gray-400  text-sm text-right cursor-pointer hover:text-red-500 hover:underline pt-1 pr-2'>
-                    <Link href={{ pathname: comment.url, hash: comment.objectId, query: { target: 'comment' } }}>--{comment.nick}</Link>
+                    <SmartLink href={{ pathname: comment.url, hash: comment.objectId, query: { target: 'comment' } }}>--{comment.nick}</SmartLink>
                 </div>
             </div>)}
 
diff --git a/themes/hexo/components/LatestPostsGroup.js b/themes/hexo/components/LatestPostsGroup.js
index 5a0a0161..673ea3db 100644
--- a/themes/hexo/components/LatestPostsGroup.js
+++ b/themes/hexo/components/LatestPostsGroup.js
@@ -1,7 +1,7 @@
 import LazyImage from '@/components/LazyImage'
 import { useGlobal } from '@/lib/global'
 // import Image from 'next/image'
-import Link from 'next/link'
+import SmartLink from '@/components/SmartLink'
 import { useRouter } from 'next/router'
 
 /**
@@ -34,7 +34,7 @@ const LatestPostsGroup = ({ latestPosts, siteInfo }) => {
         const selected = currentPath === post?.href
 
         return (
-          <Link
+          <SmartLink
             key={post.id}
             title={post.title}
             href={post?.href}
@@ -58,7 +58,7 @@ const LatestPostsGroup = ({ latestPosts, siteInfo }) => {
                 <div className='text-gray-500'>{post.lastEditedDay}</div>
               </div>
             </div>
-          </Link>
+          </SmartLink>
         )
       })}
     </>
diff --git a/themes/hexo/components/Logo.js b/themes/hexo/components/Logo.js
index 2279834c..b150456c 100644
--- a/themes/hexo/components/Logo.js
+++ b/themes/hexo/components/Logo.js
@@ -1,5 +1,5 @@
 import { siteConfig } from '@/lib/config'
-import Link from 'next/link'
+import SmartLink from '@/components/SmartLink'
 /**
  * Logo
  * 实际值支持文字
@@ -9,14 +9,14 @@ import Link from 'next/link'
 const Logo = props => {
   const { siteInfo } = props
   return (
-    <Link href='/' passHref legacyBehavior>
+    <SmartLink href='/' passHref legacyBehavior>
       <div className='flex flex-col justify-center items-center cursor-pointer space-y-3'>
         <div className='font-medium text-lg p-1.5 rounded dark:border-white dark:text-white menu-link transform duration-200'>
           {' '}
           {siteInfo?.title || siteConfig('TITLE')}
         </div>
       </div>
-    </Link>
+    </SmartLink>
   )
 }
 export default Logo
diff --git a/themes/hexo/components/MenuGroupCard.js b/themes/hexo/components/MenuGroupCard.js
index de0368e2..28675cc1 100644
--- a/themes/hexo/components/MenuGroupCard.js
+++ b/themes/hexo/components/MenuGroupCard.js
@@ -1,6 +1,6 @@
 import { siteConfig } from '@/lib/config'
 import { useGlobal } from '@/lib/global'
-import Link from 'next/link'
+import SmartLink from '@/components/SmartLink'
 import CONFIG from '../config'
 
 const MenuGroupCard = props => {
@@ -46,7 +46,7 @@ const MenuGroupCard = props => {
       {links.map(link => {
         if (link.show) {
           return (
-            <Link
+            <SmartLink
               key={`${link.href}`}
               title={link.href}
               href={link.href}
@@ -58,7 +58,7 @@ const MenuGroupCard = props => {
                 <div className='text-center'>{link.name}</div>
                 <div className='text-center font-semibold'>{link.slot}</div>
               </div>
-            </Link>
+            </SmartLink>
           )
         } else {
           return null
diff --git a/themes/hexo/components/MenuItemCollapse.js b/themes/hexo/components/MenuItemCollapse.js
index 0281388f..d01d98b2 100644
--- a/themes/hexo/components/MenuItemCollapse.js
+++ b/themes/hexo/components/MenuItemCollapse.js
@@ -1,5 +1,5 @@
 import Collapse from '@/components/Collapse'
-import Link from 'next/link'
+import SmartLink from '@/components/SmartLink'
 import { useState } from 'react'
 
 /**
@@ -32,7 +32,7 @@ export const MenuItemCollapse = props => {
         className='w-full px-8 py-3 dark:hover:bg-indigo-500  hover:bg-indigo-500 hover:text-white text-left dark:bg-hexo-black-gray'
         onClick={toggleShow}>
         {!hasSubMenu && (
-          <Link
+          <SmartLink
             href={link?.href}
             target={link?.target}
             className=' font-extralight flex justify-between pl-2 pr-4 dark:text-gray-200 no-underline tracking-widest pb-1'>
@@ -40,7 +40,7 @@ export const MenuItemCollapse = props => {
               {link?.icon && <i className={link.icon + ' mr-4'} />}
               {link?.name}
             </span>
-          </Link>
+          </SmartLink>
         )}
         {hasSubMenu && (
           <div
@@ -64,12 +64,12 @@ export const MenuItemCollapse = props => {
               <div
                 key={index}
                 className='dark:hover:bg-indigo-500 hover:bg-indigo-500 hover:text-white dark:bg-black dark:text-gray-200 text-left px-10 justify-start bg-gray-50 tracking-widest transition-all duration-200  py-3 pr-6'>
-                <Link href={sLink.href} target={link?.target}>
+                <SmartLink href={sLink.href} target={link?.target}>
                   <span className='text-sm ml-4 whitespace-nowrap'>
                     {link?.icon && <i className={sLink.icon + ' mr-2'} />}{' '}
                     {sLink.title}
                   </span>
-                </Link>
+                </SmartLink>
               </div>
             )
           })}
diff --git a/themes/hexo/components/MenuItemDrop.js b/themes/hexo/components/MenuItemDrop.js
index 09d4eb3b..594c1f70 100644
--- a/themes/hexo/components/MenuItemDrop.js
+++ b/themes/hexo/components/MenuItemDrop.js
@@ -1,4 +1,4 @@
-import Link from 'next/link'
+import SmartLink from '@/components/SmartLink'
 import { useState } from 'react'
 /**
  * 支持二级展开的菜单
@@ -18,13 +18,13 @@ export const MenuItemDrop = ({ link }) => {
       onMouseOver={() => changeShow(true)}
       onMouseOut={() => changeShow(false)}>
       {!hasSubMenu && (
-        <Link
+        <SmartLink
           href={link?.href}
           target={link?.target}
           className=' menu-link pl-2 pr-4 no-underline tracking-widest pb-1'>
           {link?.icon && <i className={link?.icon} />} {link?.name}
           {hasSubMenu && <i className='px-2 fa fa-angle-down'></i>}
-        </Link>
+        </SmartLink>
       )}
 
       {hasSubMenu && (
@@ -51,12 +51,12 @@ export const MenuItemDrop = ({ link }) => {
               <li
                 key={index}
                 className='cursor-pointer hover:bg-indigo-500 hover:text-white tracking-widest transition-all duration-200 dark:border-gray-800  py-1 pr-6 pl-3'>
-                <Link href={sLink.href} target={link?.target}>
+                <SmartLink href={sLink.href} target={link?.target}>
                   <span className='text-sm text-nowrap font-extralight'>
                     {link?.icon && <i className={sLink?.icon}> &nbsp; </i>}
                     {sLink.title}
                   </span>
-                </Link>
+                </SmartLink>
               </li>
             )
           })}
diff --git a/themes/hexo/components/NavButtonGroup.js b/themes/hexo/components/NavButtonGroup.js
index 8539eb49..8d671a7a 100644
--- a/themes/hexo/components/NavButtonGroup.js
+++ b/themes/hexo/components/NavButtonGroup.js
@@ -1,4 +1,4 @@
-import Link from 'next/link'
+import SmartLink from '@/components/SmartLink'
 
 /**
  * 首页导航大按钮组件
@@ -15,14 +15,14 @@ const NavButtonGroup = (props) => {
     <nav id='home-nav-button' className={'w-full z-10 md:h-72 md:mt-6 xl:mt-32 px-5 py-2 mt-8 flex flex-wrap md:max-w-6xl space-y-2 md:space-y-0 md:flex justify-center max-h-80 overflow-auto'}>
       {categoryOptions?.map(category => {
         return (
-          <Link
+          <SmartLink
             key={`${category.name}`}
             title={`${category.name}`}
             href={`/category/${category.name}`}
             passHref
             className='text-center shadow-text w-full sm:w-4/5 md:mx-6 md:w-40 md:h-14 lg:h-20 h-14 justify-center items-center flex border-2 cursor-pointer rounded-lg glassmorphism hover:bg-white hover:text-black duration-200 hover:scale-105 transform'>
                {category.name}
-            </Link>
+            </SmartLink>
         )
       })}
     </nav>
diff --git a/themes/hexo/components/PaginationNumber.js b/themes/hexo/components/PaginationNumber.js
index 57d755dd..2179500d 100644
--- a/themes/hexo/components/PaginationNumber.js
+++ b/themes/hexo/components/PaginationNumber.js
@@ -1,4 +1,4 @@
-import Link from 'next/link'
+import SmartLink from '@/components/SmartLink'
 import { useRouter } from 'next/router'
 
 /**
@@ -22,7 +22,7 @@ const PaginationNumber = ({ page, totalPage }) => {
   return (
     <div className='mt-10 mb-5 flex justify-center items-end font-medium text-indigo-400 duration-500 py-3 space-x-2'>
       {/* 上一页 */}
-      <Link
+      <SmartLink
         href={{
           pathname:
             currentPage === 2
@@ -33,12 +33,12 @@ const PaginationNumber = ({ page, totalPage }) => {
         rel='prev'
         className={`${currentPage === 1 ? 'invisible' : 'block'} pb-0.5 hover:bg-indigo-400 hover:text-white w-6 text-center cursor-pointer duration-200 hover:font-bold`}>
         <i className='fas fa-angle-left' />
-      </Link>
+      </SmartLink>
 
       {pages}
 
       {/* 下一页 */}
-      <Link
+      <SmartLink
         href={{
           pathname: `${pagePrefix}/page/${currentPage + 1}`,
           query: router.query.s ? { s: router.query.s } : {}
@@ -46,7 +46,7 @@ const PaginationNumber = ({ page, totalPage }) => {
         rel='next'
         className={`${+showNext ? 'block' : 'invisible'} pb-0.5 hover:bg-indigo-400 hover:text-white w-6 text-center cursor-pointer duration-200 hover:font-bold`}>
         <i className='fas fa-angle-right' />
-      </Link>
+      </SmartLink>
     </div>
   )
 }
@@ -61,7 +61,7 @@ const PaginationNumber = ({ page, totalPage }) => {
 function getPageElement(page, currentPage, pagePrefix) {
   const selected = page + '' === currentPage + ''
   return (
-    <Link
+    <SmartLink
       href={page === 1 ? `${pagePrefix}/` : `${pagePrefix}/page/${page}`}
       key={page}
       passHref
@@ -74,7 +74,7 @@ function getPageElement(page, currentPage, pagePrefix) {
       cursor-pointer pb-0.5 w-6 text-center
       `}>
       {page}
-    </Link>
+    </SmartLink>
   )
 }
 
diff --git a/themes/hexo/components/PostHero.js b/themes/hexo/components/PostHero.js
index 4cedf597..ec6b797c 100644
--- a/themes/hexo/components/PostHero.js
+++ b/themes/hexo/components/PostHero.js
@@ -3,7 +3,7 @@ import NotionIcon from '@/components/NotionIcon'
 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 TagItemMini from './TagItemMini'
 
 /**
@@ -38,14 +38,14 @@ export default function PostHero({ post, siteInfo }) {
           <div className='mb-3 flex justify-center'>
             {post.category && (
               <>
-                <Link
+                <SmartLink
                   href={`/category/${post.category}`}
                   passHref
                   legacyBehavior>
                   <div className='cursor-pointer px-2 py-1 mb-2 border rounded-sm dark:border-white text-sm font-medium hover:underline duration-200 shadow-text-md text-white'>
                     {post.category}
                   </div>
-                </Link>
+                </SmartLink>
               </>
             )}
           </div>
@@ -62,12 +62,12 @@ export default function PostHero({ post, siteInfo }) {
             <div className='flex justify-center dark:text-gray-200 text-opacity-70'>
               {post?.type !== 'Page' && (
                 <>
-                  <Link
+                  <SmartLink
                     href={`/archive#${formatDateFmt(post?.publishDate, 'yyyy-MM')}`}
                     passHref
                     className='pl-1 mr-2 cursor-pointer hover:underline'>
                     {locale.COMMON.POST_TIME}: {post?.publishDay}
-                  </Link>
+                  </SmartLink>
                 </>
               )}
               <div className='pl-1 mr-2'>
diff --git a/themes/hexo/components/SearchNav.js b/themes/hexo/components/SearchNav.js
index 359f5c8c..0cad9d57 100644
--- a/themes/hexo/components/SearchNav.js
+++ b/themes/hexo/components/SearchNav.js
@@ -1,5 +1,5 @@
 import { useGlobal } from '@/lib/global'
-import Link from 'next/link'
+import SmartLink from '@/components/SmartLink'
 import { useEffect, useRef } from 'react'
 import Card from './Card'
 import SearchInput from './SearchInput'
@@ -31,7 +31,7 @@ export default function SearchNav(props) {
             <div id="category-list" className="duration-200 flex flex-wrap mx-8">
                 {categoryOptions?.map(category => {
                   return (
-                      <Link
+                      <SmartLink
                           key={category.name}
                           href={`/category/${category.name}`}
                           passHref
@@ -44,7 +44,7 @@ export default function SearchNav(props) {
                               <i className="mr-4 fas fa-folder" />
                               {category.name}({category.count})
                           </div>
-                      </Link>
+                      </SmartLink>
                   )
                 })}
             </div>
diff --git a/themes/hexo/components/SlotBar.js b/themes/hexo/components/SlotBar.js
index a41b0695..4e4879ec 100644
--- a/themes/hexo/components/SlotBar.js
+++ b/themes/hexo/components/SlotBar.js
@@ -1,4 +1,4 @@
-import Link from 'next/link'
+import SmartLink from '@/components/SmartLink'
 
 /**
  * 博客列表上方嵌入条
@@ -10,10 +10,10 @@ export default function SlotBar(props) {
 
   if (tag) {
     return <div className="cursor-pointer px-3 py-2 mb-2 font-light hover:text-indigo-700 dark:hover:text-indigo-400 transform dark:text-white">
-              <Link key={tag} href={`/tag/${encodeURIComponent(tag)}`} passHref
+              <SmartLink key={tag} href={`/tag/${encodeURIComponent(tag)}`} passHref
                   className={'cursor-pointer inline-block rounded duration-200 mr-2 py-0.5 px-1 text-xl whitespace-nowrap '}>
                   <div className='font-light dark:text-gray-400 dark:hover:text-white'> #{tag} </div>
-              </Link>
+              </SmartLink>
           </div>
   } else if (category) {
     return <div className="cursor-pointer text-lg px-5 py-1 mb-2 font-light hover:text-indigo-700 dark:hover:text-indigo-400 transform dark:text-white">
diff --git a/themes/hexo/components/TagItemMini.js b/themes/hexo/components/TagItemMini.js
index 32221ea4..98f6dad2 100644
--- a/themes/hexo/components/TagItemMini.js
+++ b/themes/hexo/components/TagItemMini.js
@@ -1,8 +1,8 @@
-import Link from 'next/link'
+import SmartLink from '@/components/SmartLink'
 
 const TagItemMini = ({ tag, selected = false }) => {
   return (
-    <Link
+    <SmartLink
       key={tag}
       href={selected ? '/' : `/tag/${encodeURIComponent(tag.name)}`}
       passHref
@@ -14,7 +14,7 @@ const TagItemMini = ({ tag, selected = false }) => {
 
       <div className='font-light'>{selected && <i className='mr-1 fa-tag'/>} {tag.name + (tag.count ? `(${tag.count})` : '')} </div>
 
-    </Link>
+    </SmartLink>
   );
 }
 
diff --git a/themes/hexo/index.js b/themes/hexo/index.js
index 30d0fc46..8e8c33b3 100644
--- a/themes/hexo/index.js
+++ b/themes/hexo/index.js
@@ -7,7 +7,7 @@ import { useGlobal } from '@/lib/global'
 import { isBrowser } from '@/lib/utils'
 import { Transition } from '@headlessui/react'
 import dynamic from 'next/dynamic'
-import Link from 'next/link'
+import SmartLink from '@/components/SmartLink'
 import { useRouter } from 'next/router'
 import { createContext, useContext, useEffect, useRef } from 'react'
 import ArticleAdjacent from './components/ArticleAdjacent'
@@ -377,7 +377,7 @@ const LayoutCategoryIndex = props => {
         <div id='category-list' className='duration-200 flex flex-wrap mx-8'>
           {categoryOptions?.map(category => {
             return (
-              <Link
+              <SmartLink
                 key={category.name}
                 href={`/category/${category.name}`}
                 passHref
@@ -389,7 +389,7 @@ const LayoutCategoryIndex = props => {
                   <i className='mr-4 fas fa-folder' /> {category.name}(
                   {category.count})
                 </div>
-              </Link>
+              </SmartLink>
             )
           })}
         </div>
diff --git a/themes/landing/components/Footer.js b/themes/landing/components/Footer.js
index 3f27b76f..98c00fe1 100644
--- a/themes/landing/components/Footer.js
+++ b/themes/landing/components/Footer.js
@@ -1,5 +1,5 @@
 import { subscribeToNewsletter } from '@/lib/plugins/mailchimp'
-import Link from 'next/link'
+import SmartLink from '@/components/SmartLink'
 import { useEffect, useRef, useState } from 'react'
 import CONFIG from '../config'
 import Logo from './Logo'
@@ -45,7 +45,7 @@ export default function Footer() {
                             <Logo />
                         </div>
                         <div className="text-sm text-gray-600">
-                            <Link href="/terms-of-use" className="text-gray-600 hover:text-gray-900 hover:underline transition duration-150 ease-in-out">服务条款</Link> · <Link href="/privacy-policy" className="text-gray-600 hover:text-gray-900 hover:underline transition duration-150 ease-in-out">隐私政策</Link>
+                            <SmartLink href="/terms-of-use" className="text-gray-600 hover:text-gray-900 hover:underline transition duration-150 ease-in-out">服务条款</SmartLink> · <SmartLink href="/privacy-policy" className="text-gray-600 hover:text-gray-900 hover:underline transition duration-150 ease-in-out">隐私政策</SmartLink>
                         </div>
                     </div>
 
diff --git a/themes/landing/components/Header.js b/themes/landing/components/Header.js
index 2b71d944..a6b9c2e0 100644
--- a/themes/landing/components/Header.js
+++ b/themes/landing/components/Header.js
@@ -2,7 +2,7 @@
 
 import { useState, useEffect } from 'react'
 import { siteConfig } from '@/lib/config'
-import Link from 'next/link'
+import SmartLink from '@/components/SmartLink'
 import Logo from './Logo'
 import MobileMenu from './MobileMenu'
 import CONFIG from '../config'
@@ -36,17 +36,17 @@ export default function Header() {
             {/* Desktop sign in links */}
             <ul className="flex grow justify-end flex-wrap items-center">
               <li>
-                <Link href={siteConfig('LANDING_HEADER_BUTTON_1_URL', null, CONFIG)} target='_blank' className="font-medium hover:font-bold text-gray-600 hover:text-gray-900 dark:text-gray-400 px-5 py-3 flex items-center transition duration-150 ease-in-out">
+                <SmartLink href={siteConfig('LANDING_HEADER_BUTTON_1_URL', null, CONFIG)} target='_blank' className="font-medium hover:font-bold text-gray-600 hover:text-gray-900 dark:text-gray-400 px-5 py-3 flex items-center transition duration-150 ease-in-out">
                    <div>{siteConfig('LANDING_HEADER_BUTTON_1_TITLE', null, CONFIG)}</div>
-                </Link>
+                </SmartLink>
               </li>
               <li>
-                <Link href={siteConfig('LANDING_HEADER_BUTTON_2_URL', null, CONFIG)} target='_blank' className="btn-sm text-gray-200 bg-gray-900 hover:bg-gray-800 ml-3">
+                <SmartLink href={siteConfig('LANDING_HEADER_BUTTON_2_URL', null, CONFIG)} target='_blank' className="btn-sm text-gray-200 bg-gray-900 hover:bg-gray-800 ml-3">
                   <span>{siteConfig('LANDING_HEADER_BUTTON_2_TITLE', null, CONFIG)}</span>
                   <svg className="w-3 h-3 fill-current text-gray-400 shrink-0 ml-2 -mr-1" viewBox="0 0 12 12" xmlns="http://www.w3.org/2000/svg">
                     <path d="M11.707 5.293L7 .586 5.586 2l3 3H0v2h8.586l-3 3L7 11.414l4.707-4.707a1 1 0 000-1.414z" fillRule="nonzero" />
                   </svg>
-                </Link>
+                </SmartLink>
               </li>
             </ul>
 
diff --git a/themes/landing/components/Logo.js b/themes/landing/components/Logo.js
index 313d7656..aec60abf 100644
--- a/themes/landing/components/Logo.js
+++ b/themes/landing/components/Logo.js
@@ -1,8 +1,8 @@
-import Link from 'next/link'
+import SmartLink from '@/components/SmartLink'
 
 export default function Logo() {
   return (
-        <Link href="/" className="block" aria-label="Cruip">
+        <SmartLink href="/" className="block" aria-label="Cruip">
             <svg className="w-8 h-8" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg">
                 <defs>
                     <radialGradient cx="21.152%" cy="86.063%" fx="21.152%" fy="86.063%" r="79.941%" id="footer-logo">
@@ -16,6 +16,6 @@ export default function Logo() {
                     N
                 </text>
             </svg>
-        </Link>
+        </SmartLink>
   )
 }
diff --git a/themes/landing/components/MobileMenu.js b/themes/landing/components/MobileMenu.js
index c61e325b..9d1be106 100644
--- a/themes/landing/components/MobileMenu.js
+++ b/themes/landing/components/MobileMenu.js
@@ -2,7 +2,7 @@
 
 import { useState, useRef, useEffect } from 'react'
 import { Transition } from '@headlessui/react'
-import Link from 'next/link'
+import SmartLink from '@/components/SmartLink'
 import CONFIG from '../config'
 import { siteConfig } from '@/lib/config'
 
@@ -67,17 +67,17 @@ export default function MobileMenu() {
         >
           <ul className="px-5 py-2">
             <li>
-              <Link href={siteConfig('LANDING_HEADER_BUTTON_1_URL', null, CONFIG)} className="flex font-medium w-full text-gray-600 hover:text-gray-900 py-2 justify-center" onClick={() => setMobileNavOpen(false)}>
+              <SmartLink href={siteConfig('LANDING_HEADER_BUTTON_1_URL', null, CONFIG)} className="flex font-medium w-full text-gray-600 hover:text-gray-900 py-2 justify-center" onClick={() => setMobileNavOpen(false)}>
                 <div>{siteConfig('LANDING_HEADER_BUTTON_1_TITLE', null, CONFIG)}</div>
-              </Link>
+              </SmartLink>
             </li>
             <li>
-              <Link href={siteConfig('LANDING_HEADER_BUTTON_2_URL', null, CONFIG)} className="btn-sm text-gray-200 bg-gray-900 hover:bg-gray-800 w-full my-2" onClick={() => setMobileNavOpen(false)}>
+              <SmartLink href={siteConfig('LANDING_HEADER_BUTTON_2_URL', null, CONFIG)} className="btn-sm text-gray-200 bg-gray-900 hover:bg-gray-800 w-full my-2" onClick={() => setMobileNavOpen(false)}>
                 <span>{siteConfig('LANDING_HEADER_BUTTON_2_TITLE', null, CONFIG)}</span>
                 <svg className="w-3 h-3 fill-current text-gray-400 shrink-0 ml-2 -mr-1" viewBox="0 0 12 12" xmlns="http://www.w3.org/2000/svg">
                   <path d="M11.707 5.293L7 .586 5.586 2l3 3H0v2h8.586l-3 3L7 11.414l4.707-4.707a1 1 0 000-1.414z" fill="#999" fillRule="nonzero" />
                 </svg>
-              </Link>
+              </SmartLink>
             </li>
           </ul>
         </Transition>
diff --git a/themes/landing/components/Pricing.js b/themes/landing/components/Pricing.js
index 973c6a1b..4a99242d 100644
--- a/themes/landing/components/Pricing.js
+++ b/themes/landing/components/Pricing.js
@@ -1,6 +1,6 @@
 import { siteConfig } from '@/lib/config'
 import CONFIG from '../config'
-import Link from 'next/link'
+import SmartLink from '@/components/SmartLink'
 
 /**
  * 价格收费表
@@ -21,9 +21,9 @@ export const Pricing = (props) => {
                     )}
                 </ul>
             </div>
-            <Link className="w-full" href={siteConfig('LANDING_PRICING_1_URL', null, CONFIG)}>
+            <SmartLink className="w-full" href={siteConfig('LANDING_PRICING_1_URL', null, CONFIG)}>
                 <button className="font-bold bg-blue-600 hover:bg-blue-700 text-white rounded-md px-10 py-2 transition-colors w-full">{siteConfig('LANDING_PRICING_1_BUTTON', null, CONFIG)}</button>
-            </Link>
+            </SmartLink>
         </div>
         <div className="w-full md:w-1/3 md:max-w-none bg-white dark:bg-hexo-black-gray px-8 md:px-10 py-8 md:py-10 mb-3 mx-auto md:-mx-3 md:mb-0 rounded-md shadow-lg shadow-gray-600 md:relative md:z-20 md:flex md:flex-col">
             <div className="w-full flex-grow dark:text-gray-400">
@@ -34,9 +34,9 @@ export const Pricing = (props) => {
                     )}
                 </ul>
             </div>
-            <Link className="w-full" target='_blank' href={siteConfig('LANDING_PRICING_2_URL', null, CONFIG)}>
+            <SmartLink className="w-full" target='_blank' href={siteConfig('LANDING_PRICING_2_URL', null, CONFIG)}>
                 <button className="font-bold bg-blue-600 hover:bg-blue-700 text-white rounded-md px-10 py-2 transition-colors w-full">{siteConfig('LANDING_PRICING_2_BUTTON', null, CONFIG)}</button>
-            </Link>
+            </SmartLink>
         </div>
         <div className="w-full md:w-1/3 md:max-w-none bg-white dark:bg-hexo-black-gray px-8 md:px-10 py-8 md:py-10 mb-3 mx-auto md:my-6 rounded-md shadow-lg shadow-gray-600 md:flex md:flex-col">
             <div className="w-full flex-grow dark:text-gray-400">
@@ -47,9 +47,9 @@ export const Pricing = (props) => {
                     )}
                 </ul>
             </div>
-            <Link className="w-full" target='_blank' href={siteConfig('LANDING_PRICING_3_URL', null, CONFIG)}>
+            <SmartLink className="w-full" target='_blank' href={siteConfig('LANDING_PRICING_3_URL', null, CONFIG)}>
                 <button className="font-bold bg-blue-600 hover:bg-blue-700 text-white rounded-md px-10 py-2 transition-colors w-full">{siteConfig('LANDING_PRICING_3_BUTTON', null, CONFIG)}</button>
-            </Link>
+            </SmartLink>
         </div>
     </div>
 </div>
diff --git a/themes/magzine/components/BannerItem.js b/themes/magzine/components/BannerItem.js
index b83f79f5..732a4b7d 100644
--- a/themes/magzine/components/BannerItem.js
+++ b/themes/magzine/components/BannerItem.js
@@ -1,5 +1,5 @@
 import { siteConfig } from '@/lib/config'
-import Link from 'next/link'
+import SmartLink from '@/components/SmartLink'
 import CONFIG from '../config'
 
 /**
@@ -28,7 +28,7 @@ export default function BannerItem() {
       <h3 className='text-sm'>{description}</h3>
       {button && (
         <div className='mt-2 text-center px-6 py-3 font-semibold rounded-3xl text-black bg-[#7BE986] hover:bg-[#62BA6B]'>
-          <Link href={url}>{text}</Link>
+          <SmartLink href={url}>{text}</SmartLink>
         </div>
       )}
       <span className='text-xs'>{tips}</span>
diff --git a/themes/magzine/components/CategoryGroup.js b/themes/magzine/components/CategoryGroup.js
index 5f2d8b68..c37f5e2c 100644
--- a/themes/magzine/components/CategoryGroup.js
+++ b/themes/magzine/components/CategoryGroup.js
@@ -1,5 +1,5 @@
 import { useGlobal } from '@/lib/global'
-import Link from 'next/link'
+import SmartLink from '@/components/SmartLink'
 
 /**
  * 分类
@@ -18,7 +18,7 @@ const CategoryGroup = ({ currentCategory, categoryOptions }) => {
         {categoryOptions?.map((category, index) => {
           const selected = currentCategory === category.name
           return (
-            <Link
+            <SmartLink
               key={index}
               href={`/category/${category.name}`}
               passHref
@@ -31,7 +31,7 @@ const CategoryGroup = ({ currentCategory, categoryOptions }) => {
               <span>
                 {category.name} {category?.count && `(${category?.count})`}
               </span>
-            </Link>
+            </SmartLink>
           )
         })}
       </div>
diff --git a/themes/magzine/components/CategoryItem.js b/themes/magzine/components/CategoryItem.js
index f4cff30b..f7978853 100644
--- a/themes/magzine/components/CategoryItem.js
+++ b/themes/magzine/components/CategoryItem.js
@@ -1,8 +1,8 @@
-import Link from 'next/link'
+import SmartLink from '@/components/SmartLink'
 
 export default function CategoryItem({ selected, category, categoryCount }) {
   return (
-    <Link
+    <SmartLink
       href={`/category/${category}`}
       passHref
       className={
@@ -14,6 +14,6 @@ export default function CategoryItem({ selected, category, categoryCount }) {
       <div>
         {category} {categoryCount && `(${categoryCount})`}
       </div>
-    </Link>
+    </SmartLink>
   )
 }
diff --git a/themes/magzine/components/Footer.js b/themes/magzine/components/Footer.js
index 47a11a20..27a48254 100644
--- a/themes/magzine/components/Footer.js
+++ b/themes/magzine/components/Footer.js
@@ -7,7 +7,7 @@ import LazyImage from '@/components/LazyImage'
 import PoweredBy from '@/components/PoweredBy'
 import { siteConfig } from '@/lib/config'
 import { useGlobal } from '@/lib/global'
-import Link from 'next/link'
+import SmartLink from '@/components/SmartLink'
 import CONFIG from '../config'
 import SocialButton from './SocialButton'
 
@@ -56,9 +56,9 @@ const Footer = ({ title }) => {
                     {group?.menus?.map((menu, index) => {
                       return (
                         <div key={index}>
-                          <Link href={menu.href} className='hover:underline'>
+                          <SmartLink href={menu.href} className='hover:underline'>
                             {menu.title}
-                          </Link>
+                          </SmartLink>
                         </div>
                       )
                     })}
diff --git a/themes/magzine/components/LeftMenuBar.js b/themes/magzine/components/LeftMenuBar.js
index 6bde6c51..6f9da093 100644
--- a/themes/magzine/components/LeftMenuBar.js
+++ b/themes/magzine/components/LeftMenuBar.js
@@ -1,14 +1,14 @@
-import Link from 'next/link'
+import SmartLink from '@/components/SmartLink'
 
 export default function LeftMenuBar () {
   return (
     <div className='w-20  border-r hidden lg:block pt-12'>
       <section>
-        <Link href='/' legacyBehavior>
+        <SmartLink href='/' legacyBehavior>
           <div className='text-center cursor-pointer  hover:text-black'>
             <i className='fas fa-home text-gray-500'/>
           </div>
-        </Link>
+        </SmartLink>
       </section>
     </div>
   );
diff --git a/themes/magzine/components/LogoBar.js b/themes/magzine/components/LogoBar.js
index 25490c47..80bb0632 100644
--- a/themes/magzine/components/LogoBar.js
+++ b/themes/magzine/components/LogoBar.js
@@ -1,13 +1,13 @@
 import LazyImage from '@/components/LazyImage'
 import { siteConfig } from '@/lib/config'
-import Link from 'next/link'
+import SmartLink from '@/components/SmartLink'
 
 export default function LogoBar({ siteInfo, className }) {
   return (
     <div
       id='top-wrapper'
       className={`w-full flex items-center ${className || ''}`}>
-      <Link
+      <SmartLink
         href='/'
         className='inline-flex items-center whitespace-nowrap logo font-semibold hover:bg-black hover:text-white p-2 rounded-xl duration-200 dark:text-gray-200'>
         <LazyImage
@@ -19,7 +19,7 @@ export default function LogoBar({ siteInfo, className }) {
           className='mr-2 hidden md:inline-block'
         />
         <span>{siteConfig('TITLE')}</span>
-      </Link>
+      </SmartLink>
     </div>
   )
 }
diff --git a/themes/magzine/components/MenuItemCollapse.js b/themes/magzine/components/MenuItemCollapse.js
index 56329755..523ff790 100644
--- a/themes/magzine/components/MenuItemCollapse.js
+++ b/themes/magzine/components/MenuItemCollapse.js
@@ -1,5 +1,5 @@
 import Collapse from '@/components/Collapse'
-import Link from 'next/link'
+import SmartLink from '@/components/SmartLink'
 import { useRouter } from 'next/router'
 import { useEffect, useState } from 'react'
 
@@ -47,7 +47,7 @@ export const MenuItemCollapse = props => {
         }
         onClick={toggleShow}>
         {!hasSubMenu && (
-          <Link
+          <SmartLink
             href={link?.href}
             target={link?.target}
             className='py-2 w-full my-auto items-center justify-between flex  '>
@@ -55,7 +55,7 @@ export const MenuItemCollapse = props => {
               <div className={`${link.icon} text-center w-4 mr-4`} />
               {link.name}
             </div>
-          </Link>
+          </SmartLink>
         )}
 
         {hasSubMenu && (
@@ -84,14 +84,14 @@ export const MenuItemCollapse = props => {
                 className='
               not:last-child:border-b-0 border-b dark:border-gray-800 py-2 pl-12 cursor-pointer hover:bg-gray-100 dark:text-gray-200
               dark:bg-black text-left justify-start text-gray-600 bg-gray-50 dark:hover:bg-gray-900 tracking-widest transition-all duration-200'>
-                <Link href={sLink.href} target={link?.target}>
+                <SmartLink href={sLink.href} target={link?.target}>
                   <div>
                     <div
                       className={`${sLink.icon} text-center w-3 mr-3 text-xs`}
                     />
                     {sLink.title}
                   </div>
-                </Link>
+                </SmartLink>
               </div>
             )
           })}
diff --git a/themes/magzine/components/MenuItemDrop.js b/themes/magzine/components/MenuItemDrop.js
index f0dcde4c..09f2a6b5 100644
--- a/themes/magzine/components/MenuItemDrop.js
+++ b/themes/magzine/components/MenuItemDrop.js
@@ -1,4 +1,4 @@
-import Link from 'next/link'
+import SmartLink from '@/components/SmartLink'
 import { useRouter } from 'next/router'
 import { useState } from 'react'
 
@@ -43,9 +43,9 @@ export const MenuItemDrop = ({ link }) => {
               ? 'bg-gray-600 text-white hover:text-white'
               : 'hover:text-gray-600')
           }>
-          <Link href={link?.href} target={link?.target}>
+          <SmartLink href={link?.href} target={link?.target}>
             {link?.icon && <i className={link?.icon} />} {link?.name}
-          </Link>
+          </SmartLink>
         </div>
       )}
 
@@ -58,12 +58,12 @@ export const MenuItemDrop = ({ link }) => {
               <li
                 key={sLink.id}
                 className='py-3 pr-6 hover:bg-gray-100 dark:hover:bg-gray-900 dark:text-gray-200 tracking-widest transition-color duration-200 dark:border-gray-800 '>
-                <Link href={sLink.href} target={link?.target}>
+                <SmartLink href={sLink.href} target={link?.target}>
                   <span className='text-sm ml-2'>
                     {link?.icon && <i className={`${sLink?.icon} pr-2`}> </i>}
                     {sLink.title}
                   </span>
-                </Link>
+                </SmartLink>
               </li>
             )
           })}
diff --git a/themes/magzine/components/MenuItemMobileNormal.js b/themes/magzine/components/MenuItemMobileNormal.js
index 33569bfb..63e496af 100644
--- a/themes/magzine/components/MenuItemMobileNormal.js
+++ b/themes/magzine/components/MenuItemMobileNormal.js
@@ -1,4 +1,4 @@
-import Link from 'next/link'
+import SmartLink from '@/components/SmartLink'
 import { useRouter } from 'next/router'
 
 export const NormalMenu = props => {
@@ -12,7 +12,7 @@ export const NormalMenu = props => {
   const selected = router.pathname === link.href || router.asPath === link.href
 
   return (
-    <Link
+    <SmartLink
       key={`${link.href}`}
       title={link.href}
       href={link.href}
@@ -24,6 +24,6 @@ export const NormalMenu = props => {
         <div className={'hover:text-black'}>{link.name}</div>
       </div>
       {link.slot}
-    </Link>
+    </SmartLink>
   )
 }
diff --git a/themes/magzine/components/MenuItemPCNormal.js b/themes/magzine/components/MenuItemPCNormal.js
index e93ca07f..a88d2632 100644
--- a/themes/magzine/components/MenuItemPCNormal.js
+++ b/themes/magzine/components/MenuItemPCNormal.js
@@ -1,4 +1,4 @@
-import Link from 'next/link'
+import SmartLink from '@/components/SmartLink'
 import { useRouter } from 'next/router'
 
 export const MenuItemPCNormal = props => {
@@ -10,7 +10,7 @@ export const MenuItemPCNormal = props => {
   }
 
   return (
-    <Link
+    <SmartLink
       key={`${link.id}-${link.href}`}
       title={link.href}
       href={link.href}
@@ -25,6 +25,6 @@ export const MenuItemPCNormal = props => {
         <div className='ml-2 whitespace-nowrap'>{link.name}</div>
       </div>
       {link.slot}
-    </Link>
+    </SmartLink>
   )
 }
diff --git a/themes/magzine/components/PaginationSimple.js b/themes/magzine/components/PaginationSimple.js
index 0fcbebab..6ae9f2ab 100644
--- a/themes/magzine/components/PaginationSimple.js
+++ b/themes/magzine/components/PaginationSimple.js
@@ -1,5 +1,5 @@
 import { useGlobal } from '@/lib/global'
-import Link from 'next/link'
+import SmartLink from '@/components/SmartLink'
 import { useRouter } from 'next/router'
 
 /**
@@ -21,7 +21,7 @@ const PaginationSimple = ({ page, totalPage }) => {
 
   return (
     <div className='my-10 flex justify-between font-medium text-black dark:text-gray-100 space-x-2'>
-      <Link
+      <SmartLink
         href={{
           pathname:
             currentPage === 2
@@ -35,8 +35,8 @@ const PaginationSimple = ({ page, totalPage }) => {
           currentPage === 1 ? 'invisible' : 'block'
         } text-center w-full duration-200 px-4 py-2 hover:border-gray-500 border-b-2 hover:font-bold`}>
         ←{locale.PAGINATION.PREV}
-      </Link>
-      <Link
+      </SmartLink>
+      <SmartLink
         href={{
           pathname: `${pagePrefix}/page/${currentPage + 1}`,
           query: router.query.s ? { s: router.query.s } : {}
@@ -47,7 +47,7 @@ const PaginationSimple = ({ page, totalPage }) => {
           +showNext ? 'block' : 'invisible'
         } text-center w-full duration-200 px-4 py-2 hover:border-gray-500 border-b-2 hover:font-bold`}>
         {locale.PAGINATION.NEXT}→
-      </Link>
+      </SmartLink>
     </div>
   )
 }
diff --git a/themes/magzine/components/PostGroupLatest.js b/themes/magzine/components/PostGroupLatest.js
index c354af17..1dcdb5c9 100644
--- a/themes/magzine/components/PostGroupLatest.js
+++ b/themes/magzine/components/PostGroupLatest.js
@@ -2,7 +2,7 @@ import LazyImage from '@/components/LazyImage'
 import { siteConfig } from '@/lib/config'
 import { useGlobal } from '@/lib/global'
 // import Image from 'next/image'
-import Link from 'next/link'
+import SmartLink from '@/components/SmartLink'
 import { useRouter } from 'next/router'
 
 /**
@@ -38,7 +38,7 @@ const PostGroupLatest = props => {
             : siteInfo?.pageCover
 
           return (
-            <Link
+            <SmartLink
               key={post.id}
               title={post.title}
               href={`${siteConfig('SUB_PATH', '')}/${post.slug}`}
@@ -62,7 +62,7 @@ const PostGroupLatest = props => {
                   <div className='text-gray-500'>{post.lastEditedDay}</div>
                 </div>
               </div>
-            </Link>
+            </SmartLink>
           )
         })}
       </div>
diff --git a/themes/magzine/components/PostItemCard.js b/themes/magzine/components/PostItemCard.js
index 09a9352a..d0b2799b 100644
--- a/themes/magzine/components/PostItemCard.js
+++ b/themes/magzine/components/PostItemCard.js
@@ -3,7 +3,7 @@ import NotionIcon from '@/components/NotionIcon'
 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 CategoryItem from './CategoryItem'
 
 /**
@@ -17,7 +17,7 @@ const PostItemCard = ({ post }) => {
     <div key={post.id} className='mb-6 max-w-screen-3xl'>
       <div className='flex flex-col space-y-3'>
         {siteConfig('MAGZINE_POST_LIST_COVER') && (
-          <Link
+          <SmartLink
             href={post?.href}
             passHref
             className={
@@ -31,13 +31,13 @@ const PostItemCard = ({ post }) => {
                 className='w-full h-40 aspect-video object-cover'
               />
             </div>
-          </Link>
+          </SmartLink>
         )}
         {siteConfig('MAGZINE_POST_LIST_CATEGORY') && (
           <CategoryItem category={post.category} />
         )}
 
-        <Link
+        <SmartLink
           href={post?.href}
           passHref
           className={
@@ -49,7 +49,7 @@ const PostItemCard = ({ post }) => {
             )}
             {post.title}
           </h2>
-        </Link>
+        </SmartLink>
 
         <div className='text-sm'>
           {formatDateFmt(post.publishDate, 'yyyy-MM')}
diff --git a/themes/magzine/components/PostItemCardSimple.js b/themes/magzine/components/PostItemCardSimple.js
index 924876e6..026ad0f7 100644
--- a/themes/magzine/components/PostItemCardSimple.js
+++ b/themes/magzine/components/PostItemCardSimple.js
@@ -1,6 +1,6 @@
 import NotionIcon from '@/components/NotionIcon'
 import { siteConfig } from '@/lib/config'
-import Link from 'next/link'
+import SmartLink from '@/components/SmartLink'
 import CategoryItem from './CategoryItem'
 
 /**
@@ -20,7 +20,7 @@ const PostItemCardSimple = ({ post }) => {
       </div>
 
       {/* 文章标题 */}
-      <Link
+      <SmartLink
         href={post?.href}
         passHref
         className={
@@ -30,7 +30,7 @@ const PostItemCardSimple = ({ post }) => {
           {siteConfig('POST_TITLE_ICON') && <NotionIcon icon={post.pageIcon} />}
           {post.title}
         </h2>
-      </Link>
+      </SmartLink>
 
       <div className='text-sm text-gray-700'>{post.date?.start_date}</div>
     </div>
diff --git a/themes/magzine/components/PostItemCardTop.js b/themes/magzine/components/PostItemCardTop.js
index 9462507f..25dde622 100644
--- a/themes/magzine/components/PostItemCardTop.js
+++ b/themes/magzine/components/PostItemCardTop.js
@@ -3,7 +3,7 @@ import NotionIcon from '@/components/NotionIcon'
 import NotionPage from '@/components/NotionPage'
 import { siteConfig } from '@/lib/config'
 import { useGlobal } from '@/lib/global'
-import Link from 'next/link'
+import SmartLink from '@/components/SmartLink'
 import CONFIG from '../config'
 import CategoryItem from './CategoryItem'
 import TagItemMini from './TagItemMini'
@@ -28,7 +28,7 @@ const PostItemCardTop = ({ post, showSummary }) => {
       <div className='flex flex-col w-full'>
         {siteConfig('MAGZINE_POST_LIST_COVER', true, CONFIG) &&
           post?.pageCoverThumbnail && (
-            <Link
+            <SmartLink
               href={post?.href || ''}
               passHref
               className={
@@ -42,7 +42,7 @@ const PostItemCardTop = ({ post, showSummary }) => {
                   className='w-full h-80 object-cover hover:scale-125 duration-150'
                 />
               </div>
-            </Link>
+            </SmartLink>
           )}
 
         <div className='flex py-2 space-x-1 items-center'>
@@ -60,7 +60,7 @@ const PostItemCardTop = ({ post, showSummary }) => {
           </div>
         </div>
 
-        <Link
+        <SmartLink
           href={post?.href || ''}
           passHref
           className={
@@ -72,7 +72,7 @@ const PostItemCardTop = ({ post, showSummary }) => {
             )}
             {post?.title}
           </h2>
-        </Link>
+        </SmartLink>
 
         <div className='flex'></div>
 
@@ -87,13 +87,13 @@ const PostItemCardTop = ({ post, showSummary }) => {
             <NotionPage post={post} />
             <div className='pointer-events-none border-t pt-8 border-dashed'>
               <div className='w-full justify-start flex'>
-                <Link
+                <SmartLink
                   href={post?.href}
                   passHref
                   className='hover:bg-opacity-100 hover:scale-105 duration-200 pointer-events-auto transform font-bold text-gray-500 cursor-pointer'>
                   {locale.COMMON.ARTICLE_DETAIL}
                   <i className='ml-1 fas fa-angle-right' />
-                </Link>
+                </SmartLink>
               </div>
             </div>
           </div>
diff --git a/themes/magzine/components/PostItemCardWide.js b/themes/magzine/components/PostItemCardWide.js
index 2aec9a8e..47a63ce6 100644
--- a/themes/magzine/components/PostItemCardWide.js
+++ b/themes/magzine/components/PostItemCardWide.js
@@ -3,7 +3,7 @@ import NotionIcon from '@/components/NotionIcon'
 import NotionPage from '@/components/NotionPage'
 import { siteConfig } from '@/lib/config'
 import { useGlobal } from '@/lib/global'
-import Link from 'next/link'
+import SmartLink from '@/components/SmartLink'
 import CategoryItem from './CategoryItem'
 
 /**
@@ -21,7 +21,7 @@ const PostItemCardWide = ({ post, showSummary }) => {
         {siteConfig('MAGZINE_POST_LIST_CATEGORY') && (
           <CategoryItem category={post?.category} />
         )}
-        <Link
+        <SmartLink
           href={post?.href || ''}
           passHref
           className={
@@ -33,7 +33,7 @@ const PostItemCardWide = ({ post, showSummary }) => {
             )}
             {post?.title}
           </h3>
-        </Link>
+        </SmartLink>
 
         {(!showPreview || showSummary) && (
           <main className='line-clamp-2 text-gray-900 dark:text-gray-300 text-sm'>
@@ -46,13 +46,13 @@ const PostItemCardWide = ({ post, showSummary }) => {
             <NotionPage post={post} />
             <div className='pointer-events-none border-t pt-8 border-dashed'>
               <div className='w-full justify-start flex'>
-                <Link
+                <SmartLink
                   href={post?.href || ''}
                   passHref
                   className='hover:bg-opacity-100 hover:scale-105 duration-200 pointer-events-auto transform font-bold text-gray-500 cursor-pointer'>
                   {locale.COMMON.ARTICLE_DETAIL}
                   <i className='ml-1 fas fa-angle-right' />
-                </Link>
+                </SmartLink>
               </div>
             </div>
           </div>
diff --git a/themes/magzine/components/PostListHorizontal.js b/themes/magzine/components/PostListHorizontal.js
index 5e5544df..3dc65bdf 100644
--- a/themes/magzine/components/PostListHorizontal.js
+++ b/themes/magzine/components/PostListHorizontal.js
@@ -1,4 +1,4 @@
-import Link from 'next/link'
+import SmartLink from '@/components/SmartLink'
 import PostItemCard from './PostItemCard'
 import PostListEmpty from './PostListEmpty'
 import Swiper from './Swiper'
@@ -23,12 +23,12 @@ const PostListHorizontal = ({ title, href, posts, hasBg }) => {
         <div className='flex justify-between items-center py-6'>
           <h3 className='text-2xl'>{title}</h3>
           {href && (
-            <Link
+            <SmartLink
               className='hidden font-bold lg:block text-lg underline'
               href={href}>
               <span>查看全部</span>
               <i className='ml-2 fas fa-arrow-right' />
-            </Link>
+            </SmartLink>
           )}
         </div>
         {/* 列表 */}
@@ -40,10 +40,10 @@ const PostListHorizontal = ({ title, href, posts, hasBg }) => {
         <div className='block lg:hidden px-2'>
           <Swiper posts={posts} />
           {href && (
-            <Link className='lg:hidden block text-lg underline' href={href}>
+            <SmartLink className='lg:hidden block text-lg underline' href={href}>
               <span>查看全部</span>
               <i className='ml-2 fas fa-arrow-right' />
-            </Link>
+            </SmartLink>
           )}
         </div>
       </div>
diff --git a/themes/magzine/components/PostListSimpleHorizontal.js b/themes/magzine/components/PostListSimpleHorizontal.js
index 2268a428..30a7aac5 100644
--- a/themes/magzine/components/PostListSimpleHorizontal.js
+++ b/themes/magzine/components/PostListSimpleHorizontal.js
@@ -1,4 +1,4 @@
-import Link from 'next/link'
+import SmartLink from '@/components/SmartLink'
 import PostItemCardSimple from './PostItemCardSimple'
 import PostListEmpty from './PostListEmpty'
 
@@ -19,12 +19,12 @@ const PostSimpleListHorizontal = ({ title, href, posts }) => {
         <div className='flex justify-between items-center py-6'>
           <h3 className='text-2xl'>{title}</h3>
           {href && (
-            <Link
+            <SmartLink
               className='hidden font-bold lg:block text-lg underline'
               href={href}>
               <span>查看全部</span>
               <i className='ml-2 fas fa-arrow-right' />
-            </Link>
+            </SmartLink>
           )}
         </div>
         {/* 列表 */}
@@ -34,10 +34,10 @@ const PostSimpleListHorizontal = ({ title, href, posts }) => {
           })}
         </div>
         {href && (
-          <Link className='lg:hidden block text-lg underline' href={href}>
+          <SmartLink className='lg:hidden block text-lg underline' href={href}>
             <span>查看全部</span>
             <i className='ml-2 fas fa-arrow-right' />
-          </Link>
+          </SmartLink>
         )}
       </div>
     </div>
diff --git a/themes/magzine/components/PostNavAround.js b/themes/magzine/components/PostNavAround.js
index 754e1257..657bb9c4 100644
--- a/themes/magzine/components/PostNavAround.js
+++ b/themes/magzine/components/PostNavAround.js
@@ -1,6 +1,6 @@
 import { siteConfig } from '@/lib/config'
 import { useGlobal } from '@/lib/global'
-import Link from 'next/link'
+import SmartLink from '@/components/SmartLink'
 import { useRouter } from 'next/router'
 import { useEffect, useState } from 'react'
 
@@ -63,7 +63,7 @@ export default function PostNavAround({ prev, next }) {
     <div id='article-end'>
       {/* 移动端 */}
       <section className='lg:hidden pt-8 text-gray-800 items-center text-xs md:text-sm flex flex-col m-1 '>
-        <Link
+        <SmartLink
           href={`/${prev.slug}`}
           passHref
           className='cursor-pointer justify-between space-y-1 px-5 py-6 dark:bg-[#1e1e1e] border dark:border-gray-600 border-b-0 items-center dark:text-white flex flex-col w-full h-18 duration-200'>
@@ -71,8 +71,8 @@ export default function PostNavAround({ prev, next }) {
           <div className='flex justify-center items-center text-lg font-bold'>
             {prev.title}
           </div>
-        </Link>
-        <Link
+        </SmartLink>
+        <SmartLink
           href={`/${next.slug}`}
           passHref
           className='cursor-pointer justify-between space-y-1 px-5 py-6 dark:bg-[#1e1e1e] border dark:border-gray-600 items-center dark:text-white flex flex-col w-full h-18 duration-200'>
@@ -80,7 +80,7 @@ export default function PostNavAround({ prev, next }) {
           <div className='flex justify-center items-center text-lg font-bold'>
             {next.title}
           </div>
-        </Link>
+        </SmartLink>
       </section>
 
       {/* 桌面端 */}
@@ -88,13 +88,13 @@ export default function PostNavAround({ prev, next }) {
       <div
         id='pc-next-post'
         className={`${isShow ? 'mb-5 opacity-100' : '-mb-24 opacity-0'} hidden md:block fixed z-40 right-10 bottom-4 duration-200 transition-all`}>
-        <Link
+        <SmartLink
           href={`/${next.slug}`}
           className='text-sm block p-4 w-72 h-28 cursor-pointer drop-shadow-xl duration transition-all dark:bg-[#1e1e1e] border dark:border-gray-800 bg-white dark:text-gray-300 dark:hover:text-yellow-600 hover:font-bold hover:text-green-600'>
           <div className='font-semibold'>{locale.COMMON.NEXT_POST}</div>
           <hr className='mt-2 mb-3' />
           <div className='line-clamp-2'>{next?.title}</div>
-        </Link>
+        </SmartLink>
       </div>
     </div>
   )
diff --git a/themes/magzine/components/TagItemMini.js b/themes/magzine/components/TagItemMini.js
index e8e2987c..93f94311 100644
--- a/themes/magzine/components/TagItemMini.js
+++ b/themes/magzine/components/TagItemMini.js
@@ -1,8 +1,8 @@
-import Link from 'next/link'
+import SmartLink from '@/components/SmartLink'
 
 const TagItemMini = ({ tag, selected = false }) => {
   return (
-    <Link
+    <SmartLink
       key={tag}
       href={selected ? '/' : `/tag/${encodeURIComponent(tag.name)}`}
       passHref
@@ -17,7 +17,7 @@ const TagItemMini = ({ tag, selected = false }) => {
         {/* {selected && <i className='mr-1 fas fa-tag'/>} */}#
         {tag.name + (tag.count ? `(${tag.count})` : '')}{' '}
       </div>
-    </Link>
+    </SmartLink>
   )
 }
 
diff --git a/themes/magzine/components/TouchMeCard.js b/themes/magzine/components/TouchMeCard.js
index a2a46c1c..16613949 100644
--- a/themes/magzine/components/TouchMeCard.js
+++ b/themes/magzine/components/TouchMeCard.js
@@ -1,6 +1,6 @@
 import FlipCard from '@/components/FlipCard'
 import { siteConfig } from '@/lib/config'
-import Link from 'next/link'
+import SmartLink from '@/components/SmartLink'
 import CONFIG from '../config'
 
 /**
@@ -28,11 +28,11 @@ export default function TouchMeCard() {
           </div>
         }
         backContent={
-          <Link href={siteConfig('MAGZINE_SOCIAL_CARD_URL', '#', CONFIG)}>
+          <SmartLink href={siteConfig('MAGZINE_SOCIAL_CARD_URL', '#', CONFIG)}>
             <div className='font-[1000] text-xl h-full'>
               {siteConfig('MAGZINE_SOCIAL_CARD_TITLE_3')}
             </div>
-          </Link>
+          </SmartLink>
         }
       />
     </div>
diff --git a/themes/magzine/index.js b/themes/magzine/index.js
index 8a0496cd..d581b1ab 100644
--- a/themes/magzine/index.js
+++ b/themes/magzine/index.js
@@ -12,7 +12,7 @@ import { siteConfig } from '@/lib/config'
 import { useGlobal } from '@/lib/global'
 import { isBrowser } from '@/lib/utils'
 import { SignIn, SignUp } from '@clerk/nextjs'
-import Link from 'next/link'
+import SmartLink from '@/components/SmartLink'
 import { useRouter } from 'next/router'
 import { createContext, useContext, useEffect, useRef, useState } from 'react'
 import ArticleInfo from './components/ArticleInfo'
@@ -415,7 +415,7 @@ const LayoutCategoryIndex = props => {
         <div id='category-list' className='duration-200 flex flex-wrap'>
           {categoryOptions?.map(category => {
             return (
-              <Link
+              <SmartLink
                 key={category.name}
                 href={`/category/${category.name}`}
                 passHref
@@ -427,7 +427,7 @@ const LayoutCategoryIndex = props => {
                   {/* <i className='mr-4 fas fa-folder' /> */}
                   {category.name}({category.count})
                 </div>
-              </Link>
+              </SmartLink>
             )
           })}
         </div>
diff --git a/themes/matery/components/ArticleCopyright.js b/themes/matery/components/ArticleCopyright.js
index 64fe19e5..b3c15b9f 100644
--- a/themes/matery/components/ArticleCopyright.js
+++ b/themes/matery/components/ArticleCopyright.js
@@ -1,5 +1,5 @@
 import { useGlobal } from '@/lib/global'
-import Link from 'next/link'
+import SmartLink from '@/components/SmartLink'
 import { useRouter } from 'next/router'
 import { useEffect, useState } from 'react'
 import CONFIG from '../config'
@@ -24,9 +24,9 @@ export default function ArticleCopyright() {
       <ul className='overflow-x-auto whitespace-nowrap text-sm dark:bg-gray-900 bg-gray-100 p-5 leading-8 border-l-2 border-indigo-500'>
         <li>
           <strong className='mr-2'>{locale.COMMON.AUTHOR}:</strong>
-          <Link href={'/about'} className='hover:underline'>
+          <SmartLink href={'/about'} className='hover:underline'>
             {siteConfig('AUTHOR')}
-          </Link>
+          </SmartLink>
         </li>
         <li>
           <strong className='mr-2'>{locale.COMMON.URL}:</strong>
diff --git a/themes/matery/components/ArticleInfo.js b/themes/matery/components/ArticleInfo.js
index 010d5e85..a098e4cf 100644
--- a/themes/matery/components/ArticleInfo.js
+++ b/themes/matery/components/ArticleInfo.js
@@ -1,4 +1,4 @@
-import Link from 'next/link'
+import SmartLink from '@/components/SmartLink'
 import { useGlobal } from '@/lib/global'
 import TagItemMiddle from './TagItemMiddle'
 import { formatDateFmt } from '@/lib/utils/formatDate'
@@ -24,13 +24,13 @@ export const ArticleInfo = props => {
       <div className='flex flex-wrap gap-3 mt-5 text-sm'>
         {post?.type !== 'Page' && (
           <>
-            <Link
+            <SmartLink
               href={`/archive#${formatDateFmt(post?.publishDate, 'yyyy-MM')}`}
               passHref
               className='cursor-pointer whitespace-nowrap'>
               <i className='far fa-calendar-minus fa-fw' />{' '}
               {locale.COMMON.POST_TIME}: {post?.publishDay}
-            </Link>
+            </SmartLink>
             <span className='whitespace-nowrap'>
               <i className='far fa-calendar-check fa-fw' />
               {locale.COMMON.LAST_EDITED_TIME}: {post.lastEditedDay}
diff --git a/themes/matery/components/ArticleRecommend.js b/themes/matery/components/ArticleRecommend.js
index 58fd7398..8348e5a8 100644
--- a/themes/matery/components/ArticleRecommend.js
+++ b/themes/matery/components/ArticleRecommend.js
@@ -1,7 +1,7 @@
 import LazyImage from '@/components/LazyImage'
 import { siteConfig } from '@/lib/config'
 import { useGlobal } from '@/lib/global'
-import Link from 'next/link'
+import SmartLink from '@/components/SmartLink'
 import CONFIG from '../config'
 
 /**
@@ -35,7 +35,7 @@ export default function ArticleRecommend({ recommendPosts, siteInfo }) {
             : siteInfo?.pageCover
 
           return (
-            <Link
+            <SmartLink
               key={post.id}
               title={post.title}
               href={post?.href}
@@ -57,7 +57,7 @@ export default function ArticleRecommend({ recommendPosts, siteInfo }) {
                   </div>
                 </div>
               </div>
-            </Link>
+            </SmartLink>
           )
         })}
       </div>
diff --git a/themes/matery/components/BlogListBar.js b/themes/matery/components/BlogListBar.js
index 8453e7ea..82449d36 100644
--- a/themes/matery/components/BlogListBar.js
+++ b/themes/matery/components/BlogListBar.js
@@ -1,4 +1,4 @@
-import Link from 'next/link'
+import SmartLink from '@/components/SmartLink'
 import { useGlobal } from '@/lib/global'
 import TagItemMiddle from './TagItemMiddle'
 
@@ -13,12 +13,12 @@ export default function BlogListBar(props) {
                     {categoryOptions?.map(e => {
                       const selected = e.name === category
                       return (
-                            <Link key={e.name} href={`/category/${e.name}`} passHref legacyBehavior>
+                            <SmartLink key={e.name} href={`/category/${e.name}`} passHref legacyBehavior>
                                 <div className='duration-300 text-md whitespace-nowrap dark:hover:text-white px-5 cursor-pointer py-2 hover:text-indigo-400' >
                                     <i className={`mr-4 fas  ${selected ? 'fa-folder-open' : 'fa-folder'}`} />
                                     {e.name}({e.count})
                                 </div>
-                            </Link>
+                            </SmartLink>
                       )
                     })}
                 </div>
diff --git a/themes/matery/components/BlogPostArchive.js b/themes/matery/components/BlogPostArchive.js
index e296eaef..b18b6797 100644
--- a/themes/matery/components/BlogPostArchive.js
+++ b/themes/matery/components/BlogPostArchive.js
@@ -1,4 +1,4 @@
-import Link from 'next/link'
+import SmartLink from '@/components/SmartLink'
 
 /**
  * 博客归档列表
@@ -27,12 +27,12 @@ const BlogPostArchive = ({ posts = [], archiveTitle }) => {
                 <div id={post?.publishDay}>
                   <span className='text-gray-400'>{post.date?.start_date}</span>{' '}
                   &nbsp;
-                  <Link
+                  <SmartLink
                     href={post?.href}
                     passHref
                     className='dark:text-gray-400  dark:hover:text-indigo-300 overflow-x-hidden hover:underline cursor-pointer text-gray-600'>
                     {post.title}
-                  </Link>
+                  </SmartLink>
                 </div>
               </li>
             )
diff --git a/themes/matery/components/BlogPostCard.js b/themes/matery/components/BlogPostCard.js
index 8d10fdf4..45b35929 100644
--- a/themes/matery/components/BlogPostCard.js
+++ b/themes/matery/components/BlogPostCard.js
@@ -3,7 +3,7 @@ import NotionIcon from '@/components/NotionIcon'
 import TwikooCommentCount from '@/components/TwikooCommentCount'
 import { siteConfig } from '@/lib/config'
 import { formatDateFmt } from '@/lib/utils/formatDate'
-import Link from 'next/link'
+import SmartLink from '@/components/SmartLink'
 import CONFIG from '../config'
 import TagItemMini from './TagItemMini'
 
@@ -36,7 +36,7 @@ const BlogPostCard = ({ index, post, showSummary, siteInfo }) => {
       <header className='group flex flex-col h-80 justify-between'>
         {/* 头部图片 填充卡片 */}
         {showPageCover && (
-          <Link href={post?.href} passHref legacyBehavior>
+          <SmartLink href={post?.href} passHref legacyBehavior>
             <div className='flex flex-grow w-full relative duration-200 = rounded-t-md cursor-pointer transform overflow-hidden'>
               <LazyImage
                 src={post?.pageCoverThumbnail}
@@ -54,7 +54,7 @@ const BlogPostCard = ({ index, post, showSummary, siteInfo }) => {
                 <div className='h-full w-full absolute bg-gradient-to-b from-transparent to-black'></div>
               </div>
             </div>
-          </Link>
+          </SmartLink>
         )}
 
         {/* 文字描述 */}
@@ -69,25 +69,25 @@ const BlogPostCard = ({ index, post, showSummary, siteInfo }) => {
 
             <div className='text-gray-800 justify-between flex my-2  dark:text-gray-300'>
               <div>
-                <Link
+                <SmartLink
                   href={`/archive#${formatDateFmt(post?.publishDate, 'yyyy-MM')}`}
                   passHref
                   className='font-light hover:underline cursor-pointer text-sm leading-4 mr-3'>
                   <i className='far fa-clock mr-1' />
                   {post.date?.start_date || post.lastEditedDay}
-                </Link>
+                </SmartLink>
                 <TwikooCommentCount
                   post={post}
                   className='hover:underline cursor-pointer text-sm'
                 />
               </div>
-              <Link
+              <SmartLink
                 href={`/category/${post.category}`}
                 passHref
                 className='cursor-pointer font-light text-sm hover:underline hover:text-indigo-700 dark:hover:text-indigo-400 transform'>
                 <i className='mr-1 far fa-folder' />
                 {post.category}
-              </Link>
+              </SmartLink>
             </div>
           </div>
 
diff --git a/themes/matery/components/CategoryGroup.js b/themes/matery/components/CategoryGroup.js
index 62046784..65bc7c67 100644
--- a/themes/matery/components/CategoryGroup.js
+++ b/themes/matery/components/CategoryGroup.js
@@ -1,4 +1,4 @@
-import Link from 'next/link'
+import SmartLink from '@/components/SmartLink'
 
 const CategoryGroup = ({ currentCategory, categories }) => {
   if (!categories) {
@@ -9,7 +9,7 @@ const CategoryGroup = ({ currentCategory, categories }) => {
       {categories.map(category => {
         const selected = currentCategory === category.name
         return (
-          <Link
+          <SmartLink
             key={category.name}
             href={`/category/${category.name}`}
             passHref
@@ -20,7 +20,7 @@ const CategoryGroup = ({ currentCategory, categories }) => {
 
             <div> <i className={`mr-2 fas ${selected ? 'fa-folder-open' : 'fa-folder'}`} />{category.name}({category.count})</div>
 
-          </Link>
+          </SmartLink>
         )
       })}
     </div>
diff --git a/themes/matery/components/Header.js b/themes/matery/components/Header.js
index d6c195f8..127de271 100644
--- a/themes/matery/components/Header.js
+++ b/themes/matery/components/Header.js
@@ -2,7 +2,7 @@ import SideBarDrawer from '@/components/SideBarDrawer'
 import { siteConfig } from '@/lib/config'
 import { useGlobal } from '@/lib/global'
 import throttle from 'lodash.throttle'
-import Link from 'next/link'
+import SmartLink from '@/components/SmartLink'
 import { useRouter } from 'next/router'
 import { useCallback, useEffect, useRef, useState } from 'react'
 import CONFIG from '../config'
@@ -108,12 +108,12 @@ const Header = props => {
               <i className='mr-2 fas fa-th-list' />
               {locale.COMMON.CATEGORY}
             </div>
-            <Link
+            <SmartLink
               href={'/category'}
               passHref
               className='mb-3 text-gray-400 hover:text-black dark:text-gray-400 dark:hover:text-white hover:underline cursor-pointer'>
               {locale.COMMON.MORE} <i className='fas fa-angle-double-right' />
-            </Link>
+            </SmartLink>
           </div>
           <CategoryGroup
             currentCategory={currentCategory}
@@ -129,12 +129,12 @@ const Header = props => {
               <i className='mr-2 fas fa-tag' />
               {locale.COMMON.TAGS}
             </div>
-            <Link
+            <SmartLink
               href={'/tag'}
               passHref
               className='text-gray-400 hover:text-black  dark:hover:text-white hover:underline cursor-pointer'>
               {locale.COMMON.MORE} <i className='fas fa-angle-double-right' />
-            </Link>
+            </SmartLink>
           </div>
           <div className='p-2'>
             <TagGroups tags={tags} currentTag={currentTag} />
diff --git a/themes/matery/components/HexoRecentComments.js b/themes/matery/components/HexoRecentComments.js
index 29dedb38..7d0c8291 100644
--- a/themes/matery/components/HexoRecentComments.js
+++ b/themes/matery/components/HexoRecentComments.js
@@ -2,7 +2,7 @@ import { useEffect, useState } from 'react'
 import { siteConfig } from '@/lib/config'
 import Card from '@/themes/hexo/components/Card'
 import { useGlobal } from '@/lib/global'
-import Link from 'next/link'
+import SmartLink from '@/components/SmartLink'
 import { RecentComments } from '@waline/client'
 
 /**
@@ -35,7 +35,7 @@ const HexoRecentComments = (props) => {
           {!onLoading && comments && comments.length === 0 && <div>No Comments</div>}
           {!onLoading && comments && comments.length > 0 && comments.map((comment) => <div key={comment.objectId} className='pb-2 pl-1'>
               <div className='dark:text-gray-200 text-sm waline-recent-content wl-content' dangerouslySetInnerHTML={{ __html: comment.comment }} />
-              <div className='dark:text-gray-400 text-gray-400  text-sm text-right cursor-pointer hover:text-red-500 hover:underline pt-1 pr-2'><Link href={{ pathname: comment.url, hash: comment.objectId, query: { target: 'comment' } }}>--{comment.nick}</Link></div>
+              <div className='dark:text-gray-400 text-gray-400  text-sm text-right cursor-pointer hover:text-red-500 hover:underline pt-1 pr-2'><SmartLink href={{ pathname: comment.url, hash: comment.objectId, query: { target: 'comment' } }}>--{comment.nick}</SmartLink></div>
           </div>)}
 
     </Card>
diff --git a/themes/matery/components/Logo.js b/themes/matery/components/Logo.js
index a1082ae3..2d55fa03 100644
--- a/themes/matery/components/Logo.js
+++ b/themes/matery/components/Logo.js
@@ -1,5 +1,5 @@
 import { siteConfig } from '@/lib/config'
-import Link from 'next/link'
+import SmartLink from '@/components/SmartLink'
 /**
  * 站点logo
  * 这里默认只支持纯文字
@@ -9,14 +9,14 @@ import Link from 'next/link'
 const Logo = props => {
   const { siteInfo } = props
   return (
-    <Link href='/' passHref legacyBehavior>
+    <SmartLink href='/' passHref legacyBehavior>
       <div className='flex flex-col justify-center items-center cursor-pointer space-y-3'>
         <div className=' text-lg p-1.5 rounded dark:border-white hover:scale-110 transform duration-200'>
           {' '}
           {siteInfo?.title || siteConfig('TITLE')}
         </div>
       </div>
-    </Link>
+    </SmartLink>
   )
 }
 export default Logo
diff --git a/themes/matery/components/MenuGroupCard.js b/themes/matery/components/MenuGroupCard.js
index 4aafb5d9..88079ae4 100644
--- a/themes/matery/components/MenuGroupCard.js
+++ b/themes/matery/components/MenuGroupCard.js
@@ -1,6 +1,6 @@
 import { siteConfig } from '@/lib/config'
 import { useGlobal } from '@/lib/global'
-import Link from 'next/link'
+import SmartLink from '@/components/SmartLink'
 import CONFIG from '../config'
 
 const MenuGroupCard = props => {
@@ -36,7 +36,7 @@ const MenuGroupCard = props => {
       {links.map(link => {
         if (link.show) {
           return (
-            <Link
+            <SmartLink
               key={`${link.href}`}
               title={link.href}
               href={link.href}
@@ -48,7 +48,7 @@ const MenuGroupCard = props => {
                 <div className='text-center'>{link.name}</div>
                 <div className='text-center font-semibold'>{link.slot}</div>
               </div>
-            </Link>
+            </SmartLink>
           )
         } else {
           return null
diff --git a/themes/matery/components/MenuItemCollapse.js b/themes/matery/components/MenuItemCollapse.js
index d1f5017b..a81c373e 100644
--- a/themes/matery/components/MenuItemCollapse.js
+++ b/themes/matery/components/MenuItemCollapse.js
@@ -1,5 +1,5 @@
 import Collapse from '@/components/Collapse'
-import Link from 'next/link'
+import SmartLink from '@/components/SmartLink'
 import { useRouter } from 'next/router'
 import { useState } from 'react'
 
@@ -40,7 +40,7 @@ export const MenuItemCollapse = ({ link }) => {
             : ' text-black dark:text-white ')
         }>
         {!hasSubMenu && (
-          <Link href={link?.href} target={link?.target}>
+          <SmartLink href={link?.href} target={link?.target}>
             <div className='my-auto items-center justify-between flex '>
               {link.icon && (
                 <i className={`${link.icon} w-4 mr-6 text-center`} />
@@ -48,7 +48,7 @@ export const MenuItemCollapse = ({ link }) => {
               <div>{link.name}</div>
             </div>
             {link.slot}
-          </Link>
+          </SmartLink>
         )}
 
         {hasSubMenu && (
@@ -73,12 +73,12 @@ export const MenuItemCollapse = ({ link }) => {
               <div
                 key={index}
                 className='cursor-pointer whitespace-nowrap dark:text-gray-200  w-full font-extralight dark:bg-black text-left px-5 justify-start bg-gray-100  hover:bg-indigo-500 dark:hover:bg-indigo-500 hover:text-white tracking-widest transition-all duration-200 border-b dark:border-gray-800 py-3 pr-6'>
-                <Link href={sLink.href} target={link?.target}>
+                <SmartLink href={sLink.href} target={link?.target}>
                   <span className='text-sm'>
                     <i className={`${sLink.icon} w-4 mr-3 text-center`} />
                     {sLink.title}
                   </span>
-                </Link>
+                </SmartLink>
               </div>
             )
           })}
diff --git a/themes/matery/components/MenuItemDrop.js b/themes/matery/components/MenuItemDrop.js
index 15e02a02..cd642acf 100644
--- a/themes/matery/components/MenuItemDrop.js
+++ b/themes/matery/components/MenuItemDrop.js
@@ -1,4 +1,4 @@
-import Link from 'next/link'
+import SmartLink from '@/components/SmartLink'
 import { useState } from 'react'
 /**
  * 菜单
@@ -17,13 +17,13 @@ export const MenuItemDrop = ({ link }) => {
       onMouseOver={() => changeShow(true)}
       onMouseOut={() => changeShow(false)}>
       {!hasSubMenu && (
-        <Link
+        <SmartLink
           href={link?.href}
           target={link?.target}
           className=' menu-link pl-2 pr-4  no-underline tracking-widest pb-1'>
           {link?.icon && <i className={link?.icon} />} {link?.name}
           {hasSubMenu && <i className='px-2 fa fa-angle-down'></i>}
-        </Link>
+        </SmartLink>
       )}
 
       {hasSubMenu && (
@@ -50,12 +50,12 @@ export const MenuItemDrop = ({ link }) => {
               <li
                 key={index}
                 className='cursor-pointer hover:bg-indigo-500 text-gray-900 hover:text-white tracking-widest transition-all duration-200 dark:border-gray-800  py-1 pr-6 pl-3'>
-                <Link href={sLink.href} target={link?.target}>
+                <SmartLink href={sLink.href} target={link?.target}>
                   <span className='text-sm text-nowrap font-extralight'>
                     {link?.icon && <i className={sLink?.icon}> &nbsp; </i>}
                     {sLink.title}
                   </span>
-                </Link>
+                </SmartLink>
               </li>
             )
           })}
diff --git a/themes/matery/components/MenuItemNormal.js b/themes/matery/components/MenuItemNormal.js
index 0254089b..4af05062 100644
--- a/themes/matery/components/MenuItemNormal.js
+++ b/themes/matery/components/MenuItemNormal.js
@@ -1,4 +1,4 @@
-import Link from 'next/link'
+import SmartLink from '@/components/SmartLink'
 import { useRouter } from 'next/router'
 
 export const MenuItemNormal = props => {
@@ -8,7 +8,7 @@ export const MenuItemNormal = props => {
   const selected = router.pathname === link.href || router.asPath === link.href
 
   return (
-    <Link
+    <SmartLink
       key={link.href}
       title={link.href}
       href={link.href}
@@ -23,6 +23,6 @@ export const MenuItemNormal = props => {
         <div>{link.name}</div>
       </div>
       {link.slot}
-    </Link>
+    </SmartLink>
   )
 }
diff --git a/themes/matery/components/MenuList.js b/themes/matery/components/MenuList.js
index ecd306c1..44f22767 100644
--- a/themes/matery/components/MenuList.js
+++ b/themes/matery/components/MenuList.js
@@ -1,6 +1,6 @@
 import { siteConfig } from '@/lib/config'
 import { useGlobal } from '@/lib/global'
-import Link from 'next/link'
+import SmartLink from '@/components/SmartLink'
 import { useRouter } from 'next/router'
 import CONFIG from '../config'
 
@@ -58,7 +58,7 @@ const MenuList = props => {
           const selected =
             router.pathname === link.href || router.asPath === link.href
           return (
-            <Link
+            <SmartLink
               key={`${link.href}`}
               title={link.href}
               href={link.href}
@@ -71,7 +71,7 @@ const MenuList = props => {
                 <div className={'ml-4'}>{link.name}</div>
               </div>
               {link.slot}
-            </Link>
+            </SmartLink>
           )
         } else {
           return null
diff --git a/themes/matery/components/NavButtonGroup.js b/themes/matery/components/NavButtonGroup.js
index 1b0d471e..06891e99 100644
--- a/themes/matery/components/NavButtonGroup.js
+++ b/themes/matery/components/NavButtonGroup.js
@@ -1,4 +1,4 @@
-import Link from 'next/link'
+import SmartLink from '@/components/SmartLink'
 
 /**
  * 首页导航大按钮组件
@@ -15,14 +15,14 @@ const NavButtonGroup = (props) => {
     <nav id='home-nav-button' className={'md:h-52 md:mt-6 xl:mt-32 px-5 py-2 mt-8 flex flex-wrap md:max-w-5xl space-y-2 md:space-y-0 md:flex justify-center max-h-80 overflow-auto'}>
       {categories.map(category => {
         return (
-          <Link
+          <SmartLink
             key={`${category.name}`}
             title={`${category.name}`}
             href={`/category/${category.name}`}
             passHref
             className='text-center w-full md:mx-6 md:w-40 md:h-14 lg:h-20 h-14 justify-center items-center flex border-2 cursor-pointer rounded-lg glassmorphism hover:bg-white hover:text-black duration-200 font-bold hover:scale-110 transform'>
                 {category.name}
-            </Link>
+            </SmartLink>
         )
       })}
     </nav>
diff --git a/themes/matery/components/PaginationNumber.js b/themes/matery/components/PaginationNumber.js
index 42281b93..7c551cec 100644
--- a/themes/matery/components/PaginationNumber.js
+++ b/themes/matery/components/PaginationNumber.js
@@ -1,4 +1,4 @@
-import Link from 'next/link'
+import SmartLink from '@/components/SmartLink'
 import { useRouter } from 'next/router'
 
 /**
@@ -18,7 +18,7 @@ const PaginationNumber = ({ page, totalPage }) => {
   return (
     <div className="mt-10 mb-5  flex justify-center items-end font-medium text-black duration-500 dark:text-gray-300 py-3 space-x-2">
         {/* 上一页 */}
-        <Link
+        <SmartLink
           href={{
             pathname: currentPage === 2
               ? `${pagePrefix}/`
@@ -30,12 +30,12 @@ const PaginationNumber = ({ page, totalPage }) => {
 
           <i className="fas fa-angle-left" />
 
-        </Link>
+        </SmartLink>
 
         {pages}
 
         {/* 下一页 */}
-        <Link
+        <SmartLink
           href={{
             pathname: `${pagePrefix}/page/${currentPage + 1}`,
             query: router.query.s ? { s: router.query.s } : {}
@@ -45,14 +45,14 @@ const PaginationNumber = ({ page, totalPage }) => {
 
           <i className="fas fa-angle-right" />
 
-        </Link>
+        </SmartLink>
     </div>
   )
 }
 
 function getPageElement(page, currentPage, pagePrefix) {
   return (
-    (<Link
+    (<SmartLink
       href={page === 1 ? `${pagePrefix}/` : `${pagePrefix}/page/${page}`}
       key={page}
       passHref
@@ -65,7 +65,7 @@ function getPageElement(page, currentPage, pagePrefix) {
 
       {page}
 
-    </Link>)
+    </SmartLink>)
   )
 }
 
diff --git a/themes/matery/components/PaginationSimple.js b/themes/matery/components/PaginationSimple.js
index df2a3f1a..0f343346 100644
--- a/themes/matery/components/PaginationSimple.js
+++ b/themes/matery/components/PaginationSimple.js
@@ -1,4 +1,4 @@
-import Link from 'next/link'
+import SmartLink from '@/components/SmartLink'
 import { useRouter } from 'next/router'
 
 /**
@@ -15,7 +15,7 @@ const PaginationSimple = ({ page, totalPage }) => {
   const pagePrefix = router.asPath.split('?')[0].replace(/\/page\/[1-9]\d*/, '').replace(/\/$/, '')
   return (
     <div className="my-10 mx-6 flex justify-between font-medium text-black dark:text-gray-100 space-x-2">
-      <Link
+      <SmartLink
         href={{
           pathname:
             currentPage - 1 === 1
@@ -32,8 +32,8 @@ const PaginationSimple = ({ page, totalPage }) => {
           } duration-200 px-3.5 py-2 hover:border-black rounded-full`} >
           <i className='fas fa-angle-left text-2xl'/>
         </button>
-      </Link>
-      <Link
+      </SmartLink>
+      <SmartLink
         href={{
           pathname: `${pagePrefix}/page/${currentPage + 1}`,
           query: router.query.s ? { s: router.query.s } : {}
@@ -48,7 +48,7 @@ const PaginationSimple = ({ page, totalPage }) => {
         >
           <i className='fas fa-angle-right text-2xl'/>
         </button>
-      </Link>
+      </SmartLink>
     </div>
   )
 }
diff --git a/themes/matery/components/SearchNav.js b/themes/matery/components/SearchNav.js
index fb13f6ae..f829d0df 100644
--- a/themes/matery/components/SearchNav.js
+++ b/themes/matery/components/SearchNav.js
@@ -2,7 +2,7 @@
 import SearchInput from './SearchInput'
 import TagItemMini from './TagItemMini'
 import Card from './Card'
-import Link from 'next/link'
+import SmartLink from '@/components/SmartLink'
 import { useEffect, useRef } from 'react'
 import { useGlobal } from '@/lib/global'
 
@@ -34,11 +34,11 @@ export default function SearchNave(props) {
                 <div id="category-list" className="duration-200 flex flex-wrap mx-8">
                     {categoryOptions?.map(category => {
                       return (
-                            <Link key={category.name} href={`/category/${category.name}`} passHref legacyBehavior>
+                            <SmartLink key={category.name} href={`/category/${category.name}`} passHref legacyBehavior>
                                 <div className={' duration-300 dark:hover:text-white rounded-lg px-5 cursor-pointer py-2 hover:bg-indigo-400 hover:text-white'}>
                                     <i className="mr-4 fas fa-folder" /> {category.name}({category.count})
                                 </div>
-                            </Link>
+                            </SmartLink>
                       )
                     })}
                 </div>
diff --git a/themes/matery/components/TagItemMiddle.js b/themes/matery/components/TagItemMiddle.js
index 8da44092..7cddd701 100644
--- a/themes/matery/components/TagItemMiddle.js
+++ b/themes/matery/components/TagItemMiddle.js
@@ -1,8 +1,8 @@
-import Link from 'next/link'
+import SmartLink from '@/components/SmartLink'
 
 const TagItemMiddle = ({ tag, selected = false }) => {
   return (
-      <Link
+      <SmartLink
           key={tag}
           href={selected ? '/' : `/tag/${encodeURIComponent(tag.name)}`}
           passHref
@@ -13,7 +13,7 @@ const TagItemMiddle = ({ tag, selected = false }) => {
               {selected && <i className='mr-1 fas fa-tag' />}
               {tag.name + (tag.count ? `(${tag.count})` : '')} </div>
 
-      </Link>
+      </SmartLink>
   )
 }
 
diff --git a/themes/matery/components/TagItemMini.js b/themes/matery/components/TagItemMini.js
index 28a1d970..fd7b2fb1 100644
--- a/themes/matery/components/TagItemMini.js
+++ b/themes/matery/components/TagItemMini.js
@@ -1,8 +1,8 @@
-import Link from 'next/link'
+import SmartLink from '@/components/SmartLink'
 
 const TagItemMini = ({ tag, selected = false }) => {
   return (
-    <Link
+    <SmartLink
       key={tag}
       href={selected ? '/' : `/tag/${encodeURIComponent(tag.name)}`}
       passHref
@@ -11,7 +11,7 @@ const TagItemMini = ({ tag, selected = false }) => {
 
       <div className='font-light'>{selected && <i className='mr-1 fa-tag'/>} {tag.name + (tag.count ? `(${tag.count})` : '')} </div>
 
-    </Link>
+    </SmartLink>
   )
 }
 
diff --git a/themes/matery/index.js b/themes/matery/index.js
index 25234e7c..6ae66215 100644
--- a/themes/matery/index.js
+++ b/themes/matery/index.js
@@ -10,7 +10,7 @@ import { useGlobal } from '@/lib/global'
 import { loadWowJS } from '@/lib/plugins/wow'
 import { isBrowser } from '@/lib/utils'
 import dynamic from 'next/dynamic'
-import Link from 'next/link'
+import SmartLink from '@/components/SmartLink'
 import { useRouter } from 'next/router'
 import { createContext, useContext, useEffect, useRef } from 'react'
 import Announcement from './components/Announcement'
@@ -359,7 +359,7 @@ const LayoutCategoryIndex = props => {
         <div className='flex justify-center flex-wrap'>
           {categoryOptions?.map(e => {
             return (
-              <Link
+              <SmartLink
                 key={e.name}
                 href={`/category/${e.name}`}
                 passHref
@@ -367,7 +367,7 @@ const LayoutCategoryIndex = props => {
                 <div className='duration-300 text-md whitespace-nowrap dark:hover:text-white px-5 cursor-pointer py-2 hover:text-indigo-400'>
                   <i className={'mr-4 fas fa-folder'} /> {e.name}({e.count})
                 </div>
-              </Link>
+              </SmartLink>
             )
           })}
         </div>
diff --git a/themes/medium/components/ArticleAround.js b/themes/medium/components/ArticleAround.js
index 95b6f83f..27b54681 100644
--- a/themes/medium/components/ArticleAround.js
+++ b/themes/medium/components/ArticleAround.js
@@ -1,4 +1,4 @@
-import Link from 'next/link'
+import SmartLink from '@/components/SmartLink'
 
 /**
  * 上一篇，下一篇文章
@@ -11,22 +11,22 @@ export default function ArticleAround ({ prev, next }) {
   }
   return (
     <section className='text-gray-800 dark:text-gray-400 h-12 flex items-center justify-between space-x-5 my-4'>
-      <Link
+      <SmartLink
         href={`/${prev.slug}`}
         passHref
         className='text-sm cursor-pointer justify-start items-center flex hover:underline duration-300'>
 
         <i className='mr-1 fas fa-angle-double-left' />{prev.title}
 
-      </Link>
-      <Link
+      </SmartLink>
+      <SmartLink
         href={`/${next.slug}`}
         passHref
         className='text-sm cursor-pointer justify-end items-center flex hover:underline duration-300'>
         {next.title}
         <i className='ml-1 my-1 fas fa-angle-double-right' />
 
-      </Link>
+      </SmartLink>
     </section>
   )
 }
diff --git a/themes/medium/components/ArticleInfo.js b/themes/medium/components/ArticleInfo.js
index c1961fb6..45b7f3f9 100644
--- a/themes/medium/components/ArticleInfo.js
+++ b/themes/medium/components/ArticleInfo.js
@@ -1,5 +1,5 @@
 import LazyImage from '@/components/LazyImage'
-import Link from 'next/link'
+import SmartLink from '@/components/SmartLink'
 import { siteConfig } from '@/lib/config'
 import NotionIcon from '@/components/NotionIcon'
 
@@ -25,7 +25,7 @@ export default function ArticleInfo(props) {
                     <i className="mr-1 fas fa-eye" /><span className="busuanzi_value_page_pv" />
                 </div>
             </div>
-            <Link href="/about" passHref legacyBehavior>
+            <SmartLink href="/about" passHref legacyBehavior>
                 <div className='flex pt-2'>
                     <LazyImage src={siteInfo?.icon} className='rounded-full cursor-pointer' width={22} alt={siteConfig('AUTHOR')} />
 
@@ -33,7 +33,7 @@ export default function ArticleInfo(props) {
                         {siteConfig('AUTHOR')}
                     </div>
                 </div>
-            </Link>
+            </SmartLink>
         </section>
     </>)
 }
diff --git a/themes/medium/components/BlogArchiveItem.js b/themes/medium/components/BlogArchiveItem.js
index 7d7b5a1c..a6d77c51 100644
--- a/themes/medium/components/BlogArchiveItem.js
+++ b/themes/medium/components/BlogArchiveItem.js
@@ -1,4 +1,4 @@
-import Link from 'next/link'
+import SmartLink from '@/components/SmartLink'
 
 /**
  * 归档分组
@@ -20,12 +20,12 @@ export default function BlogArchiveItem({ archiveTitle, archivePosts }) {
               <div id={post?.publishDay}>
                 <span className='text-gray-400'>{post.date?.start_date}</span>{' '}
                 &nbsp;
-                <Link
+                <SmartLink
                   passHref
                   href={post?.href}
                   className='dark:text-gray-400  dark:hover:text-gray-300 overflow-x-hidden hover:underline cursor-pointer text-gray-600'>
                   {post.title}
-                </Link>
+                </SmartLink>
               </div>
             </li>
           )
diff --git a/themes/medium/components/BlogPostCard.js b/themes/medium/components/BlogPostCard.js
index a688f601..974f6547 100644
--- a/themes/medium/components/BlogPostCard.js
+++ b/themes/medium/components/BlogPostCard.js
@@ -4,7 +4,7 @@ import NotionPage from '@/components/NotionPage'
 import TwikooCommentCount from '@/components/TwikooCommentCount'
 import { siteConfig } from '@/lib/config'
 import { useGlobal } from '@/lib/global'
-import Link from 'next/link'
+import SmartLink from '@/components/SmartLink'
 import CONFIG from '../config'
 import CategoryItem from './CategoryItem'
 import TagItemMini from './TagItemMini'
@@ -22,7 +22,7 @@ const BlogPostCard = ({ post, showSummary }) => {
       data-aos-anchor-placement='top-bottom'
       className='mb-6 max-w-7xl border-b dark:border-gray-800 '>
       <header className='lg:py-8 py-4 flex flex-col w-full'>
-        <Link
+        <SmartLink
           href={post?.href}
           passHref
           className={
@@ -43,7 +43,7 @@ const BlogPostCard = ({ post, showSummary }) => {
             )}
             {post.title}
           </h2>
-        </Link>
+        </SmartLink>
 
         <div
           className={
@@ -73,13 +73,13 @@ const BlogPostCard = ({ post, showSummary }) => {
             <NotionPage post={post} />
             <div className='pointer-events-none border-t pt-8 border-dashed'>
               <div className='w-full justify-start flex'>
-                <Link
+                <SmartLink
                   href={post?.href}
                   passHref
                   className='hover:bg-opacity-100 hover:scale-105 duration-200 pointer-events-auto transform font-bold text-green-500 cursor-pointer'>
                   {locale.COMMON.ARTICLE_DETAIL}
                   <i className='ml-1 fas fa-angle-right' />
-                </Link>
+                </SmartLink>
               </div>
             </div>
           </div>
diff --git a/themes/medium/components/BottomMenuBar.js b/themes/medium/components/BottomMenuBar.js
index c04269c2..9b0aa4df 100644
--- a/themes/medium/components/BottomMenuBar.js
+++ b/themes/medium/components/BottomMenuBar.js
@@ -1,4 +1,4 @@
-import Link from 'next/link'
+import SmartLink from '@/components/SmartLink'
 import { useMediumGlobal } from '..'
 import JumpToTopButton from './JumpToTopButton'
 
@@ -17,11 +17,11 @@ export default function BottomMenuBar({ post, className }) {
         className
       }>
       <div className='flex justify-between h-full shadow-card'>
-        <Link href='/search' passHref legacyBehavior>
+        <SmartLink href='/search' passHref legacyBehavior>
           <div className='flex w-full items-center justify-center cursor-pointer'>
             <i className='fas fa-search' />
           </div>
-        </Link>
+        </SmartLink>
         <div className='flex w-full items-center justify-center cursor-pointer z-20'>
           <JumpToTopButton />
         </div>
@@ -33,11 +33,11 @@ export default function BottomMenuBar({ post, className }) {
           </div>
         )}
         {!showTocButton && (
-          <Link href='/' passHref legacyBehavior>
+          <SmartLink href='/' passHref legacyBehavior>
             <div className='flex w-full items-center justify-center cursor-pointer'>
               <i className='fas fa-home' />
             </div>
-          </Link>
+          </SmartLink>
         )}
       </div>
     </div>
diff --git a/themes/medium/components/CategoryItem.js b/themes/medium/components/CategoryItem.js
index 779488de..8b7cbcfc 100644
--- a/themes/medium/components/CategoryItem.js
+++ b/themes/medium/components/CategoryItem.js
@@ -1,8 +1,8 @@
-import Link from 'next/link'
+import SmartLink from '@/components/SmartLink'
 
 export default function CategoryItem ({ selected, category, categoryCount }) {
   return (
-    <Link
+    <SmartLink
       href={`/category/${category}`}
       passHref
       className={(selected
@@ -13,6 +13,6 @@ export default function CategoryItem ({ selected, category, categoryCount }) {
       <div><i className={`mr-2 fas ${selected ? 'fa-folder-open' : 'fa-folder'}`} />{category} {categoryCount && `(${categoryCount})`}
       </div>
 
-    </Link>
+    </SmartLink>
   );
 }
diff --git a/themes/medium/components/LeftMenuBar.js b/themes/medium/components/LeftMenuBar.js
index 6bde6c51..6f9da093 100644
--- a/themes/medium/components/LeftMenuBar.js
+++ b/themes/medium/components/LeftMenuBar.js
@@ -1,14 +1,14 @@
-import Link from 'next/link'
+import SmartLink from '@/components/SmartLink'
 
 export default function LeftMenuBar () {
   return (
     <div className='w-20  border-r hidden lg:block pt-12'>
       <section>
-        <Link href='/' legacyBehavior>
+        <SmartLink href='/' legacyBehavior>
           <div className='text-center cursor-pointer  hover:text-black'>
             <i className='fas fa-home text-gray-500'/>
           </div>
-        </Link>
+        </SmartLink>
       </section>
     </div>
   );
diff --git a/themes/medium/components/LogoBar.js b/themes/medium/components/LogoBar.js
index d739425c..2bb1b891 100644
--- a/themes/medium/components/LogoBar.js
+++ b/themes/medium/components/LogoBar.js
@@ -1,12 +1,12 @@
 import { siteConfig } from '@/lib/config'
-import Link from 'next/link'
+import SmartLink from '@/components/SmartLink'
 
 export default function LogoBar(props) {
   return (
     <div id='top-wrapper' className='w-full flex items-center '>
-      <Link href='/' className='logo text-md md:text-xl dark:text-gray-200'>
+      <SmartLink href='/' className='logo text-md md:text-xl dark:text-gray-200'>
         {siteConfig('TITLE')}
-      </Link>
+      </SmartLink>
     </div>
   )
 }
diff --git a/themes/medium/components/MenuItemCollapse.js b/themes/medium/components/MenuItemCollapse.js
index 01d40f5d..074e9510 100644
--- a/themes/medium/components/MenuItemCollapse.js
+++ b/themes/medium/components/MenuItemCollapse.js
@@ -1,5 +1,5 @@
 import Collapse from '@/components/Collapse'
-import Link from 'next/link'
+import SmartLink from '@/components/SmartLink'
 import { useRouter } from 'next/router'
 import { useState } from 'react'
 
@@ -42,7 +42,7 @@ export const MenuItemCollapse = props => {
         }
         onClick={toggleShow}>
         {!hasSubMenu && (
-          <Link
+          <SmartLink
             href={link?.href}
             target={link?.target}
             className='py-2 w-full my-auto items-center justify-between flex  '>
@@ -50,7 +50,7 @@ export const MenuItemCollapse = props => {
               <div className={`${link.icon} text-center w-4 mr-4`} />
               {link.name}
             </div>
-          </Link>
+          </SmartLink>
         )}
 
         {hasSubMenu && (
@@ -79,14 +79,14 @@ export const MenuItemCollapse = props => {
                 className='
               not:last-child:border-b-0 border-b dark:border-gray-800 py-2 px-14 cursor-pointer hover:bg-gray-100 dark:text-gray-200
               font-extralight dark:bg-black text-left justify-start text-gray-600 bg-gray-50 dark:hover:bg-gray-900 tracking-widest transition-all duration-200'>
-                <Link href={sLink.href} target={link?.target}>
+                <SmartLink href={sLink.href} target={link?.target}>
                   <div>
                     <div
                       className={`${sLink.icon} text-center w-3 mr-3 text-xs`}
                     />
                     {sLink.title}
                   </div>
-                </Link>
+                </SmartLink>
               </div>
             )
           })}
diff --git a/themes/medium/components/MenuItemDrop.js b/themes/medium/components/MenuItemDrop.js
index b6c7a62c..8fa3171b 100644
--- a/themes/medium/components/MenuItemDrop.js
+++ b/themes/medium/components/MenuItemDrop.js
@@ -1,4 +1,4 @@
-import Link from 'next/link'
+import SmartLink from '@/components/SmartLink'
 import { useRouter } from 'next/router'
 import { useState } from 'react'
 
@@ -45,9 +45,9 @@ export const MenuItemDrop = ({ link }) => {
               ? 'bg-green-600 text-white hover:text-white'
               : 'hover:text-green-600')
           }>
-          <Link href={link?.href} target={link?.target}>
+          <SmartLink href={link?.href} target={link?.target}>
             {link?.icon && <i className={link?.icon} />} {link?.name}
-          </Link>
+          </SmartLink>
         </div>
       )}
 
@@ -60,12 +60,12 @@ export const MenuItemDrop = ({ link }) => {
               <li
                 key={sLink.id}
                 className='not:last-child:border-b-0 border-b text-gray-700 dark:text-gray-200  hover:bg-gray-50 dark:hover:bg-gray-900 tracking-widest transition-all duration-200  dark:border-gray-800 py-3 pr-6 pl-3'>
-                <Link href={sLink.href} target={link?.target}>
+                <SmartLink href={sLink.href} target={link?.target}>
                   <span className='text-xs font-extralight'>
                     {link?.icon && <i className={sLink?.icon}> &nbsp; </i>}
                     {sLink.title}
                   </span>
-                </Link>
+                </SmartLink>
               </li>
             )
           })}
diff --git a/themes/medium/components/MenuItemMobileNormal.js b/themes/medium/components/MenuItemMobileNormal.js
index 33569bfb..63e496af 100644
--- a/themes/medium/components/MenuItemMobileNormal.js
+++ b/themes/medium/components/MenuItemMobileNormal.js
@@ -1,4 +1,4 @@
-import Link from 'next/link'
+import SmartLink from '@/components/SmartLink'
 import { useRouter } from 'next/router'
 
 export const NormalMenu = props => {
@@ -12,7 +12,7 @@ export const NormalMenu = props => {
   const selected = router.pathname === link.href || router.asPath === link.href
 
   return (
-    <Link
+    <SmartLink
       key={`${link.href}`}
       title={link.href}
       href={link.href}
@@ -24,6 +24,6 @@ export const NormalMenu = props => {
         <div className={'hover:text-black'}>{link.name}</div>
       </div>
       {link.slot}
-    </Link>
+    </SmartLink>
   )
 }
diff --git a/themes/medium/components/MenuItemPCNormal.js b/themes/medium/components/MenuItemPCNormal.js
index fad3307e..de8154c9 100644
--- a/themes/medium/components/MenuItemPCNormal.js
+++ b/themes/medium/components/MenuItemPCNormal.js
@@ -1,4 +1,4 @@
-import Link from 'next/link'
+import SmartLink from '@/components/SmartLink'
 import { useRouter } from 'next/router'
 
 export const MenuItemPCNormal = props => {
@@ -10,7 +10,7 @@ export const MenuItemPCNormal = props => {
   }
 
   return (
-    <Link
+    <SmartLink
       key={`${link.id}-${link.href}`}
       title={link.href}
       href={link.href}
@@ -25,6 +25,6 @@ export const MenuItemPCNormal = props => {
         <div className='ml-2 whitespace-nowrap'>{link.name}</div>
       </div>
       {link.slot}
-    </Link>
+    </SmartLink>
   )
 }
diff --git a/themes/medium/components/PaginationSimple.js b/themes/medium/components/PaginationSimple.js
index fb3493a7..0eec5853 100644
--- a/themes/medium/components/PaginationSimple.js
+++ b/themes/medium/components/PaginationSimple.js
@@ -1,4 +1,4 @@
-import Link from 'next/link'
+import SmartLink from '@/components/SmartLink'
 import { useRouter } from 'next/router'
 import { useGlobal } from '@/lib/global'
 
@@ -18,7 +18,7 @@ const PaginationSimple = ({ page, totalPage }) => {
 
   return (
     <div className="my-10 flex justify-between font-medium text-black dark:text-gray-100 space-x-2">
-      <Link
+      <SmartLink
         href={{
           pathname:
             currentPage === 2
@@ -33,8 +33,8 @@ const PaginationSimple = ({ page, totalPage }) => {
         } text-center w-full duration-200 px-4 py-2 hover:border-green-500 border-b-2 hover:font-bold`}>
         ←{locale.PAGINATION.PREV}
 
-      </Link>
-      <Link
+      </SmartLink>
+      <SmartLink
         href={{
           pathname: `${pagePrefix}/page/${currentPage + 1}`,
           query: router.query.s ? { s: router.query.s } : {}
@@ -46,7 +46,7 @@ const PaginationSimple = ({ page, totalPage }) => {
         } text-center w-full duration-200 px-4 py-2 hover:border-green-500 border-b-2 hover:font-bold`}>
 
         {locale.PAGINATION.NEXT}→
-      </Link>
+      </SmartLink>
     </div>
   )
 }
diff --git a/themes/medium/components/TagItemMini.js b/themes/medium/components/TagItemMini.js
index 9922a069..e8fde285 100644
--- a/themes/medium/components/TagItemMini.js
+++ b/themes/medium/components/TagItemMini.js
@@ -1,8 +1,8 @@
-import Link from 'next/link'
+import SmartLink from '@/components/SmartLink'
 
 const TagItemMini = ({ tag, selected = false }) => {
   return (
-    <Link
+    <SmartLink
       key={tag}
       href={selected ? '/' : `/tag/${encodeURIComponent(tag.name)}`}
       passHref
@@ -14,7 +14,7 @@ const TagItemMini = ({ tag, selected = false }) => {
 
       <div className='font-light dark:text-gray-400'>{selected && <i className='mr-1 fas fa-tag'/>} {tag.name + (tag.count ? `(${tag.count})` : '')} </div>
 
-    </Link>
+    </SmartLink>
   )
 }
 
diff --git a/themes/medium/index.js b/themes/medium/index.js
index 799a29b6..23283401 100644
--- a/themes/medium/index.js
+++ b/themes/medium/index.js
@@ -8,7 +8,7 @@ import { siteConfig } from '@/lib/config'
 import { useGlobal } from '@/lib/global'
 import { isBrowser } from '@/lib/utils'
 import { Transition } from '@headlessui/react'
-import Link from 'next/link'
+import SmartLink from '@/components/SmartLink'
 import { useRouter } from 'next/router'
 import { createContext, useContext, useEffect, useState } from 'react'
 import Announcement from './components/Announcement'
@@ -379,7 +379,7 @@ const LayoutCategoryIndex = props => {
         <div id='category-list' className='duration-200 flex flex-wrap'>
           {categoryOptions?.map(category => {
             return (
-              <Link
+              <SmartLink
                 key={category.name}
                 href={`/category/${category.name}`}
                 passHref
@@ -391,7 +391,7 @@ const LayoutCategoryIndex = props => {
                   <i className='mr-4 fas fa-folder' />
                   {category.name}({category.count})
                 </div>
-              </Link>
+              </SmartLink>
             )
           })}
         </div>
diff --git a/themes/movie/components/ArchiveDateList.js b/themes/movie/components/ArchiveDateList.js
index cd389028..c6ece352 100644
--- a/themes/movie/components/ArchiveDateList.js
+++ b/themes/movie/components/ArchiveDateList.js
@@ -1,6 +1,6 @@
 import { useGlobal } from '@/lib/global'
 import { formatDateFmt } from '@/lib/utils/formatDate'
-import Link from 'next/link'
+import SmartLink from '@/components/SmartLink'
 
 export default function ArchiveDateList(props) {
   const postsSortByDate = Object.create(props.allNavPages)
@@ -24,12 +24,12 @@ export default function ArchiveDateList(props) {
       {dates?.map((date, index) => {
         return (
           <div key={index}>
-            <Link
+            <SmartLink
               href={`/archive#${date}`}
               className="hover:underline dark:text-green-500"
             >
               {date}
-            </Link>
+            </SmartLink>
           </div>
         )
       })}
diff --git a/themes/movie/components/ArticleInfo.js b/themes/movie/components/ArticleInfo.js
index 9997579a..8e579e44 100644
--- a/themes/movie/components/ArticleInfo.js
+++ b/themes/movie/components/ArticleInfo.js
@@ -1,6 +1,6 @@
 import { useGlobal } from '@/lib/global'
 import { formatDateFmt } from '@/lib/utils/formatDate'
-import Link from 'next/link'
+import SmartLink from '@/components/SmartLink'
 
 export const ArticleInfo = props => {
   const { post } = props
@@ -11,18 +11,18 @@ export const ArticleInfo = props => {
       <h2 className='text-5xl font-semibold py-10 dark:text-white text-center'>{post?.title}</h2>
 
       <div className='flex gap-3 font-semibold text-sm items-center justify-center'>
-        <Link
+        <SmartLink
           href={`/archive#${formatDateFmt(post?.publishDate, 'yyyy-MM')}`}
           passHref
           className='pl-1 mr-2 cursor-pointer'>
           {post?.publishDay}
-        </Link>
+        </SmartLink>
 
         {post?.type !== 'Page' && (
           <>
-            <Link href={`/category/${post?.category}`} passHref className='cursor-pointer text-md mr-2 text-green-500'>
+            <SmartLink href={`/category/${post?.category}`} passHref className='cursor-pointer text-md mr-2 text-green-500'>
               {post?.category}
-            </Link>
+            </SmartLink>
           </>
         )}
 
@@ -34,9 +34,9 @@ export const ArticleInfo = props => {
           )}
           {post?.tags?.map(tag => {
             return (
-              <Link href={`/tag/${tag}`} key={tag} className='text-yellow-500 mr-2'>
+              <SmartLink href={`/tag/${tag}`} key={tag} className='text-yellow-500 mr-2'>
                 {tag}
-              </Link>
+              </SmartLink>
             )
           })}
         </div>
diff --git a/themes/movie/components/BlogListGroupByDate.js b/themes/movie/components/BlogListGroupByDate.js
index ebc30aa5..da8e18ad 100644
--- a/themes/movie/components/BlogListGroupByDate.js
+++ b/themes/movie/components/BlogListGroupByDate.js
@@ -1,4 +1,4 @@
-import Link from 'next/link'
+import SmartLink from '@/components/SmartLink'
 
 /**
  * 按照日期将文章分组
@@ -21,11 +21,11 @@ export default function BlogListGroupByDate({ archiveTitle, archivePosts }) {
               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?.publishDay}</span> &nbsp;
-                <Link
+                <SmartLink
                   href={post?.href}
                   className='dark:text-gray-400  dark:hover:text-gray-300 overflow-x-hidden hover:underline cursor-pointer text-gray-600'>
                   {post.title}
-                </Link>
+                </SmartLink>
               </div>
             </li>
           )
diff --git a/themes/movie/components/BlogPostCard.js b/themes/movie/components/BlogPostCard.js
index fe44b8cd..e039edf7 100644
--- a/themes/movie/components/BlogPostCard.js
+++ b/themes/movie/components/BlogPostCard.js
@@ -1,7 +1,7 @@
 import LazyImage from '@/components/LazyImage'
 import NotionIcon from '@/components/NotionIcon'
 import { siteConfig } from '@/lib/config'
-import Link from 'next/link'
+import SmartLink from '@/components/SmartLink'
 import TagItemMini from './TagItemMini'
 
 const BlogPostCard = ({ index, post, showSummary, siteInfo }) => {
@@ -15,7 +15,7 @@ const BlogPostCard = ({ index, post, showSummary, siteInfo }) => {
     <article
       data-wow-delay='.2s'
       className='wow fadeInUp w-full mb-4 cursor-pointer overflow-hidden shadow-movie dark:bg-hexo-black-gray text-white'>
-      <Link href={post?.href} passHref legacyBehavior>
+      <SmartLink href={post?.href} passHref legacyBehavior>
         {/* 固定高度 ，空白用图片拉升填充 */}
         <div className='group flex flex-col aspect-[2/3] justify-between relative'>
           {/* 图片 填充卡片 */}
@@ -54,7 +54,7 @@ const BlogPostCard = ({ index, post, showSummary, siteInfo }) => {
             <div className='h-full w-full absolute opacity-80 group-hover:opacity-100 transition-all duration-1000 bg-gradient-to-b from-transparent to-black'></div>
           </div>
         </div>
-      </Link>
+      </SmartLink>
     </article>
   )
 }
diff --git a/themes/movie/components/BlogRecommend.js b/themes/movie/components/BlogRecommend.js
index ef87030e..a6bfbc22 100644
--- a/themes/movie/components/BlogRecommend.js
+++ b/themes/movie/components/BlogRecommend.js
@@ -1,7 +1,7 @@
 import LazyImage from '@/components/LazyImage'
 import { siteConfig } from '@/lib/config'
 import { useGlobal } from '@/lib/global'
-import Link from 'next/link'
+import SmartLink from '@/components/SmartLink'
 import CONFIG from '../config'
 
 /**
@@ -35,7 +35,7 @@ export default function BlogRecommend(props) {
             : siteInfo?.pageCover
 
           return (
-            <Link
+            <SmartLink
               key={post.id}
               title={post.title}
               href={post?.href}
@@ -57,7 +57,7 @@ export default function BlogRecommend(props) {
                   className='absolute top-0 w-full h-full object-cover object-center group-hover:scale-110 group-hover:brightness-50 transform duration-200'
                 />
               </div>
-            </Link>
+            </SmartLink>
           )
         })}
       </div>
diff --git a/themes/movie/components/CategoryGroup.js b/themes/movie/components/CategoryGroup.js
index 89c5f5ca..7fcb76ee 100644
--- a/themes/movie/components/CategoryGroup.js
+++ b/themes/movie/components/CategoryGroup.js
@@ -1,6 +1,6 @@
 import { siteConfig } from '@/lib/config'
 import { useGlobal } from '@/lib/global'
-import Link from 'next/link'
+import SmartLink from '@/components/SmartLink'
 
 const CategoryGroup = props => {
   const { currentCategory, categoryOptions } = props
@@ -16,7 +16,7 @@ const CategoryGroup = props => {
           {categories.map(category => {
             const selected = currentCategory === category.name
             return (
-              <Link
+              <SmartLink
                 key={category.name}
                 href={`/category/${category.name}`}
                 passHref
@@ -30,7 +30,7 @@ const CategoryGroup = props => {
                   className={`${selected ? 'text-white fa-folder-open ' : 'text-gray-500 fa-folder '} mr-2 fas`}
                 />
                 {category.name}({category.count})
-              </Link>
+              </SmartLink>
             )
           })}
         </div>
diff --git a/themes/movie/components/CategoryItem.js b/themes/movie/components/CategoryItem.js
index 1190965b..635bd69e 100644
--- a/themes/movie/components/CategoryItem.js
+++ b/themes/movie/components/CategoryItem.js
@@ -1,4 +1,4 @@
-import Link from 'next/link'
+import SmartLink from '@/components/SmartLink'
 
 /**
  * 文章分类
@@ -7,7 +7,7 @@ import Link from 'next/link'
  */
 export default function CategoryItem({ category }) {
   return (
-        <Link
+        <SmartLink
             key={category.name}
             href={`/category/${category.name}`}
             passHref
@@ -15,6 +15,6 @@ export default function CategoryItem({ category }) {
             <div className={'text-2xl hover:text-black dark:hover:text-white dark:text-gray-300 dark:hover:bg-gray-600 px-5 cursor-pointer py-2 hover:bg-gray-100'}>
                 <i className='mr-4 fas fa-folder' />{category.name}({category.count})
             </div>
-        </Link>
+        </SmartLink>
   )
 }
diff --git a/themes/movie/components/ExampleRecentComments.js b/themes/movie/components/ExampleRecentComments.js
index 9dbdfa7f..cf1f5bed 100644
--- a/themes/movie/components/ExampleRecentComments.js
+++ b/themes/movie/components/ExampleRecentComments.js
@@ -1,6 +1,6 @@
 import { useEffect, useState } from 'react'
 import { siteConfig } from '@/lib/config'
-import Link from 'next/link'
+import SmartLink from '@/components/SmartLink'
 import { RecentComments } from '@waline/client'
 
 /**
@@ -26,7 +26,7 @@ const ExampleRecentComments = (props) => {
         {!onLoading && comments && comments.length === 0 && <div>No Comments</div>}
         {!onLoading && comments && comments.length > 0 && comments.map((comment) => <div key={comment.objectId} className='pb-2'>
             <div className='dark:text-gray-300 text-gray-600 text-xs waline-recent-content wl-content' dangerouslySetInnerHTML={{ __html: comment.comment }} />
-            <div className='dark:text-gray-400 text-gray-400  text-sm text-right cursor-pointer hover:text-red-500 hover:underline pt-1'><Link href={{ pathname: comment.url, hash: comment.objectId, query: { target: 'comment' } }}>--{comment.nick}</Link></div>
+            <div className='dark:text-gray-400 text-gray-400  text-sm text-right cursor-pointer hover:text-red-500 hover:underline pt-1'><SmartLink href={{ pathname: comment.url, hash: comment.objectId, query: { target: 'comment' } }}>--{comment.nick}</SmartLink></div>
         </div>)}
 
   </>
diff --git a/themes/movie/components/Header.js b/themes/movie/components/Header.js
index e3ecba63..8e5a8480 100644
--- a/themes/movie/components/Header.js
+++ b/themes/movie/components/Header.js
@@ -1,7 +1,7 @@
 import Collapse from '@/components/Collapse'
 import { siteConfig } from '@/lib/config'
 import { useGlobal } from '@/lib/global'
-import Link from 'next/link'
+import SmartLink from '@/components/SmartLink'
 import { useRouter } from 'next/router'
 import { useEffect, useState } from 'react'
 import { useMovieGlobal } from '..'
@@ -101,11 +101,11 @@ export const Header = props => {
     <>
       <header className='w-full px-8 h-20 z-20 flex lg:flex-row md:flex-col justify-between items-center'>
         {/* 左侧Logo */}
-        <Link
+        <SmartLink
           href='/'
           className='logo whitespace-nowrap text-2xl md:text-3xl font-bold text-gray-dark no-underline flex items-center'>
           {siteConfig('TITLE')}
-        </Link>
+        </SmartLink>
 
         <div className='md:w-auto text-center flex space-x-2'>
           {/* 右侧菜单 */}
diff --git a/themes/movie/components/LatestPostsGroup.js b/themes/movie/components/LatestPostsGroup.js
index 40366e37..49746e56 100644
--- a/themes/movie/components/LatestPostsGroup.js
+++ b/themes/movie/components/LatestPostsGroup.js
@@ -1,6 +1,6 @@
 import { siteConfig } from '@/lib/config'
 import { useGlobal } from '@/lib/global'
-import Link from 'next/link'
+import SmartLink from '@/components/SmartLink'
 import { useRouter } from 'next/router'
 
 /**
@@ -32,7 +32,7 @@ const LatestPostsGroup = ({ latestPosts }) => {
           currentPath === `${siteConfig('SUB_PATH', '')}/${post.slug}`
 
         return (
-          <Link
+          <SmartLink
             key={post.id}
             title={post.title}
             href={post?.href}
@@ -48,7 +48,7 @@ const LatestPostsGroup = ({ latestPosts }) => {
               }>
               <li className='line-clamp-2'>{post.title}</li>
             </div>
-          </Link>
+          </SmartLink>
         )
       })}
     </div>
diff --git a/themes/movie/components/MenuItemCollapse.js b/themes/movie/components/MenuItemCollapse.js
index b11dbd57..45ec1bcc 100644
--- a/themes/movie/components/MenuItemCollapse.js
+++ b/themes/movie/components/MenuItemCollapse.js
@@ -1,5 +1,5 @@
 import Collapse from '@/components/Collapse'
-import Link from 'next/link'
+import SmartLink from '@/components/SmartLink'
 import { useState } from 'react'
 
 /**
@@ -32,7 +32,7 @@ export const MenuItemCollapse = props => {
         className='select-none w-full px-6 py-2  text-left '
         onClick={toggleShow}>
         {!hasSubMenu && (
-          <Link
+          <SmartLink
             href={link?.href}
             target={link?.target}
             className='flex justify-between pl-2 pr-4 dark:text-gray-200 no-underline tracking-widest'>
@@ -40,7 +40,7 @@ export const MenuItemCollapse = props => {
               {link?.icon && <i className={link.icon + ' mr-4'} />}
               {link?.name}
             </span>
-          </Link>
+          </SmartLink>
         )}
         {hasSubMenu && (
           <div
@@ -67,12 +67,12 @@ export const MenuItemCollapse = props => {
               <div
                 key={index}
                 className='dark:text-gray-200 text-left px-3 justify-start  tracking-widest transition-all duration-200  py-3 pr-6'>
-                <Link href={sLink.href} target={link?.target}>
+                <SmartLink href={sLink.href} target={link?.target}>
                   <span className='text-sm ml-4 whitespace-nowrap'>
                     {link?.icon && <i className={sLink.icon + ' mr-2'} />}{' '}
                     {sLink.title}
                   </span>
-                </Link>
+                </SmartLink>
               </div>
             )
           })}
diff --git a/themes/movie/components/MenuItemDrop.js b/themes/movie/components/MenuItemDrop.js
index 084c4424..45364e5f 100644
--- a/themes/movie/components/MenuItemDrop.js
+++ b/themes/movie/components/MenuItemDrop.js
@@ -1,4 +1,4 @@
-import Link from 'next/link'
+import SmartLink from '@/components/SmartLink'
 import { useState } from 'react'
 
 export const MenuItemDrop = ({ link }) => {
@@ -14,13 +14,13 @@ export const MenuItemDrop = ({ link }) => {
       onMouseOver={() => changeShow(true)}
       onMouseOut={() => changeShow(false)}>
       {!hasSubMenu && (
-        <Link
+        <SmartLink
           href={link?.href}
           target={link?.target}
           className='select-none menu-link pl-2 pr-4 no-underline tracking-widest pb-1 hover:font-bold'>
           {link?.icon && <i className={link?.icon} />} {link?.name}
           {hasSubMenu && <i className='px-2 fa fa-angle-down'></i>}
-        </Link>
+        </SmartLink>
       )}
 
       {hasSubMenu && (
@@ -43,12 +43,12 @@ export const MenuItemDrop = ({ link }) => {
               <li
                 key={index}
                 className='cursor-pointer text-start dark:bg-hexo-black-gray dark:hover:bg-gray-300 hover:bg-gray-300 hover:text-black tracking-widest transition-all duration-200 dark:border-gray-800  py-1 pr-6 pl-3'>
-                <Link href={sLink.href} target={link?.target}>
+                <SmartLink href={sLink.href} target={link?.target}>
                   <span className='text-sm'>
                     {link?.icon && <i className={sLink?.icon}> &nbsp; </i>}
                     {sLink.title}
                   </span>
-                </Link>
+                </SmartLink>
               </li>
             )
           })}
diff --git a/themes/movie/components/NormalMenuItem.js b/themes/movie/components/NormalMenuItem.js
index 2ed6f2e9..74af0f08 100644
--- a/themes/movie/components/NormalMenuItem.js
+++ b/themes/movie/components/NormalMenuItem.js
@@ -1,4 +1,4 @@
-import Link from 'next/link'
+import SmartLink from '@/components/SmartLink'
 
 /**
  * 旧的普通菜单
@@ -9,12 +9,12 @@ export const NormalMenuItem = props => {
   const { link } = props
   return (
     link?.show && (
-      <Link
+      <SmartLink
         href={link.href}
         key={link.href}
         className='px-2 md:pl-0 md:mr-3 my-4 md:pr-3 text-gray-700 dark:text-gray-200 no-underline md:border-r border-gray-light'>
         {link.name}
-      </Link>
+      </SmartLink>
     )
   )
 }
diff --git a/themes/movie/components/PaginationNumber.js b/themes/movie/components/PaginationNumber.js
index 64323b9c..d82ca8f3 100644
--- a/themes/movie/components/PaginationNumber.js
+++ b/themes/movie/components/PaginationNumber.js
@@ -1,6 +1,6 @@
 import { ChevronDoubleRight } from '@/components/HeroIcons'
 import { useGlobal } from '@/lib/global'
-import Link from 'next/link'
+import SmartLink from '@/components/SmartLink'
 import { useRouter } from 'next/router'
 import { useState } from 'react'
 
@@ -49,7 +49,7 @@ const PaginationNumber = ({ page, totalPage }) => {
       {/* pc端分页按钮 */}
       <div className='hidden lg:flex justify-between items-end mt-10 mb-5 font-medium text-black duration-500 dark:text-gray-300 py-3 space-x-2 overflow-x-auto'>
         {/* 上一页 */}
-        <Link
+        <SmartLink
           href={{
             pathname:
               currentPage === 2
@@ -65,7 +65,7 @@ const PaginationNumber = ({ page, totalPage }) => {
               {locale.PAGINATION.PREV}
             </div>
           </div>
-        </Link>
+        </SmartLink>
 
         {/* 分页 */}
         <div className='flex items-center space-x-2'>
@@ -86,7 +86,7 @@ const PaginationNumber = ({ page, totalPage }) => {
         </div>
 
         {/* 下一页 */}
-        <Link
+        <SmartLink
           href={{
             pathname: `${pagePrefix}/page/${currentPage + 1}`,
             query: router.query.s ? { s: router.query.s } : {}
@@ -99,14 +99,14 @@ const PaginationNumber = ({ page, totalPage }) => {
               {locale.PAGINATION.NEXT}
             </div>
           </div>
-        </Link>
+        </SmartLink>
       </div>
 
       {/* 移动端分页 */}
 
       <div className='lg:hidden w-full flex flex-row'>
         {/* 上一页 */}
-        <Link
+        <SmartLink
           href={{
             pathname:
               currentPage === 2
@@ -117,12 +117,12 @@ const PaginationNumber = ({ page, totalPage }) => {
           rel='prev'
           className={`${showPrev ? 'block' : 'hidden'} dark:text-white relative w-full flex-1 h-14 flex items-center transition-all duration-200 justify-center py-2 px-2 bg-white dark:bg-[#1e1e1e] border rounded-xl cursor-pointer`}>
           {locale.PAGINATION.PREV}
-        </Link>
+        </SmartLink>
 
         {showPrev && showNext && <div className='w-12'></div>}
 
         {/* 下一页 */}
-        <Link
+        <SmartLink
           href={{
             pathname: `${pagePrefix}/page/${currentPage + 1}`,
             query: router.query.s ? { s: router.query.s } : {}
@@ -130,7 +130,7 @@ const PaginationNumber = ({ page, totalPage }) => {
           rel='next'
           className={`${+showNext ? 'block' : 'hidden'} dark:text-white relative w-full flex-1 h-14 flex items-center transition-all duration-200 justify-center py-2 px-2 bg-white dark:bg-[#1e1e1e] border rounded-xl cursor-pointer`}>
           {locale.PAGINATION.NEXT}
-        </Link>
+        </SmartLink>
       </div>
     </>
   )
@@ -149,7 +149,7 @@ function getPageElement(page, currentPage, pagePrefix) {
     return <></>
   }
   return (
-    <Link
+    <SmartLink
       href={page === 1 ? `${pagePrefix}/` : `${pagePrefix}/page/${page}`}
       key={page}
       passHref
@@ -160,7 +160,7 @@ function getPageElement(page, currentPage, pagePrefix) {
         ' hover:border-indigo-600 dark:hover:bg-yellow-600 dark:border-gray-600 px-4 border py-2 rounded-lg drop-shadow-sm duration-200 transition-colors'
       }>
       {page}
-    </Link>
+    </SmartLink>
   )
 }
 
diff --git a/themes/movie/components/SideBar.js b/themes/movie/components/SideBar.js
index ea0531b7..70970f3a 100644
--- a/themes/movie/components/SideBar.js
+++ b/themes/movie/components/SideBar.js
@@ -1,7 +1,7 @@
 import { siteConfig } from '@/lib/config'
 import Live2D from '@/components/Live2D'
 import { useGlobal } from '@/lib/global'
-import Link from 'next/link'
+import SmartLink from '@/components/SmartLink'
 import dynamic from 'next/dynamic'
 import Announcement from './Announcement'
 const ExampleRecentComments = dynamic(() => import('./ExampleRecentComments'))
@@ -19,13 +19,13 @@ export const SideBar = (props) => {
                     <ul className="list-reset leading-normal">
                         {categoryOptions?.map(category => {
                           return (
-                              <Link
+                              <SmartLink
                                   key={category.name}
                                   href={`/category/${category.name}`}
                                   passHref
                                   legacyBehavior>
                                     <li>  <a href={`/category/${category.name}`} className="text-gray-darkest text-sm">{category.name}({category.count})</a></li>
-                                </Link>
+                                </SmartLink>
                           )
                         })}
                     </ul>
@@ -40,9 +40,9 @@ export const SideBar = (props) => {
                     <ul className="list-reset leading-normal">
                         {latestPosts?.map(p => {
                           return (
-                              <Link key={p.id} href={`/${p.slug}`} passHref legacyBehavior>
+                              <SmartLink key={p.id} href={`/${p.slug}`} passHref legacyBehavior>
                                     <li>  <a href={`/${p.slug}`} className="text-gray-darkest text-sm">{p.title}</a></li>
-                                </Link>
+                                </SmartLink>
                           )
                         })}
                     </ul>
diff --git a/themes/movie/components/TagGroups.js b/themes/movie/components/TagGroups.js
index 597cddc1..68464cf3 100644
--- a/themes/movie/components/TagGroups.js
+++ b/themes/movie/components/TagGroups.js
@@ -1,5 +1,5 @@
 import { useGlobal } from '@/lib/global'
-import Link from 'next/link'
+import SmartLink from '@/components/SmartLink'
 import { useRouter } from 'next/router'
 
 /**
@@ -22,7 +22,7 @@ const TagGroups = ({ tagOptions, className }) => {
         {tagOptions.map((tag, index) => {
           const selected = currentTag === tag.name
           return (
-            <Link
+            <SmartLink
               passHref
               key={index}
               href={`/tag/${encodeURIComponent(tag.name)}`}
@@ -40,7 +40,7 @@ const TagGroups = ({ tagOptions, className }) => {
                   <></>
                 )}
               </div>
-            </Link>
+            </SmartLink>
           )
         })}
       </div>
diff --git a/themes/movie/components/TagItem.js b/themes/movie/components/TagItem.js
index c608c8cb..2de99f65 100644
--- a/themes/movie/components/TagItem.js
+++ b/themes/movie/components/TagItem.js
@@ -1,4 +1,4 @@
-import Link from 'next/link'
+import SmartLink from '@/components/SmartLink'
 
 /**
  * 标签
@@ -8,7 +8,7 @@ import Link from 'next/link'
 export default function TagItem({ tag }) {
   return (
     <div key={tag.name} className="p-2">
-      <Link
+      <SmartLink
         key={tag}
         href={`/tag/${encodeURIComponent(tag.name)}`}
         passHref
@@ -17,7 +17,7 @@ export default function TagItem({ tag }) {
         <div className="font-light hover:scale-105 transition-all duration-200 text-xl dark:text-green-500 hover:bg-gray-100 dark:hover:bg-hexo-black-gray p-2">
           {tag.name + (tag.count ? `(${tag.count})` : '')}{' '}
         </div>
-      </Link>
+      </SmartLink>
     </div>
   )
 }
diff --git a/themes/movie/components/TagItemMini.js b/themes/movie/components/TagItemMini.js
index a4b7da1c..a60a3c65 100644
--- a/themes/movie/components/TagItemMini.js
+++ b/themes/movie/components/TagItemMini.js
@@ -1,8 +1,8 @@
-import Link from 'next/link'
+import SmartLink from '@/components/SmartLink'
 
 const TagItemMini = ({ tag, selected = false }) => {
   return (
-    <Link
+    <SmartLink
       key={tag}
       href={selected ? '/' : `/tag/${encodeURIComponent(tag.name)}`}
       passHref
@@ -12,7 +12,7 @@ const TagItemMini = ({ tag, selected = false }) => {
         {selected && <i className="mr-1 fa-tag" />}{' '}
         {tag.name + (tag.count ? `(${tag.count})` : '')}{' '}
       </div>
-    </Link>
+    </SmartLink>
   )
 }
 
diff --git a/themes/nav/components/ArticleAround.js b/themes/nav/components/ArticleAround.js
index 58069682..98901ae8 100755
--- a/themes/nav/components/ArticleAround.js
+++ b/themes/nav/components/ArticleAround.js
@@ -1,4 +1,4 @@
-import Link from 'next/link'
+import SmartLink from '@/components/SmartLink'
 
 /**
  * 上一篇，下一篇文章
@@ -11,20 +11,20 @@ export default function ArticleAround({ prev, next }) {
   }
   return (
     <section className='text-gray-800 dark:text-gray-400 h-12 flex items-center justify-between space-x-5 my-4'>
-      <Link
+      <SmartLink
         href={prev.href}
         passHref
         className='text-sm cursor-pointer justify-start items-center flex hover:underline duration-300'>
         <i className='mr-1 fas fa-angle-double-left' />
         {prev.title}
-      </Link>
-      <Link
+      </SmartLink>
+      <SmartLink
         href={next.href}
         passHref
         className='text-sm cursor-pointer justify-end items-center flex hover:underline duration-300'>
         {next.title}
         <i className='ml-1 my-1 fas fa-angle-double-right' />
-      </Link>
+      </SmartLink>
     </section>
   )
 }
diff --git a/themes/nav/components/BlogArchiveItem.js b/themes/nav/components/BlogArchiveItem.js
index 7d7b5a1c..a6d77c51 100755
--- a/themes/nav/components/BlogArchiveItem.js
+++ b/themes/nav/components/BlogArchiveItem.js
@@ -1,4 +1,4 @@
-import Link from 'next/link'
+import SmartLink from '@/components/SmartLink'
 
 /**
  * 归档分组
@@ -20,12 +20,12 @@ export default function BlogArchiveItem({ archiveTitle, archivePosts }) {
               <div id={post?.publishDay}>
                 <span className='text-gray-400'>{post.date?.start_date}</span>{' '}
                 &nbsp;
-                <Link
+                <SmartLink
                   passHref
                   href={post?.href}
                   className='dark:text-gray-400  dark:hover:text-gray-300 overflow-x-hidden hover:underline cursor-pointer text-gray-600'>
                   {post.title}
-                </Link>
+                </SmartLink>
               </div>
             </li>
           )
diff --git a/themes/nav/components/BlogPostCard.js b/themes/nav/components/BlogPostCard.js
index 0f92a30a..ad7dbb13 100755
--- a/themes/nav/components/BlogPostCard.js
+++ b/themes/nav/components/BlogPostCard.js
@@ -1,6 +1,6 @@
 import { siteConfig } from '@/lib/config'
-import { checkStartWithHttp } from '@/lib/utils'
-import Link from 'next/link'
+import { isHttpLink } from '@/lib/utils'
+import SmartLink from '@/components/SmartLink'
 import { useRouter } from 'next/router'
 import NotionIcon from './NotionIcon'
 
@@ -21,9 +21,9 @@ const BlogPostCard = ({ post, className }) => {
       ? post.pageIcon + '&width=88'
       : post.pageIcon
   return (
-    <Link
+    <SmartLink
       href={post?.href}
-      target={checkStartWithHttp(post.slug) ? '_blank' : '_self'}
+      target={isHttpLink(post.slug) ? '_blank' : '_self'}
       passHref>
       <div
         key={post.id}
@@ -44,7 +44,7 @@ const BlogPostCard = ({ post, className }) => {
           </div>
         </div>
       </div>
-    </Link>
+    </SmartLink>
   )
 }
 
diff --git a/themes/nav/components/CategoryItem.js b/themes/nav/components/CategoryItem.js
index 779488de..8b7cbcfc 100755
--- a/themes/nav/components/CategoryItem.js
+++ b/themes/nav/components/CategoryItem.js
@@ -1,8 +1,8 @@
-import Link from 'next/link'
+import SmartLink from '@/components/SmartLink'
 
 export default function CategoryItem ({ selected, category, categoryCount }) {
   return (
-    <Link
+    <SmartLink
       href={`/category/${category}`}
       passHref
       className={(selected
@@ -13,6 +13,6 @@ export default function CategoryItem ({ selected, category, categoryCount }) {
       <div><i className={`mr-2 fas ${selected ? 'fa-folder-open' : 'fa-folder'}`} />{category} {categoryCount && `(${categoryCount})`}
       </div>
 
-    </Link>
+    </SmartLink>
   );
 }
diff --git a/themes/nav/components/LeftMenuBar.js b/themes/nav/components/LeftMenuBar.js
index 6bde6c51..6f9da093 100755
--- a/themes/nav/components/LeftMenuBar.js
+++ b/themes/nav/components/LeftMenuBar.js
@@ -1,14 +1,14 @@
-import Link from 'next/link'
+import SmartLink from '@/components/SmartLink'
 
 export default function LeftMenuBar () {
   return (
     <div className='w-20  border-r hidden lg:block pt-12'>
       <section>
-        <Link href='/' legacyBehavior>
+        <SmartLink href='/' legacyBehavior>
           <div className='text-center cursor-pointer  hover:text-black'>
             <i className='fas fa-home text-gray-500'/>
           </div>
-        </Link>
+        </SmartLink>
       </section>
     </div>
   );
diff --git a/themes/nav/components/LogoBar.js b/themes/nav/components/LogoBar.js
index c590a8a2..1d891f82 100755
--- a/themes/nav/components/LogoBar.js
+++ b/themes/nav/components/LogoBar.js
@@ -1,4 +1,4 @@
-import Link from 'next/link'
+import SmartLink from '@/components/SmartLink'
 import CONFIG from '../config'
 import { siteConfig } from '@/lib/config'
 
@@ -12,12 +12,12 @@ export default function LogoBar(props) {
 
   return (
         <div id='top-wrapper' className='w-full flex items-center'>
-                <Link href='/' className='md:w-48 grid justify-items-center text-md md:text-xl dark:text-gray-200'>
+                <SmartLink href='/' className='md:w-48 grid justify-items-center text-md md:text-xl dark:text-gray-200'>
                     {/* eslint-disable-next-line @next/next/no-img-element */}
                     <img src={siteInfo?.icon?.replaceAll('width=400', 'width=280')}
                         height='44px' alt={siteConfig('AUTHOR') + ' - ' + siteConfig('NEXT_PUBLIC_BIO')} className='md:block transition-all hover:scale-110 duration-150' placeholderSrc='' />
                     {siteConfig('NAV_SHOW_TITLE_TEXT', null, CONFIG) && siteConfig('TITLE')}
-                </Link>
+                </SmartLink>
         </div>
   )
 }
diff --git a/themes/nav/components/MenuItem.js b/themes/nav/components/MenuItem.js
index eb51c879..86febfb5 100644
--- a/themes/nav/components/MenuItem.js
+++ b/themes/nav/components/MenuItem.js
@@ -1,4 +1,4 @@
-import Link from 'next/link'
+import SmartLink from '@/components/SmartLink'
 import { useState } from 'react'
 import Collapse from './Collapse'
 
@@ -43,14 +43,14 @@ export const MenuItem = ({ link }) => {
             </div>
           </>
         ) : (
-          <Link
+          <SmartLink
             href={url}
             className='dark:text-neutral-400 dark:hover:text-white font-bold w-full display-block'>
             <i
               className={`text-base ${link?.icon ? link?.icon : isAnchor ? 'fas fa-hashtag' : ''} mr-1`}
             />
             {link?.title}
-          </Link>
+          </SmartLink>
         )}
       </div>
 
@@ -63,14 +63,14 @@ export const MenuItem = ({ link }) => {
             const sUrl = sIsAnchor ? `#${sLink.name}` : sLink.href
             return (
               <div key={index} className='nav-submenu'>
-                <Link href={sUrl}>
+                <SmartLink href={sUrl}>
                   <span className='dark:text-neutral-400 text-gray-500 hover:text-black dark:hover:text-white text-xs font-bold'>
                     <i
                       className={`text-xs mr-1 ${sLink?.icon ? sLink?.icon : sIsAnchor ? 'fas fa-hashtag' : ''}`}
                     />
                     {sLink.title}
                   </span>
-                </Link>
+                </SmartLink>
               </div>
             )
           })}
diff --git a/themes/nav/components/MenuItemCollapse.js b/themes/nav/components/MenuItemCollapse.js
index 065e9228..049d432c 100755
--- a/themes/nav/components/MenuItemCollapse.js
+++ b/themes/nav/components/MenuItemCollapse.js
@@ -1,5 +1,5 @@
 import Collapse from '@/components/Collapse'
-import Link from 'next/link'
+import SmartLink from '@/components/SmartLink'
 import { useRouter } from 'next/router'
 import { useState } from 'react'
 
@@ -43,7 +43,7 @@ export const MenuItemCollapse = props => {
         }
         onClick={toggleShow}>
         {!hasSubMenu && (
-          <Link
+          <SmartLink
             href={url}
             target={link?.target}
             className='py-2 w-full my-auto items-center justify-between flex  '>
@@ -51,7 +51,7 @@ export const MenuItemCollapse = props => {
               <div className={`${link.icon} text-center w-4 mr-4`} />
               {link.name}
             </div>
-          </Link>
+          </SmartLink>
         )}
 
         {hasSubMenu && (
@@ -84,14 +84,14 @@ export const MenuItemCollapse = props => {
                 className='
               py-2 px-14 cursor-pointer hover:bg-gray-100 dark:text-gray-400 dark:hover:text-white font-bold 
               dark:bg-black text-left justify-start text-gray-600 bg-gray-50 bg-opacity-20 dark:hover:bg-gray-600 tracking-widest transition-all duration-200'>
-                <Link href={sUrl} target={'_self'}>
+                <SmartLink href={sUrl} target={'_self'}>
                   <div>
                     <div
                       className={`${sLink?.icon ? sLink?.icon : 'fas fa-hashtag'} text-center w-3 mr-2 text-xs`}
                     />
                     {sLink.title}
                   </div>
-                </Link>
+                </SmartLink>
               </div>
             )
           })}
diff --git a/themes/nav/components/MenuItemDrop.js b/themes/nav/components/MenuItemDrop.js
index ec5b37f0..36ff8072 100755
--- a/themes/nav/components/MenuItemDrop.js
+++ b/themes/nav/components/MenuItemDrop.js
@@ -1,4 +1,4 @@
-import Link from 'next/link'
+import SmartLink from '@/components/SmartLink'
 import { useRouter } from 'next/router'
 import { useState } from 'react'
 
@@ -45,9 +45,9 @@ export const MenuItemDrop = ({ link }) => {
               ? 'bg-green-600 text-white hover:text-white'
               : 'hover:text-green-600')
           }>
-          <Link href={link?.href} target={link?.target}>
+          <SmartLink href={link?.href} target={link?.target}>
             {link?.icon && <i className={link?.icon} />} {link?.name}
-          </Link>
+          </SmartLink>
         </div>
       )}
 
@@ -60,12 +60,12 @@ export const MenuItemDrop = ({ link }) => {
               <li
                 key={index}
                 className='not:last-child:border-b-0 border-b text-gray-700 dark:text-gray-200  hover:bg-gray-50 dark:hover:bg-gray-900 tracking-widest transition-all duration-200  dark:border-gray-800 py-3 pr-6 pl-3'>
-                <Link href={sLink.href} target={link?.target}>
+                <SmartLink href={sLink.href} target={link?.target}>
                   <span className='text-xs font-extralight'>
                     {link?.icon && <i className={sLink?.icon}> &nbsp; </i>}
                     {sLink.title}
                   </span>
-                </Link>
+                </SmartLink>
               </li>
             )
           })}
diff --git a/themes/nav/components/MenuItemMobileNormal.js b/themes/nav/components/MenuItemMobileNormal.js
index 33569bfb..63e496af 100755
--- a/themes/nav/components/MenuItemMobileNormal.js
+++ b/themes/nav/components/MenuItemMobileNormal.js
@@ -1,4 +1,4 @@
-import Link from 'next/link'
+import SmartLink from '@/components/SmartLink'
 import { useRouter } from 'next/router'
 
 export const NormalMenu = props => {
@@ -12,7 +12,7 @@ export const NormalMenu = props => {
   const selected = router.pathname === link.href || router.asPath === link.href
 
   return (
-    <Link
+    <SmartLink
       key={`${link.href}`}
       title={link.href}
       href={link.href}
@@ -24,6 +24,6 @@ export const NormalMenu = props => {
         <div className={'hover:text-black'}>{link.name}</div>
       </div>
       {link.slot}
-    </Link>
+    </SmartLink>
   )
 }
diff --git a/themes/nav/components/MenuItemPCNormal.js b/themes/nav/components/MenuItemPCNormal.js
index fad3307e..de8154c9 100755
--- a/themes/nav/components/MenuItemPCNormal.js
+++ b/themes/nav/components/MenuItemPCNormal.js
@@ -1,4 +1,4 @@
-import Link from 'next/link'
+import SmartLink from '@/components/SmartLink'
 import { useRouter } from 'next/router'
 
 export const MenuItemPCNormal = props => {
@@ -10,7 +10,7 @@ export const MenuItemPCNormal = props => {
   }
 
   return (
-    <Link
+    <SmartLink
       key={`${link.id}-${link.href}`}
       title={link.href}
       href={link.href}
@@ -25,6 +25,6 @@ export const MenuItemPCNormal = props => {
         <div className='ml-2 whitespace-nowrap'>{link.name}</div>
       </div>
       {link.slot}
-    </Link>
+    </SmartLink>
   )
 }
diff --git a/themes/nav/components/NavPostList.js b/themes/nav/components/NavPostList.js
index 7c382335..9683d497 100755
--- a/themes/nav/components/NavPostList.js
+++ b/themes/nav/components/NavPostList.js
@@ -1,5 +1,5 @@
 import NavPostListEmpty from './NavPostListEmpty'
-import Link from 'next/link'
+import SmartLink from '@/components/SmartLink'
 
 /**
  * 博客列表滚动分页
@@ -18,7 +18,7 @@ const NavPostList = (props) => {
               // const selected = currentCategory === category.name
               const selected = false
               return (
-                    <Link
+                    <SmartLink
                         key={category.name}
                         href={`/category/${category.name}`}
                         passHref
@@ -29,7 +29,7 @@ const NavPostList = (props) => {
 
                         <div> <i className={`mr-2 fas ${selected ? 'fa-folder-open' : 'fa-folder'}`} />{category.name}({category.count})</div>
 
-                    </Link>
+                    </SmartLink>
               )
             })}
         </div>
diff --git a/themes/nav/components/PaginationSimple.js b/themes/nav/components/PaginationSimple.js
index b48259ea..90d6101b 100755
--- a/themes/nav/components/PaginationSimple.js
+++ b/themes/nav/components/PaginationSimple.js
@@ -1,4 +1,4 @@
-import Link from 'next/link'
+import SmartLink from '@/components/SmartLink'
 import { useRouter } from 'next/router'
 import { useGlobal } from '@/lib/global'
 
@@ -18,7 +18,7 @@ const PaginationSimple = ({ page, totalPage }) => {
 
   return (
     <div className="my-10 flex justify-between font-medium text-black dark:text-gray-100 space-x-2">
-      <Link
+      <SmartLink
         href={{
           pathname:
             currentPage === 2
@@ -33,8 +33,8 @@ const PaginationSimple = ({ page, totalPage }) => {
         } text-center w-full duration-200 px-4 py-2 hover:border-green-500 border-b-2 hover:font-bold`}>
         ←{locale.PAGINATION.PREV}
 
-      </Link>
-      <Link
+      </SmartLink>
+      <SmartLink
         href={{
           pathname: `${pagePrefix}/page/${currentPage + 1}`,
           query: router.query.s ? { s: router.query.s } : {}
@@ -46,7 +46,7 @@ const PaginationSimple = ({ page, totalPage }) => {
         } text-center w-full duration-200 px-4 py-2 hover:border-green-500 border-b-2 hover:font-bold`}>
 
         {locale.PAGINATION.NEXT}→
-      </Link>
+      </SmartLink>
     </div>
   )
 }
diff --git a/themes/nav/components/TagItemMini.js b/themes/nav/components/TagItemMini.js
index 9922a069..e8fde285 100755
--- a/themes/nav/components/TagItemMini.js
+++ b/themes/nav/components/TagItemMini.js
@@ -1,8 +1,8 @@
-import Link from 'next/link'
+import SmartLink from '@/components/SmartLink'
 
 const TagItemMini = ({ tag, selected = false }) => {
   return (
-    <Link
+    <SmartLink
       key={tag}
       href={selected ? '/' : `/tag/${encodeURIComponent(tag.name)}`}
       passHref
@@ -14,7 +14,7 @@ const TagItemMini = ({ tag, selected = false }) => {
 
       <div className='font-light dark:text-gray-400'>{selected && <i className='mr-1 fas fa-tag'/>} {tag.name + (tag.count ? `(${tag.count})` : '')} </div>
 
-    </Link>
+    </SmartLink>
   )
 }
 
diff --git a/themes/nav/index.js b/themes/nav/index.js
index f2316aed..7b7cdc07 100755
--- a/themes/nav/index.js
+++ b/themes/nav/index.js
@@ -16,7 +16,7 @@ import { useGlobal } from '@/lib/global'
 import { isBrowser } from '@/lib/utils'
 import { Transition } from '@headlessui/react'
 import dynamic from 'next/dynamic'
-import Link from 'next/link'
+import SmartLink from '@/components/SmartLink'
 import { useRouter } from 'next/router'
 import { createContext, useContext, useEffect, useState } from 'react'
 import Announcement from './components/Announcement'
@@ -408,7 +408,7 @@ const LayoutCategoryIndex = props => {
         <div id='category-list' className='duration-200 flex flex-wrap'>
           {categoryOptions?.map(category => {
             return (
-              <Link
+              <SmartLink
                 key={category.name}
                 href={`/category/${category.name}`}
                 passHref
@@ -420,7 +420,7 @@ const LayoutCategoryIndex = props => {
                   <i className='mr-4 fas fa-folder' />
                   {category.name}({category.count})
                 </div>
-              </Link>
+              </SmartLink>
             )
           })}
         </div>
diff --git a/themes/next/components/ArticleCopyright.js b/themes/next/components/ArticleCopyright.js
index 6626713c..e151a505 100644
--- a/themes/next/components/ArticleCopyright.js
+++ b/themes/next/components/ArticleCopyright.js
@@ -1,5 +1,5 @@
 import { useGlobal } from '@/lib/global'
-import Link from 'next/link'
+import SmartLink from '@/components/SmartLink'
 import CONFIG from '../config'
 import { siteConfig } from '@/lib/config'
 import NotByAI from '@/components/NotByAI'
@@ -14,9 +14,9 @@ export default function ArticleCopyright({ author, url }) {
       <ul className='overflow-x-auto whitespace-nowrap text-sm dark:bg-gray-700 bg-gray-100 p-5 leading-8 border-l-2 border-blue-500'>
         <li>
           <strong className='mr-2'>{locale.COMMON.AUTHOR}:</strong>
-          <Link href={'/about'} className='hover:underline'>
+          <SmartLink href={'/about'} className='hover:underline'>
             {author}
-          </Link>
+          </SmartLink>
         </li>
         <li>
           <strong className='mr-2'>{locale.COMMON.URL}:</strong>
diff --git a/themes/next/components/ArticleDetail.js b/themes/next/components/ArticleDetail.js
index 902cf6a6..da7fba24 100644
--- a/themes/next/components/ArticleDetail.js
+++ b/themes/next/components/ArticleDetail.js
@@ -7,7 +7,7 @@ import WWAds from '@/components/WWAds'
 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 { useRouter } from 'next/router'
 import CONFIG from '../config'
 import ArticleCopyright from './ArticleCopyright'
@@ -69,7 +69,7 @@ export default function ArticleDetail(props) {
               <div className='flex flex-wrap justify-center'>
                 {post?.type !== 'Page' && (
                   <>
-                    <Link
+                    <SmartLink
                       href={`/archive#${formatDateFmt(post?.publishDate, 'yyyy-MM')}`}
                       passHref
                       legacyBehavior>
@@ -77,7 +77,7 @@ export default function ArticleDetail(props) {
                         <i className='far fa-calendar mr-1' />{' '}
                         {post?.publishDay}
                       </div>
-                    </Link>
+                    </SmartLink>
                     <span className='mr-2'>
                       {' '}
                       | <i className='far fa-calendar-check mr-2' />
@@ -127,12 +127,12 @@ export default function ArticleDetail(props) {
               {post.category && (
                 <>
                   <div className='cursor-pointer my-auto text-md mr-2 hover:text-black dark:hover:text-white border-b dark:text-gray-500 border-dashed'>
-                    <Link href={`/category/${post.category}`} legacyBehavior>
+                    <SmartLink href={`/category/${post.category}`} legacyBehavior>
                       <a>
                         <i className='mr-1 far fa-folder-open' />{' '}
                         {post.category}
                       </a>
-                    </Link>
+                    </SmartLink>
                   </div>
                 </>
               )}
diff --git a/themes/next/components/BlogAround.js b/themes/next/components/BlogAround.js
index 8dd93942..5fac6400 100644
--- a/themes/next/components/BlogAround.js
+++ b/themes/next/components/BlogAround.js
@@ -1,4 +1,4 @@
-import Link from 'next/link'
+import SmartLink from '@/components/SmartLink'
 
 /**
  * 上一篇，下一篇文章
@@ -11,22 +11,22 @@ export default function BlogAround ({ prev, next }) {
   }
   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
+      {prev && <SmartLink
         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
+      </SmartLink>}
+      {next && <SmartLink
         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>}
+      </SmartLink>}
     </section>
   );
 }
diff --git a/themes/next/components/BlogPostArchive.js b/themes/next/components/BlogPostArchive.js
index 589e67b1..03ee090a 100644
--- a/themes/next/components/BlogPostArchive.js
+++ b/themes/next/components/BlogPostArchive.js
@@ -1,4 +1,4 @@
-import Link from 'next/link'
+import SmartLink from '@/components/SmartLink'
 
 /**
  * 博客归档列表
@@ -27,12 +27,12 @@ const BlogPostArchive = ({ posts = [], archiveTitle }) => {
                 <div id={post?.publishDay}>
                   <span className='text-gray-500'>{post.date?.start_date}</span>{' '}
                   &nbsp;
-                  <Link
+                  <SmartLink
                     href={post?.href}
                     passHref
                     className='dark:text-gray-400  dark:hover:text-gray-300 overflow-x-hidden hover:underline cursor-pointer text-gray-600'>
                     {post.title}
-                  </Link>
+                  </SmartLink>
                 </div>
               </li>
             )
diff --git a/themes/next/components/BlogPostCard.js b/themes/next/components/BlogPostCard.js
index 6189fff7..248c8099 100644
--- a/themes/next/components/BlogPostCard.js
+++ b/themes/next/components/BlogPostCard.js
@@ -5,7 +5,7 @@ import { siteConfig } from '@/lib/config'
 import { useGlobal } from '@/lib/global'
 import { formatDateFmt } from '@/lib/utils/formatDate'
 import Image from 'next/image'
-import Link from 'next/link'
+import SmartLink from '@/components/SmartLink'
 import CONFIG from '../config'
 import Card from './Card'
 import TagItemMini from './TagItemMini'
@@ -32,7 +32,7 @@ const BlogPostCard = ({ post, index, showSummary }) => {
         className='flex flex-col-reverse justify-between duration-300'>
         <div className='lg:p-8 p-4 flex flex-col w-full'>
           {/* 文章标题 */}
-          <Link
+          <SmartLink
             {...aosProps}
             href={post?.href}
             passHref
@@ -41,7 +41,7 @@ const BlogPostCard = ({ post, index, showSummary }) => {
               <NotionIcon icon={post.pageIcon} />
             )}{' '}
             <span className='menu-link'>{post.title}</span>
-          </Link>
+          </SmartLink>
 
           <div
             {...aosProps}
@@ -49,22 +49,22 @@ const BlogPostCard = ({ post, index, showSummary }) => {
             <div>
               {post.category && (
                 <>
-                  <Link
+                  <SmartLink
                     href={`/category/${post.category}`}
                     passHref
                     className='hover:text-blue-500 dark:hover:text-blue-400 cursor-pointer font-light text-sm transform'>
                     <i className='mr-1 fas fa-folder' />
                     <span className='menu-link'>{post.category}</span>
-                  </Link>
+                  </SmartLink>
                   <span className='mx-2'>|</span>
                 </>
               )}
-              <Link
+              <SmartLink
                 href={`/archive#${formatDateFmt(post?.publishDate, 'yyyy-MM')}`}
                 passHref
                 className='hover:text-blue-500 dark:hover:text-blue-400 font-light cursor-pointer text-sm leading-4 mr-3'>
                 <span className='menu-link'>{post.date?.start_date}</span>
-              </Link>
+              </SmartLink>
             </div>
 
             <TwikooCommentCount
@@ -103,18 +103,18 @@ const BlogPostCard = ({ post, index, showSummary }) => {
           )}
 
           <div className='text-right border-t pt-8 border-dashed'>
-            <Link
+            <SmartLink
               href={post?.href}
               className='hover:bg-opacity-100 hover:underline transform duration-300 p-3 text-white bg-gray-800 cursor-pointer'>
               {locale.COMMON.ARTICLE_DETAIL}
               <i className='ml-1 fas fa-angle-right' />
-            </Link>
+            </SmartLink>
           </div>
         </div>
 
         {siteConfig('NEXT_POST_LIST_COVER', null, CONFIG) &&
           post?.pageCoverThumbnail && (
-            <Link href={post?.href} passHref legacyBehavior>
+            <SmartLink href={post?.href} passHref legacyBehavior>
               <div className='h-72 w-full relative duration-200 cursor-pointer transform overflow-hidden'>
                 <Image
                   className='hover:scale-105 transform duration-500'
@@ -125,7 +125,7 @@ const BlogPostCard = ({ post, index, showSummary }) => {
                   loading='lazy'
                 />
               </div>
-            </Link>
+            </SmartLink>
           )}
       </div>
     </Card>
diff --git a/themes/next/components/CategoryGroup.js b/themes/next/components/CategoryGroup.js
index c3d483be..48338c5a 100644
--- a/themes/next/components/CategoryGroup.js
+++ b/themes/next/components/CategoryGroup.js
@@ -1,5 +1,5 @@
 import { siteConfig } from '@/lib/config'
-import Link from 'next/link'
+import SmartLink from '@/components/SmartLink'
 
 const CategoryGroup = ({ currentCategory, categories }) => {
   if (!categories || categories.length === 0) return <></>
@@ -11,7 +11,7 @@ const CategoryGroup = ({ currentCategory, categories }) => {
         {categoryOptions.map(category => {
           const selected = currentCategory === category.name
           return (
-            <Link
+            <SmartLink
               key={category.name}
               href={`/category/${category.name}`}
               passHref
@@ -25,7 +25,7 @@ const CategoryGroup = ({ currentCategory, categories }) => {
                 className={`${selected ? 'text-white fa-folder-open ' : 'text-gray-500 fa-folder '} mr-2 fas`}
               />
               {category.name}({category.count})
-            </Link>
+            </SmartLink>
           )
         })}
       </div>
diff --git a/themes/next/components/CategoryList.js b/themes/next/components/CategoryList.js
index af8e3b52..460c1705 100644
--- a/themes/next/components/CategoryList.js
+++ b/themes/next/components/CategoryList.js
@@ -1,4 +1,4 @@
-import Link from 'next/link'
+import SmartLink from '@/components/SmartLink'
 import { useGlobal } from '@/lib/global'
 
 const CategoryList = ({ currentCategory, categoryOptions }) => {
@@ -13,7 +13,7 @@ const CategoryList = ({ currentCategory, categoryOptions }) => {
       {categoryOptions?.map(category => {
         const selected = category.name === currentCategory
         return (
-          <Link
+          <SmartLink
             key={category.name}
             href={`/category/${category.name}`}
             passHref
@@ -30,7 +30,7 @@ const CategoryList = ({ currentCategory, categoryOptions }) => {
                 {`${category.name} (${category.count})`}
               </a>
             </li>
-          </Link>
+          </SmartLink>
         )
       })}
     </ul>
diff --git a/themes/next/components/ContactButton.js b/themes/next/components/ContactButton.js
index bc95ab25..3068403f 100644
--- a/themes/next/components/ContactButton.js
+++ b/themes/next/components/ContactButton.js
@@ -1,4 +1,4 @@
-import Link from 'next/link'
+import SmartLink from '@/components/SmartLink'
 
 /**
  * 悬浮在屏幕右下角,联系我的按钮
@@ -7,7 +7,7 @@ import Link from 'next/link'
  */
 const ContactButton = () => {
   return (
-    (<Link
+    (<SmartLink
       href='/about'
       className={'fixed right-10 bottom-40 animate__fadeInRight animate__animated animate__faster'}>
 
@@ -16,7 +16,7 @@ const ContactButton = () => {
         <i className='dark:text-gray-200 fas fa-info' title='about' />
       </span>
 
-    </Link>)
+    </SmartLink>)
   );
 }
 
diff --git a/themes/next/components/LatestPostsGroup.js b/themes/next/components/LatestPostsGroup.js
index 9e612997..e235b0aa 100644
--- a/themes/next/components/LatestPostsGroup.js
+++ b/themes/next/components/LatestPostsGroup.js
@@ -1,6 +1,6 @@
 import { siteConfig } from '@/lib/config'
 import { useGlobal } from '@/lib/global'
-import Link from 'next/link'
+import SmartLink from '@/components/SmartLink'
 import { useRouter } from 'next/router'
 
 /**
@@ -30,7 +30,7 @@ const LatestPostsGroup = ({ latestPosts }) => {
         const selected =
           currentPath === `${siteConfig('SUB_PATH', '')}/${post.slug}`
         return (
-          <Link
+          <SmartLink
             key={post.id}
             title={post.title}
             href={post?.href}
@@ -46,7 +46,7 @@ const LatestPostsGroup = ({ latestPosts }) => {
               }>
               <li className='line-clamp-2'>{post.title}</li>
             </div>
-          </Link>
+          </SmartLink>
         )
       })}
     </>
diff --git a/themes/next/components/Live2DWaifu.js b/themes/next/components/Live2DWaifu.js
index c21fc79a..edd2e120 100644
--- a/themes/next/components/Live2DWaifu.js
+++ b/themes/next/components/Live2DWaifu.js
@@ -7,7 +7,7 @@ export default function Live2DWife() {
     initLive2DWife()
   }, [])
   return <>
-    <Head><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/font-awesome/css/font-awesome.min.css" /></Head>
+    <Head><SmartLink rel="stylesheet" href="https://cdn.jsdelivr.net/npm/font-awesome/css/font-awesome.min.css" /></Head>
   </>
 }
 
diff --git a/themes/next/components/Logo.js b/themes/next/components/Logo.js
index e7c5f0e2..2a768d63 100644
--- a/themes/next/components/Logo.js
+++ b/themes/next/components/Logo.js
@@ -1,10 +1,10 @@
 import { siteConfig } from '@/lib/config'
-import Link from 'next/link'
+import SmartLink from '@/components/SmartLink'
 
 const Logo = props => {
   const { className } = props
   return (
-    <Link href='/' passHref legacyBehavior>
+    <SmartLink href='/' passHref legacyBehavior>
       <div
         className={
           'flex flex-col justify-center items-center cursor-pointer bg-black dark:bg-gray-800 space-y-3 font-bold ' +
@@ -30,7 +30,7 @@ const Logo = props => {
           {siteConfig('DESCRIPTION')}
         </div>
       </div>
-    </Link>
+    </SmartLink>
   )
 }
 export default Logo
diff --git a/themes/next/components/MenuItemCollapse.js b/themes/next/components/MenuItemCollapse.js
index f0d079a5..91d1c799 100644
--- a/themes/next/components/MenuItemCollapse.js
+++ b/themes/next/components/MenuItemCollapse.js
@@ -1,5 +1,5 @@
 import Collapse from '@/components/Collapse'
-import Link from 'next/link'
+import SmartLink from '@/components/SmartLink'
 import { useState } from 'react'
 
 /**
@@ -28,7 +28,7 @@ export const MenuItemCollapse = props => {
         className='px-5 py-2 w-full text-left duration-200  hover:bg-gray-700 hover:text-white not:last-child:border-b-0 border-b dark:bg-hexo-black-gray dark:border-black'
         onClick={toggleShow}>
         {!hasSubMenu && (
-          <Link
+          <SmartLink
             href={link?.href}
             target={link?.target}
             className='w-full my-auto items-center justify-between flex   dark:text-gray-200 '>
@@ -36,7 +36,7 @@ export const MenuItemCollapse = props => {
               <div className={`${link.icon} text-center w-4 mr-4`} />
               {link.name}
             </div>
-          </Link>
+          </SmartLink>
         )}
 
         {hasSubMenu && (
@@ -65,7 +65,7 @@ export const MenuItemCollapse = props => {
                 className='whitespace-nowrap   dark:text-gray-200
               not:last-child:border-b-0 border-b dark:border-gray-800 py-2 px-14 cursor-pointer hover:bg-gray-100
               font-extralight dark:bg-black text-left justify-start text-gray-600 bg-gray-50 dark:hover:bg-gray-900 tracking-widest transition-all duration-200'>
-                <Link href={sLink.href} target={link?.target}>
+                <SmartLink href={sLink.href} target={link?.target}>
                   <div>
                     {sLink.icon && (
                       <div
@@ -74,7 +74,7 @@ export const MenuItemCollapse = props => {
                     )}
                     {sLink.title}
                   </div>
-                </Link>
+                </SmartLink>
               </div>
             )
           })}
diff --git a/themes/next/components/MenuItemDrop.js b/themes/next/components/MenuItemDrop.js
index b4078e43..f1745a70 100644
--- a/themes/next/components/MenuItemDrop.js
+++ b/themes/next/components/MenuItemDrop.js
@@ -1,4 +1,4 @@
-import Link from 'next/link'
+import SmartLink from '@/components/SmartLink'
 import { useState } from 'react'
 
 export const MenuItemDrop = ({ link }) => {
@@ -11,7 +11,7 @@ export const MenuItemDrop = ({ link }) => {
       onMouseOut={() => changeShow(false)}
       className='relative py-1.5 px-5 duration-300 text-base justify-between hover:bg-gray-700 hover:text-white hover:shadow-lg cursor-pointer font-light flex flex-nowrap items-center '>
       {!hasSubMenu && (
-        <Link
+        <SmartLink
           href={link?.href}
           target={link?.target}
           className='w-full my-auto items-center justify-between flex '>
@@ -20,7 +20,7 @@ export const MenuItemDrop = ({ link }) => {
             {link.name}
           </div>
           {link.slot}
-        </Link>
+        </SmartLink>
       )}
 
       {hasSubMenu && (
@@ -46,16 +46,16 @@ export const MenuItemDrop = ({ link }) => {
           {link?.subMenus?.map(sLink => {
             return (
               <li key={sLink.id}>
-                <Link
+                <SmartLink
                   href={sLink.href}
                   target={link?.target}
                   className='my-auto h-9 pl-4 items-center justify-start flex not:last-child:border-b-0 border-b text-gray-700 dark:text-gray-200  hover:bg-gray-50 dark:hover:bg-gray-900 tracking-widest transition-all duration-200  dark:border-gray-800 '>
                   {sLink.icon && (
-                    <i className={`${sLink.icon} w-4 text-center`} />
+                    <i className={`${sLink.icon} w-4 mr-2 text-center`} />
                   )}
                   {sLink.name}
                   {sLink.slot}
-                </Link>
+                </SmartLink>
               </li>
             )
           })}
diff --git a/themes/next/components/NextRecentComments.js b/themes/next/components/NextRecentComments.js
index 74123935..d459d5e3 100644
--- a/themes/next/components/NextRecentComments.js
+++ b/themes/next/components/NextRecentComments.js
@@ -1,5 +1,5 @@
 import { useEffect, useState } from 'react'
-import Link from 'next/link'
+import SmartLink from '@/components/SmartLink'
 import { RecentComments } from '@waline/client'
 import { siteConfig } from '@/lib/config'
 
@@ -26,7 +26,7 @@ const NextRecentComments = (props) => {
         {!onLoading && comments && comments.length === 0 && <div>No Comments</div>}
         {!onLoading && comments && comments.length > 0 && comments.map((comment) => <div key={comment.objectId} className='pb-2'>
             <div className='dark:text-gray-300 text-gray-600 text-xs waline-recent-content wl-content' dangerouslySetInnerHTML={{ __html: comment.comment }} />
-            <div className='dark:text-gray-400 text-gray-500  text-sm text-right cursor-pointer hover:text-red-500 hover:underline pt-1'><Link href={{ pathname: comment.url, hash: comment.objectId, query: { target: 'comment' } } }>--{comment.nick}</Link></div>
+            <div className='dark:text-gray-400 text-gray-500  text-sm text-right cursor-pointer hover:text-red-500 hover:underline pt-1'><SmartLink href={{ pathname: comment.url, hash: comment.objectId, query: { target: 'comment' } } }>--{comment.nick}</SmartLink></div>
         </div>)}
 
   </>
diff --git a/themes/next/components/PaginationNumber.js b/themes/next/components/PaginationNumber.js
index 02c61693..e2d054f0 100644
--- a/themes/next/components/PaginationNumber.js
+++ b/themes/next/components/PaginationNumber.js
@@ -1,4 +1,4 @@
-import Link from 'next/link'
+import SmartLink from '@/components/SmartLink'
 import { useRouter } from 'next/router'
 
 /**
@@ -28,7 +28,7 @@ const PaginationNumber = ({ page, totalPage }) => {
       data-aos-anchor-placement='top-bottom'
       className='mt-5 py-3 flex justify-center items-end font-medium text-black hover:shadow-xl duration-200 transition-all bg-white dark:bg-hexo-black-gray dark:text-gray-300 shadow space-x-2'>
       {/* 上一页 */}
-      <Link
+      <SmartLink
         href={{
           pathname:
             currentPage - 1 === 1
@@ -45,12 +45,12 @@ const PaginationNumber = ({ page, totalPage }) => {
           } hover:border-t-2 border-white  hover:border-gray-400 dark:hover:border-gray-400 w-8 h-8 justify-center flex items-center cursor-pointer duration-200 transition-all hover:font-bold`}>
           <i className='fas fa-angle-left' />
         </div>
-      </Link>
+      </SmartLink>
 
       {pages}
 
       {/* 下一页 */}
-      <Link
+      <SmartLink
         href={{
           pathname: `${pagePrefix}/page/${currentPage + 1}`,
           query: router.query.s ? { s: router.query.s } : {}
@@ -64,7 +64,7 @@ const PaginationNumber = ({ page, totalPage }) => {
           } hover:border-t-2 border-white  hover:border-gray-400 dark:hover:border-gray-400 w-8 h-8 justify-center flex items-center cursor-pointer duration-200 transition-all hover:font-bold`}>
           <i className='fas fa-angle-right' />
         </div>
-      </Link>
+      </SmartLink>
     </div>
   )
 }
@@ -129,7 +129,7 @@ function generatePages(pagePrefix, page, currentPage, totalPage) {
  */
 function getPageElement(pagePrefix, page, currentPage) {
   return (
-    <Link
+    <SmartLink
       href={page === 1 ? `${pagePrefix}/` : `${pagePrefix}/page/${page}`}
       key={page}
       passHref
@@ -140,7 +140,7 @@ function getPageElement(pagePrefix, page, currentPage) {
         ' border-white  dark:hover:border-gray-400 cursor-pointer w-8 h-8 justify-center flex items-center font-light hover:font-bold'
       }>
       {page}
-    </Link>
+    </SmartLink>
   )
 }
 
diff --git a/themes/next/components/PaginationSimple.js b/themes/next/components/PaginationSimple.js
index 65e21882..56b03fec 100644
--- a/themes/next/components/PaginationSimple.js
+++ b/themes/next/components/PaginationSimple.js
@@ -1,4 +1,4 @@
-import Link from 'next/link'
+import SmartLink from '@/components/SmartLink'
 import { useRouter } from 'next/router'
 import { useGlobal } from '@/lib/global'
 
@@ -22,7 +22,7 @@ const PaginationSimple = ({ page, showNext }) => {
         data-aos-once="false"
         data-aos-anchor-placement="top-bottom"
         className="my-10 flex justify-between font-medium text-black dark:text-gray-100 space-x-2">
-      <Link
+      <SmartLink
         href={{
           pathname:
             currentPage - 1 === 1
@@ -40,8 +40,8 @@ const PaginationSimple = ({ page, showNext }) => {
         >
           ← {locale.PAGINATION.PREV}
         </button>
-      </Link>
-      <Link
+      </SmartLink>
+      <SmartLink
         href={{
           pathname: `/page/${currentPage + 1}`,
           query: router.query.s ? { s: router.query.s } : {}
@@ -56,7 +56,7 @@ const PaginationSimple = ({ page, showNext }) => {
         >
           {locale.PAGINATION.NEXT} →
         </button>
-      </Link>
+      </SmartLink>
     </div>
   )
 }
diff --git a/themes/next/components/RecommendPosts.js b/themes/next/components/RecommendPosts.js
index 9be418da..a20ad4cf 100644
--- a/themes/next/components/RecommendPosts.js
+++ b/themes/next/components/RecommendPosts.js
@@ -1,4 +1,4 @@
-import Link from 'next/link'
+import SmartLink from '@/components/SmartLink'
 import { useGlobal } from '@/lib/global'
 import CONFIG from '../config'
 import { siteConfig } from '@/lib/config'
@@ -18,11 +18,11 @@ const RecommendPosts = ({ recommendPosts }) => {
         <ul className="font-light text-sm">
           {recommendPosts.map(post => (
             <li className="py-1" key={post.id}>
-              <Link href={`/${post.slug}`} className="cursor-pointer hover:underline">
+              <SmartLink href={`/${post.slug}`} className="cursor-pointer hover:underline">
 
                 {post.title}
 
-              </Link>
+              </SmartLink>
             </li>
           ))}
         </ul>
diff --git a/themes/next/components/SideAreaRight.js b/themes/next/components/SideAreaRight.js
index 9b72e72d..40fa2825 100644
--- a/themes/next/components/SideAreaRight.js
+++ b/themes/next/components/SideAreaRight.js
@@ -1,5 +1,5 @@
 import { useGlobal } from '@/lib/global'
-import Link from 'next/link'
+import SmartLink from '@/components/SmartLink'
 import Card from './Card'
 import CategoryGroup from './CategoryGroup'
 import TagGroups from './TagGroups'
@@ -56,14 +56,14 @@ const SideAreaRight = (props) => {
                 <Card>
                     <div className='text-sm px-2 flex flex-nowrap justify-between font-light'>
                         <div className='pb-2 text-gray-600 dark:text-gray-300'><i className='mr-2 fas fa-th-list' />{locale.COMMON.CATEGORY}</div>
-                        <Link
+                        <SmartLink
                             href={'/category'}
                             passHref
                             className='text-gray-500 hover:text-black dark:text-gray-400 dark:hover:text-white hover:underline cursor-pointer'>
 
                             {locale.COMMON.MORE} <i className='fas fa-angle-double-right' />
 
-                        </Link>
+                        </SmartLink>
                     </div>
                     <CategoryGroup currentCategory={currentCategory} categories={categoryOptions} />
                 </Card>
@@ -76,7 +76,7 @@ const SideAreaRight = (props) => {
                             <i className="mr-2 fas fa-tag" />
                             {locale.COMMON.TAGS}
                         </div>
-                        <Link
+                        <SmartLink
                             href={'/tag'}
                             passHref
                             className="text-gray-500 hover:text-black  dark:hover:text-white hover:underline cursor-pointer">
@@ -84,7 +84,7 @@ const SideAreaRight = (props) => {
                             {locale.COMMON.MORE}{' '}
                             <i className='fas fa-angle-double-right' />
 
-                        </Link>
+                        </SmartLink>
                     </div>
                     <div className="px-2 pt-2">
                         <TagGroups tags={tagOptions} currentTag={currentTag} />
diff --git a/themes/next/components/SideBar.js b/themes/next/components/SideBar.js
index d863c74a..9e23fbed 100644
--- a/themes/next/components/SideBar.js
+++ b/themes/next/components/SideBar.js
@@ -2,7 +2,7 @@ import CategoryGroup from './CategoryGroup'
 import InfoCard from './InfoCard'
 import TagGroups from './TagGroups'
 import { useGlobal } from '@/lib/global'
-import Link from 'next/link'
+import SmartLink from '@/components/SmartLink'
 
 /**
  * 侧边栏
@@ -32,14 +32,14 @@ const SideBar = (props) => {
           <section className='mt-8'>
             <div className='text-sm px-5 flex flex-nowrap justify-between font-light'>
               <div className='text-gray-600 dark:text-gray-200'><i className='mr-2 fas fa-th-list' />{locale.COMMON.CATEGORY}</div>
-              <Link
+              <SmartLink
                 href={'/category'}
                 passHref
                 className='mb-3 text-gray-500 hover:text-black dark:text-gray-400 dark:hover:text-white hover:underline cursor-pointer'>
 
                 {locale.COMMON.MORE} <i className='fas fa-angle-double-right'/>
 
-              </Link>
+              </SmartLink>
             </div>
             <CategoryGroup currentCategory={currentCategory} categories={categories} />
           </section>
@@ -50,14 +50,14 @@ const SideBar = (props) => {
           <section className='mt-4'>
             <div className='text-sm py-2 px-5 flex flex-nowrap justify-between font-light dark:text-gray-200'>
               <div className='text-gray-600 dark:text-gray-200'><i className='mr-2 fas fa-tag'/>{locale.COMMON.TAGS}</div>
-              <Link
+              <SmartLink
                 href={'/tag'}
                 passHref
                 className='text-gray-500 hover:text-black  dark:hover:text-white hover:underline cursor-pointer'>
 
                 {locale.COMMON.MORE} <i className='fas fa-angle-double-right'/>
 
-              </Link>
+              </SmartLink>
             </div>
             <div className='px-5 py-2'>
               <TagGroups tags={tags} currentTag={currentTag} />
diff --git a/themes/next/components/TagItem.js b/themes/next/components/TagItem.js
index bb40a2f1..2aa6a933 100644
--- a/themes/next/components/TagItem.js
+++ b/themes/next/components/TagItem.js
@@ -1,4 +1,4 @@
-import Link from 'next/link'
+import SmartLink from '@/components/SmartLink'
 import { useGlobal } from '@/lib/global'
 
 const TagItem = ({ tag, selected }) => {
@@ -7,7 +7,7 @@ const TagItem = ({ tag, selected }) => {
     <div> { locale.COMMON.NOTAG } </div>
   }
   return (
-    <Link
+    <SmartLink
       href={selected ? '/' : `/tag/${encodeURIComponent(tag.name)}`}
       passHref
       legacyBehavior>
@@ -19,7 +19,7 @@ const TagItem = ({ tag, selected }) => {
           {selected && <i className='fas fa-tag mr-1'/>} {`${tag.name} `} {tag.count ? `(${tag.count})` : ''}
         </div>
       </li>
-    </Link>
+    </SmartLink>
   );
 }
 
diff --git a/themes/next/components/TagItemMini.js b/themes/next/components/TagItemMini.js
index 72f12959..88498a28 100644
--- a/themes/next/components/TagItemMini.js
+++ b/themes/next/components/TagItemMini.js
@@ -1,8 +1,8 @@
-import Link from 'next/link'
+import SmartLink from '@/components/SmartLink'
 
 const TagItemMini = ({ tag, selected = false }) => {
   return (
-    <Link
+    <SmartLink
       key={tag}
       href={selected ? '/' : `/tag/${encodeURIComponent(tag.name)}`}
       passHref
@@ -14,7 +14,7 @@ const TagItemMini = ({ tag, selected = false }) => {
 
       <div className='font-light dark:text-gray-400'>{selected && <i className='fas fa-tag mr-1'/>} {tag.name + (tag.count ? `(${tag.count})` : '')} </div>
 
-    </Link>
+    </SmartLink>
   );
 }
 
diff --git a/themes/next/components/TopNav.js b/themes/next/components/TopNav.js
index 1689fdfb..cf7662db 100644
--- a/themes/next/components/TopNav.js
+++ b/themes/next/components/TopNav.js
@@ -1,6 +1,6 @@
 import { useGlobal } from '@/lib/global'
 import throttle from 'lodash.throttle'
-import Link from 'next/link'
+import SmartLink from '@/components/SmartLink'
 import { useCallback, useEffect, useRef, useState } from 'react'
 import CategoryGroup from './CategoryGroup'
 import Collapse from '@/components/Collapse'
@@ -87,14 +87,14 @@ const TopNav = (props) => {
             <section className='mt-8'>
                 <div className='text-sm flex flex-nowrap justify-between font-light px-2'>
                     <div className='text-gray-600 dark:text-gray-200'><i className='mr-2 fas fa-th-list' />{locale.COMMON.CATEGORY}</div>
-                    <Link
+                    <SmartLink
                         href={'/category'}
                         passHref
                         className='mb-3 text-gray-500 hover:text-black dark:text-gray-400 dark:hover:text-white hover:underline cursor-pointer'>
 
                         {locale.COMMON.MORE} <i className='fas fa-angle-double-right' />
 
-                    </Link>
+                    </SmartLink>
                 </div>
                 <CategoryGroup currentCategory={currentCategory} categories={categories} />
             </section>
@@ -104,14 +104,14 @@ const TopNav = (props) => {
             <section className='mt-4'>
                 <div className='text-sm py-2 px-2 flex flex-nowrap justify-between font-light dark:text-gray-200'>
                     <div className='text-gray-600 dark:text-gray-200'><i className='mr-2 fas fa-tag' />{locale.COMMON.TAGS}</div>
-                    <Link
+                    <SmartLink
                         href={'/tag'}
                         passHref
                         className='text-gray-500 hover:text-black  dark:hover:text-white hover:underline cursor-pointer'>
 
                         {locale.COMMON.MORE} <i className='fas fa-angle-double-right' />
 
-                    </Link>
+                    </SmartLink>
                 </div>
                 <div className='p-2'>
                     <TagGroups tags={tags} currentTag={currentTag} />
diff --git a/themes/next/index.js b/themes/next/index.js
index bb68834c..e3d199e9 100644
--- a/themes/next/index.js
+++ b/themes/next/index.js
@@ -3,7 +3,7 @@ import { siteConfig } from '@/lib/config'
 import { useGlobal } from '@/lib/global'
 import { isBrowser } from '@/lib/utils'
 import dynamic from 'next/dynamic'
-import Link from 'next/link'
+import SmartLink from '@/components/SmartLink'
 import { useRouter } from 'next/router'
 import { createContext, useContext, useEffect, useRef, useState } from 'react'
 import Announcement from './components/Announcement'
@@ -368,7 +368,7 @@ const LayoutCategoryIndex = props => {
         <div id='category-list' className='duration-200 flex flex-wrap'>
           {categoryOptions?.map(category => {
             return (
-              <Link
+              <SmartLink
                 key={category.name}
                 href={`/category/${category.name}`}
                 passHref
@@ -380,7 +380,7 @@ const LayoutCategoryIndex = props => {
                   <i className='mr-4 fas fa-folder' />
                   {category.name}({category.count})
                 </div>
-              </Link>
+              </SmartLink>
             )
           })}
         </div>
diff --git a/themes/nobelium/components/BlogArchiveItem.js b/themes/nobelium/components/BlogArchiveItem.js
index 4a92959e..7a010961 100644
--- a/themes/nobelium/components/BlogArchiveItem.js
+++ b/themes/nobelium/components/BlogArchiveItem.js
@@ -1,4 +1,4 @@
-import Link from 'next/link'
+import SmartLink from '@/components/SmartLink'
 
 /**
  * 归档分组文章
@@ -21,12 +21,12 @@ export default function BlogArchiveItem({ archiveTitle, archivePosts }) {
               <div id={post?.publishDay}>
                 <span className='text-gray-400'>{post.date?.start_date}</span>{' '}
                 &nbsp;
-                <Link
+                <SmartLink
                   href={post?.href}
                   passHref
                   className='dark:text-gray-400  dark:hover:text-gray-300 overflow-x-hidden hover:underline cursor-pointer text-gray-600'>
                   {post.title}
-                </Link>
+                </SmartLink>
               </div>
             </li>
           )
diff --git a/themes/nobelium/components/BlogListPage.js b/themes/nobelium/components/BlogListPage.js
index ba1c2b4a..585aa665 100644
--- a/themes/nobelium/components/BlogListPage.js
+++ b/themes/nobelium/components/BlogListPage.js
@@ -1,6 +1,6 @@
 import { siteConfig } from '@/lib/config'
 import { useGlobal } from '@/lib/global'
-import Link from 'next/link'
+import SmartLink from '@/components/SmartLink'
 import { useRouter } from 'next/router'
 import BlogPost from './BlogPost'
 
@@ -30,7 +30,7 @@ export const BlogListPage = props => {
       </div>
 
       <div className='flex justify-between text-xs'>
-        <Link
+        <SmartLink
           href={{
             pathname:
               currentPage - 1 === 1
@@ -42,8 +42,8 @@ export const BlogListPage = props => {
           <button rel='prev' className='block cursor-pointer'>
             ← {locale.PAGINATION.PREV}
           </button>
-        </Link>
-        <Link
+        </SmartLink>
+        <SmartLink
           href={{
             pathname: `${pagePrefix}/page/${currentPage + 1}`,
             query: router.query.s ? { s: router.query.s } : {}
@@ -52,7 +52,7 @@ export const BlogListPage = props => {
           <button rel='next' className='block cursor-pointer'>
             {locale.PAGINATION.NEXT} →
           </button>
-        </Link>
+        </SmartLink>
       </div>
     </div>
   )
diff --git a/themes/nobelium/components/BlogListScroll.js b/themes/nobelium/components/BlogListScroll.js
index 73bdaba6..c6f10297 100644
--- a/themes/nobelium/components/BlogListScroll.js
+++ b/themes/nobelium/components/BlogListScroll.js
@@ -2,7 +2,7 @@ import { siteConfig } from '@/lib/config'
 import { useGlobal } from '@/lib/global'
 import { deepClone } from '@/lib/utils'
 import throttle from 'lodash.throttle'
-import Link from 'next/link'
+import SmartLink from '@/components/SmartLink'
 import { useCallback, useEffect, useRef, useState } from 'react'
 
 export const BlogListScroll = props => {
@@ -62,11 +62,11 @@ export const BlogListScroll = props => {
       {postsToShow.map(p => (
         <article key={p.id} className='mb-12'>
           <h2 className='mb-4'>
-            <Link
+            <SmartLink
               href={`/${p.slug}`}
               className='text-black text-xl md:text-2xl no-underline hover:underline'>
               {p.title}
-            </Link>
+            </SmartLink>
           </h2>
 
           <div className='mb-4 text-sm text-gray-700'>
diff --git a/themes/nobelium/components/BlogPost.js b/themes/nobelium/components/BlogPost.js
index 51354bd8..e33c3da2 100644
--- a/themes/nobelium/components/BlogPost.js
+++ b/themes/nobelium/components/BlogPost.js
@@ -2,7 +2,7 @@ import NotionIcon from '@/components/NotionIcon'
 import NotionPage from '@/components/NotionPage'
 import { siteConfig } from '@/lib/config'
 import { useGlobal } from '@/lib/global'
-import Link from 'next/link'
+import SmartLink from '@/components/SmartLink'
 
 const BlogPost = ({ post }) => {
   const { NOTION_CONFIG } = useGlobal()
@@ -10,7 +10,7 @@ const BlogPost = ({ post }) => {
     siteConfig('POST_LIST_PREVIEW', false, NOTION_CONFIG) && post?.blockMap
 
   return (
-    <Link href={post?.href}>
+    <SmartLink href={post?.href}>
       <article key={post.id} className='mb-6 md:mb-8'>
         <header className='flex flex-col justify-between md:flex-row md:items-baseline'>
           <h2 className='text-lg md:text-xl font-medium mb-2 cursor-pointer text-black dark:text-gray-100'>
@@ -37,7 +37,7 @@ const BlogPost = ({ post }) => {
           )}
         </main>
       </article>
-    </Link>
+    </SmartLink>
   )
 }
 
diff --git a/themes/nobelium/components/ExampleRecentComments.js b/themes/nobelium/components/ExampleRecentComments.js
index 9dbdfa7f..cf1f5bed 100644
--- a/themes/nobelium/components/ExampleRecentComments.js
+++ b/themes/nobelium/components/ExampleRecentComments.js
@@ -1,6 +1,6 @@
 import { useEffect, useState } from 'react'
 import { siteConfig } from '@/lib/config'
-import Link from 'next/link'
+import SmartLink from '@/components/SmartLink'
 import { RecentComments } from '@waline/client'
 
 /**
@@ -26,7 +26,7 @@ const ExampleRecentComments = (props) => {
         {!onLoading && comments && comments.length === 0 && <div>No Comments</div>}
         {!onLoading && comments && comments.length > 0 && comments.map((comment) => <div key={comment.objectId} className='pb-2'>
             <div className='dark:text-gray-300 text-gray-600 text-xs waline-recent-content wl-content' dangerouslySetInnerHTML={{ __html: comment.comment }} />
-            <div className='dark:text-gray-400 text-gray-400  text-sm text-right cursor-pointer hover:text-red-500 hover:underline pt-1'><Link href={{ pathname: comment.url, hash: comment.objectId, query: { target: 'comment' } }}>--{comment.nick}</Link></div>
+            <div className='dark:text-gray-400 text-gray-400  text-sm text-right cursor-pointer hover:text-red-500 hover:underline pt-1'><SmartLink href={{ pathname: comment.url, hash: comment.objectId, query: { target: 'comment' } }}>--{comment.nick}</SmartLink></div>
         </div>)}
 
   </>
diff --git a/themes/nobelium/components/MenuItemCollapse.js b/themes/nobelium/components/MenuItemCollapse.js
index f70ed8d1..d7fd1993 100644
--- a/themes/nobelium/components/MenuItemCollapse.js
+++ b/themes/nobelium/components/MenuItemCollapse.js
@@ -1,5 +1,5 @@
 import Collapse from '@/components/Collapse'
-import Link from 'next/link'
+import SmartLink from '@/components/SmartLink'
 import { useState } from 'react'
 
 /**
@@ -32,7 +32,7 @@ export const MenuItemCollapse = props => {
         className='w-full px-4 py-2 text-left dark:bg-hexo-black-gray dark:border-black'
         onClick={toggleShow}>
         {!hasSubMenu && (
-          <Link
+          <SmartLink
             href={link?.href}
             target={link?.target}
             className='font-extralight  flex justify-between pl-2 pr-4 dark:text-gray-200 no-underline tracking-widest pb-1'>
@@ -44,7 +44,7 @@ export const MenuItemCollapse = props => {
               )}
               {link?.name}
             </span>
-          </Link>
+          </SmartLink>
         )}
         {hasSubMenu && (
           <div
@@ -71,9 +71,9 @@ export const MenuItemCollapse = props => {
               <div
                 key={index}
                 className='font-extralight dark:bg-black text-left px-10 justify-start  bg-gray-50 hover:bg-gray-50 dark:hover:bg-gray-900 tracking-widest transition-all duration-200 border-b dark:border-gray-800 py-3 pr-6'>
-                <Link href={sLink.href} target={link?.target}>
+                <SmartLink href={sLink.href} target={link?.target}>
                   <span className='text-xs'>{sLink.title}</span>
-                </Link>
+                </SmartLink>
               </div>
             )
           })}
diff --git a/themes/nobelium/components/MenuItemDrop.js b/themes/nobelium/components/MenuItemDrop.js
index 9099d8fd..110f5c15 100644
--- a/themes/nobelium/components/MenuItemDrop.js
+++ b/themes/nobelium/components/MenuItemDrop.js
@@ -1,4 +1,4 @@
-import Link from 'next/link'
+import SmartLink from '@/components/SmartLink'
 import { useState } from 'react'
 
 export const MenuItemDrop = ({ link }) => {
@@ -19,9 +19,9 @@ export const MenuItemDrop = ({ link }) => {
         onMouseOut={() => changeShow(false)}>
         {!hasSubMenu && (
           <div className='block text-black dark:text-gray-50 nav'>
-            <Link href={link?.href} target={link?.target}>
+            <SmartLink href={link?.href} target={link?.target}>
               {link?.icon && <i className={link?.icon} />} {link?.name}
-            </Link>
+            </SmartLink>
           </div>
         )}
 
@@ -42,12 +42,12 @@ export const MenuItemDrop = ({ link }) => {
                 <div
                   key={index}
                   className='not:last-child:border-b-0 border-b text-gray-700 dark:text-gray-200  hover:bg-gray-50 dark:hover:bg-gray-900 tracking-widest transition-all duration-200  dark:border-gray-800 py-3 pr-6 pl-3'>
-                  <Link href={sLink.href} target={link?.target}>
+                  <SmartLink href={sLink.href} target={link?.target}>
                     <span className='text-sm text-nowrap font-extralight'>
                       {link?.icon && <i className={sLink?.icon}> &nbsp; </i>}
                       {sLink.title}
                     </span>
-                  </Link>
+                  </SmartLink>
                 </div>
               )
             })}
diff --git a/themes/nobelium/components/Nav.js b/themes/nobelium/components/Nav.js
index 899b7ea0..7f4de1f4 100644
--- a/themes/nobelium/components/Nav.js
+++ b/themes/nobelium/components/Nav.js
@@ -3,7 +3,7 @@ import DarkModeButton from '@/components/DarkModeButton'
 import LazyImage from '@/components/LazyImage'
 import { siteConfig } from '@/lib/config'
 import { useGlobal } from '@/lib/global'
-import Link from 'next/link'
+import SmartLink from '@/components/SmartLink'
 import { useEffect, useRef, useState } from 'react'
 import CONFIG from '../config'
 import { MenuItemCollapse } from './MenuItemCollapse'
@@ -52,7 +52,7 @@ const Nav = props => {
         id='sticky-nav'
         ref={navRef}>
         <div className='flex items-center'>
-          <Link href='/' aria-label={siteConfig('TITLE')}>
+          <SmartLink href='/' aria-label={siteConfig('TITLE')}>
             <div className='h-6 w-6'>
               {/* <SvgIcon/> */}
               {siteConfig('NOBELIUM_NAV_NOTION_ICON') ? (
@@ -66,7 +66,7 @@ const Nav = props => {
                 <SvgIcon />
               )}
             </div>
-          </Link>
+          </SmartLink>
           {post ? (
             <p className='ml-2 max-h-12 line-clamp-2 overflow-ellipsis font-medium text-gray-800 dark:text-gray-300 header-name'>
               {post?.title}
diff --git a/themes/nobelium/components/SideBar.js b/themes/nobelium/components/SideBar.js
index a4d1e060..5cc321ba 100644
--- a/themes/nobelium/components/SideBar.js
+++ b/themes/nobelium/components/SideBar.js
@@ -1,7 +1,7 @@
 import { siteConfig } from '@/lib/config'
 import Live2D from '@/components/Live2D'
 import { useGlobal } from '@/lib/global'
-import Link from 'next/link'
+import SmartLink from '@/components/SmartLink'
 import dynamic from 'next/dynamic'
 const ExampleRecentComments = dynamic(() => import('./ExampleRecentComments'))
 
@@ -18,13 +18,13 @@ export const SideBar = (props) => {
                     <ul className="list-reset leading-normal">
                         {categories?.map(category => {
                           return (
-                              <Link
+                              <SmartLink
                                   key={category.name}
                                   href={`/category/${category.name}`}
                                   passHref
                                   legacyBehavior>
                                     <li>  <a href="#" className="text-gray-darkest text-sm">{category.name}({category.count})</a></li>
-                                </Link>
+                                </SmartLink>
                           );
                         })}
                     </ul>
@@ -39,9 +39,9 @@ export const SideBar = (props) => {
                     <ul className="list-reset leading-normal">
                         {latestPosts?.map(p => {
                           return (
-                              <Link key={p.id} href={`/${p.slug}`} passHref legacyBehavior>
+                              <SmartLink key={p.id} href={`/${p.slug}`} passHref legacyBehavior>
                                     <li>  <a href="#" className="text-gray-darkest text-sm">{p.title}</a></li>
-                                </Link>
+                                </SmartLink>
                           );
                         })}
                     </ul>
diff --git a/themes/nobelium/components/TagItem.js b/themes/nobelium/components/TagItem.js
index 0364e3fc..2430e2bb 100644
--- a/themes/nobelium/components/TagItem.js
+++ b/themes/nobelium/components/TagItem.js
@@ -1,11 +1,11 @@
-import Link from 'next/link'
+import SmartLink from '@/components/SmartLink'
 
 const TagItem = ({ tag }) => (
-  (<Link href={`/tag/${encodeURIComponent(tag)}`}>
+  (<SmartLink href={`/tag/${encodeURIComponent(tag)}`}>
     <p className="mr-1 rounded-full px-2 py-1 border leading-none text-sm dark:border-gray-600">
       {tag}
     </p>
-  </Link>)
+  </SmartLink>)
 )
 
 export default TagItem
diff --git a/themes/nobelium/components/Tags.js b/themes/nobelium/components/Tags.js
index bdab3ee5..db94dd93 100644
--- a/themes/nobelium/components/Tags.js
+++ b/themes/nobelium/components/Tags.js
@@ -1,4 +1,4 @@
-import Link from 'next/link'
+import SmartLink from '@/components/SmartLink'
 
 const Tags = props => {
   const { tagOptions, tag } = props
@@ -19,14 +19,14 @@ const Tags = props => {
                   : 'bg-gray-100 border-gray-100 text-gray-400 dark:bg-night dark:border-gray-800'
               }`}
             >
-              <Link
+              <SmartLink
                 key={tag.id}
                 href={selected ? '/search' : `/tag/${encodeURIComponent(tag.name)}`}
                 className="px-4 py-2 block">
 
                 {`${tag.name} (${tag.count})`}
 
-              </Link>
+              </SmartLink>
             </li>
           )
         })}
diff --git a/themes/nobelium/index.js b/themes/nobelium/index.js
index 4455dd96..39180c35 100644
--- a/themes/nobelium/index.js
+++ b/themes/nobelium/index.js
@@ -8,7 +8,7 @@ import { useGlobal } from '@/lib/global'
 import { deepClone, isBrowser } from '@/lib/utils'
 import { Transition } from '@headlessui/react'
 import dynamic from 'next/dynamic'
-import Link from 'next/link'
+import SmartLink from '@/components/SmartLink'
 import { useRouter } from 'next/router'
 import { createContext, useContext, useEffect, useRef, useState } from 'react'
 import Announcement from './components/Announcement'
@@ -305,7 +305,7 @@ const LayoutCategoryIndex = props => {
       <div id='category-list' className='duration-200 flex flex-wrap'>
         {categoryOptions?.map(category => {
           return (
-            <Link
+            <SmartLink
               key={category.name}
               href={`/category/${category.name}`}
               passHref
@@ -317,7 +317,7 @@ const LayoutCategoryIndex = props => {
                 <i className='mr-4 fas fa-folder' />
                 {category.name}({category.count})
               </div>
-            </Link>
+            </SmartLink>
           )
         })}
       </div>
@@ -339,7 +339,7 @@ const LayoutTagIndex = props => {
           {tagOptions.map(tag => {
             return (
               <div key={tag.name} className='p-2'>
-                <Link
+                <SmartLink
                   key={tag}
                   href={`/tag/${encodeURIComponent(tag.name)}`}
                   passHref
@@ -348,7 +348,7 @@ const LayoutTagIndex = props => {
                     <i className='mr-1 fas fa-tag' />{' '}
                     {tag.name + (tag.count ? `(${tag.count})` : '')}{' '}
                   </div>
-                </Link>
+                </SmartLink>
               </div>
             )
           })}
diff --git a/themes/photo/components/ArchiveDateList.js b/themes/photo/components/ArchiveDateList.js
index cd389028..c6ece352 100644
--- a/themes/photo/components/ArchiveDateList.js
+++ b/themes/photo/components/ArchiveDateList.js
@@ -1,6 +1,6 @@
 import { useGlobal } from '@/lib/global'
 import { formatDateFmt } from '@/lib/utils/formatDate'
-import Link from 'next/link'
+import SmartLink from '@/components/SmartLink'
 
 export default function ArchiveDateList(props) {
   const postsSortByDate = Object.create(props.allNavPages)
@@ -24,12 +24,12 @@ export default function ArchiveDateList(props) {
       {dates?.map((date, index) => {
         return (
           <div key={index}>
-            <Link
+            <SmartLink
               href={`/archive#${date}`}
               className="hover:underline dark:text-green-500"
             >
               {date}
-            </Link>
+            </SmartLink>
           </div>
         )
       })}
diff --git a/themes/photo/components/ArticleFooter.js b/themes/photo/components/ArticleFooter.js
index 9a928cce..9b3a9f64 100644
--- a/themes/photo/components/ArticleFooter.js
+++ b/themes/photo/components/ArticleFooter.js
@@ -1,6 +1,6 @@
 import { useGlobal } from '@/lib/global'
 import { formatDateFmt } from '@/lib/utils/formatDate'
-import Link from 'next/link'
+import SmartLink from '@/components/SmartLink'
 
 /**
  * 文章页脚
@@ -18,12 +18,12 @@ export default function ArticleFooter(props) {
         {/* 分类标签（如果文章不是“页面”类型） */}
         {post?.type !== 'Page' && (
           <>
-            <Link
+            <SmartLink
               href={`/category/${post?.category}`}
               passHref
               className='cursor-pointer text-md mr-2 text-green-500'>
               {post?.category}
-            </Link>
+            </SmartLink>
           </>
         )}
 
@@ -37,12 +37,12 @@ export default function ArticleFooter(props) {
           {/* 显示所有标签 */}
           {post?.tags?.map(tag => {
             return (
-              <Link
+              <SmartLink
                 href={`/tag/${tag}`}
                 key={tag}
                 className='text-yellow-500 mr-2'>
                 {tag}
-              </Link>
+              </SmartLink>
             )
           })}
         </div>
@@ -57,12 +57,12 @@ export default function ArticleFooter(props) {
           fontWeight: '300', // 设置字体粗细为细体
           color: 'gray' // 设置文字颜色为灰色
         }}>
-        <Link
+        <SmartLink
           href={`/archive#${formatDateFmt(post?.publishDate, 'yyyy-MM')}`}
           passHref
           className='pl-1 cursor-pointer'>
           {post?.publishDay}
-        </Link>
+        </SmartLink>
       </div>
     </>
   )
diff --git a/themes/photo/components/BlogListGroupByDate.js b/themes/photo/components/BlogListGroupByDate.js
index ebc30aa5..da8e18ad 100644
--- a/themes/photo/components/BlogListGroupByDate.js
+++ b/themes/photo/components/BlogListGroupByDate.js
@@ -1,4 +1,4 @@
-import Link from 'next/link'
+import SmartLink from '@/components/SmartLink'
 
 /**
  * 按照日期将文章分组
@@ -21,11 +21,11 @@ export default function BlogListGroupByDate({ archiveTitle, archivePosts }) {
               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?.publishDay}</span> &nbsp;
-                <Link
+                <SmartLink
                   href={post?.href}
                   className='dark:text-gray-400  dark:hover:text-gray-300 overflow-x-hidden hover:underline cursor-pointer text-gray-600'>
                   {post.title}
-                </Link>
+                </SmartLink>
               </div>
             </li>
           )
diff --git a/themes/photo/components/BlogPostCard.js b/themes/photo/components/BlogPostCard.js
index fe44b8cd..e039edf7 100644
--- a/themes/photo/components/BlogPostCard.js
+++ b/themes/photo/components/BlogPostCard.js
@@ -1,7 +1,7 @@
 import LazyImage from '@/components/LazyImage'
 import NotionIcon from '@/components/NotionIcon'
 import { siteConfig } from '@/lib/config'
-import Link from 'next/link'
+import SmartLink from '@/components/SmartLink'
 import TagItemMini from './TagItemMini'
 
 const BlogPostCard = ({ index, post, showSummary, siteInfo }) => {
@@ -15,7 +15,7 @@ const BlogPostCard = ({ index, post, showSummary, siteInfo }) => {
     <article
       data-wow-delay='.2s'
       className='wow fadeInUp w-full mb-4 cursor-pointer overflow-hidden shadow-movie dark:bg-hexo-black-gray text-white'>
-      <Link href={post?.href} passHref legacyBehavior>
+      <SmartLink href={post?.href} passHref legacyBehavior>
         {/* 固定高度 ，空白用图片拉升填充 */}
         <div className='group flex flex-col aspect-[2/3] justify-between relative'>
           {/* 图片 填充卡片 */}
@@ -54,7 +54,7 @@ const BlogPostCard = ({ index, post, showSummary, siteInfo }) => {
             <div className='h-full w-full absolute opacity-80 group-hover:opacity-100 transition-all duration-1000 bg-gradient-to-b from-transparent to-black'></div>
           </div>
         </div>
-      </Link>
+      </SmartLink>
     </article>
   )
 }
diff --git a/themes/photo/components/BlogRecommend.js b/themes/photo/components/BlogRecommend.js
index a8337ffa..0788ac09 100644
--- a/themes/photo/components/BlogRecommend.js
+++ b/themes/photo/components/BlogRecommend.js
@@ -1,7 +1,7 @@
 import LazyImage from '@/components/LazyImage'
 import { siteConfig } from '@/lib/config'
 import { useGlobal } from '@/lib/global'
-import Link from 'next/link'
+import SmartLink from '@/components/SmartLink'
 import CONFIG from '../config'
 
 /**
@@ -35,7 +35,7 @@ export default function BlogRecommend(props) {
             : siteInfo?.pageCover
 
           return (
-            <Link
+            <SmartLink
               key={post.id}
               title={post.title}
               href={post?.href}
@@ -57,7 +57,7 @@ export default function BlogRecommend(props) {
                   className='absolute top-0 w-full h-full object-cover object-center group-hover:scale-110 group-hover:brightness-50 transform duration-200'
                 />
               </div>
-            </Link>
+            </SmartLink>
           )
         })}
       </div>
diff --git a/themes/photo/components/CategoryGroup.js b/themes/photo/components/CategoryGroup.js
index a144bce5..a1bb4ad6 100644
--- a/themes/photo/components/CategoryGroup.js
+++ b/themes/photo/components/CategoryGroup.js
@@ -1,6 +1,6 @@
 import { siteConfig } from '@/lib/config'
 import { useGlobal } from '@/lib/global'
-import Link from 'next/link'
+import SmartLink from '@/components/SmartLink'
 
 const CategoryGroup = props => {
   const { currentCategory, categoryOptions } = props
@@ -16,7 +16,7 @@ const CategoryGroup = props => {
           {categories.map(category => {
             const selected = currentCategory === category.name
             return (
-              <Link
+              <SmartLink
                 key={category.name}
                 href={`/category/${category.name}`}
                 passHref
@@ -30,7 +30,7 @@ const CategoryGroup = props => {
                   className={`${selected ? 'text-white fa-folder-open ' : 'text-gray-500 fa-folder '} mr-2 fas`}
                 />
                 {category.name}({category.count})
-              </Link>
+              </SmartLink>
             )
           })}
         </div>
diff --git a/themes/photo/components/CategoryItem.js b/themes/photo/components/CategoryItem.js
index 1190965b..635bd69e 100644
--- a/themes/photo/components/CategoryItem.js
+++ b/themes/photo/components/CategoryItem.js
@@ -1,4 +1,4 @@
-import Link from 'next/link'
+import SmartLink from '@/components/SmartLink'
 
 /**
  * 文章分类
@@ -7,7 +7,7 @@ import Link from 'next/link'
  */
 export default function CategoryItem({ category }) {
   return (
-        <Link
+        <SmartLink
             key={category.name}
             href={`/category/${category.name}`}
             passHref
@@ -15,6 +15,6 @@ export default function CategoryItem({ category }) {
             <div className={'text-2xl hover:text-black dark:hover:text-white dark:text-gray-300 dark:hover:bg-gray-600 px-5 cursor-pointer py-2 hover:bg-gray-100'}>
                 <i className='mr-4 fas fa-folder' />{category.name}({category.count})
             </div>
-        </Link>
+        </SmartLink>
   )
 }
diff --git a/themes/photo/components/ExampleRecentComments.js b/themes/photo/components/ExampleRecentComments.js
index 9dbdfa7f..cf1f5bed 100644
--- a/themes/photo/components/ExampleRecentComments.js
+++ b/themes/photo/components/ExampleRecentComments.js
@@ -1,6 +1,6 @@
 import { useEffect, useState } from 'react'
 import { siteConfig } from '@/lib/config'
-import Link from 'next/link'
+import SmartLink from '@/components/SmartLink'
 import { RecentComments } from '@waline/client'
 
 /**
@@ -26,7 +26,7 @@ const ExampleRecentComments = (props) => {
         {!onLoading && comments && comments.length === 0 && <div>No Comments</div>}
         {!onLoading && comments && comments.length > 0 && comments.map((comment) => <div key={comment.objectId} className='pb-2'>
             <div className='dark:text-gray-300 text-gray-600 text-xs waline-recent-content wl-content' dangerouslySetInnerHTML={{ __html: comment.comment }} />
-            <div className='dark:text-gray-400 text-gray-400  text-sm text-right cursor-pointer hover:text-red-500 hover:underline pt-1'><Link href={{ pathname: comment.url, hash: comment.objectId, query: { target: 'comment' } }}>--{comment.nick}</Link></div>
+            <div className='dark:text-gray-400 text-gray-400  text-sm text-right cursor-pointer hover:text-red-500 hover:underline pt-1'><SmartLink href={{ pathname: comment.url, hash: comment.objectId, query: { target: 'comment' } }}>--{comment.nick}</SmartLink></div>
         </div>)}
 
   </>
diff --git a/themes/photo/components/Header.js b/themes/photo/components/Header.js
index 29b7bee0..0f591f9b 100644
--- a/themes/photo/components/Header.js
+++ b/themes/photo/components/Header.js
@@ -1,5 +1,5 @@
 import { siteConfig } from '@/lib/config'
-import Link from 'next/link'
+import SmartLink from '@/components/SmartLink'
 import MenuHierarchical from './MenuHierarchical'
 
 /**
@@ -11,11 +11,11 @@ export const Header = props => {
     <>
       <header className='w-full px-8 h-20 z-30 flex lg:flex-row md:flex-col justify-center items-center'>
         {/* 左侧Logo */}
-        <Link
+        <SmartLink
           href='/'
           className='logo whitespace-nowrap text-2xl md:text-3xl text-gray-dark no-underline flex items-center'>
           {siteConfig('TITLE')}
-        </Link>
+        </SmartLink>
 
         {/* 右侧使用一个三级菜单 */}
         <div className='ml-6 mt-7'>
diff --git a/themes/photo/components/LatestPostsGroup.js b/themes/photo/components/LatestPostsGroup.js
index 40366e37..49746e56 100644
--- a/themes/photo/components/LatestPostsGroup.js
+++ b/themes/photo/components/LatestPostsGroup.js
@@ -1,6 +1,6 @@
 import { siteConfig } from '@/lib/config'
 import { useGlobal } from '@/lib/global'
-import Link from 'next/link'
+import SmartLink from '@/components/SmartLink'
 import { useRouter } from 'next/router'
 
 /**
@@ -32,7 +32,7 @@ const LatestPostsGroup = ({ latestPosts }) => {
           currentPath === `${siteConfig('SUB_PATH', '')}/${post.slug}`
 
         return (
-          <Link
+          <SmartLink
             key={post.id}
             title={post.title}
             href={post?.href}
@@ -48,7 +48,7 @@ const LatestPostsGroup = ({ latestPosts }) => {
               }>
               <li className='line-clamp-2'>{post.title}</li>
             </div>
-          </Link>
+          </SmartLink>
         )
       })}
     </div>
diff --git a/themes/photo/components/MenuItemCollapse.js b/themes/photo/components/MenuItemCollapse.js
index 73458f13..dbe4c4a9 100644
--- a/themes/photo/components/MenuItemCollapse.js
+++ b/themes/photo/components/MenuItemCollapse.js
@@ -1,5 +1,5 @@
 import Collapse from '@/components/Collapse'
-import Link from 'next/link'
+import SmartLink from '@/components/SmartLink'
 import { useState } from 'react'
 
 /**
@@ -30,7 +30,7 @@ export const MenuItemCollapse = props => {
     <>
       <div className='select-none w-full text-left' onClick={toggleShow}>
         {!hasSubMenu && (
-          <Link
+          <SmartLink
             href={link?.href}
             target={link?.target}
             className='flex justify-between no-underline tracking-widest'>
@@ -38,7 +38,7 @@ export const MenuItemCollapse = props => {
               {link?.icon && <i className={link.icon + ' mr-4'} />}
               {link?.name}
             </span>
-          </Link>
+          </SmartLink>
         )}
         {hasSubMenu && (
           <div
@@ -65,12 +65,12 @@ export const MenuItemCollapse = props => {
               <div
                 key={index}
                 className='dark:text-gray-200 text-left px-3 justify-start py-1 tracking-widest transition-all duration-200 pr-6'>
-                <Link href={sLink.href} target={link?.target}>
+                <SmartLink href={sLink.href} target={link?.target}>
                   <span className='ml-4 whitespace-nowrap'>
                     {link?.icon && <i className={sLink.icon + ' mr-2'} />}{' '}
                     {sLink.title}
                   </span>
-                </Link>
+                </SmartLink>
               </div>
             )
           })}
diff --git a/themes/photo/components/MenuItemDrop.js b/themes/photo/components/MenuItemDrop.js
index 3b5cf813..89c7a86f 100644
--- a/themes/photo/components/MenuItemDrop.js
+++ b/themes/photo/components/MenuItemDrop.js
@@ -1,4 +1,4 @@
-import Link from 'next/link'
+import SmartLink from '@/components/SmartLink'
 import { useState } from 'react'
 
 export const MenuItemDrop = ({ link }) => {
@@ -14,13 +14,13 @@ export const MenuItemDrop = ({ link }) => {
       onMouseOver={() => changeShow(true)}
       onMouseOut={() => changeShow(false)}>
       {!hasSubMenu && (
-        <Link
+        <SmartLink
           href={link?.href}
           target={link?.target}
           className='select-none menu-link pl-2 pr-4 no-underline tracking-widest pb-1 hover:font-bold'>
           {link?.icon && <i className={link?.icon} />} {link?.name}
           {hasSubMenu && <i className='px-2 fa fa-angle-down'></i>}
-        </Link>
+        </SmartLink>
       )}
 
       {hasSubMenu && (
@@ -43,12 +43,12 @@ export const MenuItemDrop = ({ link }) => {
               <li
                 key={index}
                 className='cursor-pointer text-start dark:bg-hexo-black-gray dark:hover:bg-gray-300 hover:bg-gray-300 hover:text-black tracking-widest transition-all duration-200 dark:border-gray-800  py-1 pr-6 pl-3'>
-                <Link href={sLink.href} target={link?.target}>
+                <SmartLink href={sLink.href} target={link?.target}>
                   <span className='text-sm'>
                     {link?.icon && <i className={sLink?.icon}> &nbsp; </i>}
                     {sLink.title}
                   </span>
-                </Link>
+                </SmartLink>
               </li>
             )
           })}
diff --git a/themes/photo/components/NormalMenuItem.js b/themes/photo/components/NormalMenuItem.js
index 2ed6f2e9..74af0f08 100644
--- a/themes/photo/components/NormalMenuItem.js
+++ b/themes/photo/components/NormalMenuItem.js
@@ -1,4 +1,4 @@
-import Link from 'next/link'
+import SmartLink from '@/components/SmartLink'
 
 /**
  * 旧的普通菜单
@@ -9,12 +9,12 @@ export const NormalMenuItem = props => {
   const { link } = props
   return (
     link?.show && (
-      <Link
+      <SmartLink
         href={link.href}
         key={link.href}
         className='px-2 md:pl-0 md:mr-3 my-4 md:pr-3 text-gray-700 dark:text-gray-200 no-underline md:border-r border-gray-light'>
         {link.name}
-      </Link>
+      </SmartLink>
     )
   )
 }
diff --git a/themes/photo/components/PaginationNumber.js b/themes/photo/components/PaginationNumber.js
index 64323b9c..d82ca8f3 100644
--- a/themes/photo/components/PaginationNumber.js
+++ b/themes/photo/components/PaginationNumber.js
@@ -1,6 +1,6 @@
 import { ChevronDoubleRight } from '@/components/HeroIcons'
 import { useGlobal } from '@/lib/global'
-import Link from 'next/link'
+import SmartLink from '@/components/SmartLink'
 import { useRouter } from 'next/router'
 import { useState } from 'react'
 
@@ -49,7 +49,7 @@ const PaginationNumber = ({ page, totalPage }) => {
       {/* pc端分页按钮 */}
       <div className='hidden lg:flex justify-between items-end mt-10 mb-5 font-medium text-black duration-500 dark:text-gray-300 py-3 space-x-2 overflow-x-auto'>
         {/* 上一页 */}
-        <Link
+        <SmartLink
           href={{
             pathname:
               currentPage === 2
@@ -65,7 +65,7 @@ const PaginationNumber = ({ page, totalPage }) => {
               {locale.PAGINATION.PREV}
             </div>
           </div>
-        </Link>
+        </SmartLink>
 
         {/* 分页 */}
         <div className='flex items-center space-x-2'>
@@ -86,7 +86,7 @@ const PaginationNumber = ({ page, totalPage }) => {
         </div>
 
         {/* 下一页 */}
-        <Link
+        <SmartLink
           href={{
             pathname: `${pagePrefix}/page/${currentPage + 1}`,
             query: router.query.s ? { s: router.query.s } : {}
@@ -99,14 +99,14 @@ const PaginationNumber = ({ page, totalPage }) => {
               {locale.PAGINATION.NEXT}
             </div>
           </div>
-        </Link>
+        </SmartLink>
       </div>
 
       {/* 移动端分页 */}
 
       <div className='lg:hidden w-full flex flex-row'>
         {/* 上一页 */}
-        <Link
+        <SmartLink
           href={{
             pathname:
               currentPage === 2
@@ -117,12 +117,12 @@ const PaginationNumber = ({ page, totalPage }) => {
           rel='prev'
           className={`${showPrev ? 'block' : 'hidden'} dark:text-white relative w-full flex-1 h-14 flex items-center transition-all duration-200 justify-center py-2 px-2 bg-white dark:bg-[#1e1e1e] border rounded-xl cursor-pointer`}>
           {locale.PAGINATION.PREV}
-        </Link>
+        </SmartLink>
 
         {showPrev && showNext && <div className='w-12'></div>}
 
         {/* 下一页 */}
-        <Link
+        <SmartLink
           href={{
             pathname: `${pagePrefix}/page/${currentPage + 1}`,
             query: router.query.s ? { s: router.query.s } : {}
@@ -130,7 +130,7 @@ const PaginationNumber = ({ page, totalPage }) => {
           rel='next'
           className={`${+showNext ? 'block' : 'hidden'} dark:text-white relative w-full flex-1 h-14 flex items-center transition-all duration-200 justify-center py-2 px-2 bg-white dark:bg-[#1e1e1e] border rounded-xl cursor-pointer`}>
           {locale.PAGINATION.NEXT}
-        </Link>
+        </SmartLink>
       </div>
     </>
   )
@@ -149,7 +149,7 @@ function getPageElement(page, currentPage, pagePrefix) {
     return <></>
   }
   return (
-    <Link
+    <SmartLink
       href={page === 1 ? `${pagePrefix}/` : `${pagePrefix}/page/${page}`}
       key={page}
       passHref
@@ -160,7 +160,7 @@ function getPageElement(page, currentPage, pagePrefix) {
         ' hover:border-indigo-600 dark:hover:bg-yellow-600 dark:border-gray-600 px-4 border py-2 rounded-lg drop-shadow-sm duration-200 transition-colors'
       }>
       {page}
-    </Link>
+    </SmartLink>
   )
 }
 
diff --git a/themes/photo/components/PostItemCard.js b/themes/photo/components/PostItemCard.js
index 41b57f5b..ec384a35 100644
--- a/themes/photo/components/PostItemCard.js
+++ b/themes/photo/components/PostItemCard.js
@@ -3,7 +3,7 @@ import NotionIcon from '@/components/NotionIcon'
 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'
 
 /**
  * 普通的博客卡牌
@@ -25,7 +25,7 @@ const PostItemCard = ({ post, className }) => {
         </div>
 
         <div className='text-center'>
-          <Link
+          <SmartLink
             href={post?.href}
             passHref
             className={
@@ -37,15 +37,15 @@ const PostItemCard = ({ post, className }) => {
               )}
               {post?.title}
             </h2>
-          </Link>
+          </SmartLink>
 
           {/* 发布日期 */}
-          <Link
+          <SmartLink
             className='text-sm'
             href={`/archive#${formatDateFmt(post?.publishDate, 'yyyy-MM')}`}
             passHref>
             {formatDateFmt(post?.publishDate, 'yyyy-MM')}
-          </Link>
+          </SmartLink>
         </div>
       </div>
     </div>
diff --git a/themes/photo/components/SideBar.js b/themes/photo/components/SideBar.js
index ea0531b7..70970f3a 100644
--- a/themes/photo/components/SideBar.js
+++ b/themes/photo/components/SideBar.js
@@ -1,7 +1,7 @@
 import { siteConfig } from '@/lib/config'
 import Live2D from '@/components/Live2D'
 import { useGlobal } from '@/lib/global'
-import Link from 'next/link'
+import SmartLink from '@/components/SmartLink'
 import dynamic from 'next/dynamic'
 import Announcement from './Announcement'
 const ExampleRecentComments = dynamic(() => import('./ExampleRecentComments'))
@@ -19,13 +19,13 @@ export const SideBar = (props) => {
                     <ul className="list-reset leading-normal">
                         {categoryOptions?.map(category => {
                           return (
-                              <Link
+                              <SmartLink
                                   key={category.name}
                                   href={`/category/${category.name}`}
                                   passHref
                                   legacyBehavior>
                                     <li>  <a href={`/category/${category.name}`} className="text-gray-darkest text-sm">{category.name}({category.count})</a></li>
-                                </Link>
+                                </SmartLink>
                           )
                         })}
                     </ul>
@@ -40,9 +40,9 @@ export const SideBar = (props) => {
                     <ul className="list-reset leading-normal">
                         {latestPosts?.map(p => {
                           return (
-                              <Link key={p.id} href={`/${p.slug}`} passHref legacyBehavior>
+                              <SmartLink key={p.id} href={`/${p.slug}`} passHref legacyBehavior>
                                     <li>  <a href={`/${p.slug}`} className="text-gray-darkest text-sm">{p.title}</a></li>
-                                </Link>
+                                </SmartLink>
                           )
                         })}
                     </ul>
diff --git a/themes/photo/components/TagGroups.js b/themes/photo/components/TagGroups.js
index 597cddc1..68464cf3 100644
--- a/themes/photo/components/TagGroups.js
+++ b/themes/photo/components/TagGroups.js
@@ -1,5 +1,5 @@
 import { useGlobal } from '@/lib/global'
-import Link from 'next/link'
+import SmartLink from '@/components/SmartLink'
 import { useRouter } from 'next/router'
 
 /**
@@ -22,7 +22,7 @@ const TagGroups = ({ tagOptions, className }) => {
         {tagOptions.map((tag, index) => {
           const selected = currentTag === tag.name
           return (
-            <Link
+            <SmartLink
               passHref
               key={index}
               href={`/tag/${encodeURIComponent(tag.name)}`}
@@ -40,7 +40,7 @@ const TagGroups = ({ tagOptions, className }) => {
                   <></>
                 )}
               </div>
-            </Link>
+            </SmartLink>
           )
         })}
       </div>
diff --git a/themes/photo/components/TagItem.js b/themes/photo/components/TagItem.js
index c608c8cb..2de99f65 100644
--- a/themes/photo/components/TagItem.js
+++ b/themes/photo/components/TagItem.js
@@ -1,4 +1,4 @@
-import Link from 'next/link'
+import SmartLink from '@/components/SmartLink'
 
 /**
  * 标签
@@ -8,7 +8,7 @@ import Link from 'next/link'
 export default function TagItem({ tag }) {
   return (
     <div key={tag.name} className="p-2">
-      <Link
+      <SmartLink
         key={tag}
         href={`/tag/${encodeURIComponent(tag.name)}`}
         passHref
@@ -17,7 +17,7 @@ export default function TagItem({ tag }) {
         <div className="font-light hover:scale-105 transition-all duration-200 text-xl dark:text-green-500 hover:bg-gray-100 dark:hover:bg-hexo-black-gray p-2">
           {tag.name + (tag.count ? `(${tag.count})` : '')}{' '}
         </div>
-      </Link>
+      </SmartLink>
     </div>
   )
 }
diff --git a/themes/photo/components/TagItemMini.js b/themes/photo/components/TagItemMini.js
index a4b7da1c..a60a3c65 100644
--- a/themes/photo/components/TagItemMini.js
+++ b/themes/photo/components/TagItemMini.js
@@ -1,8 +1,8 @@
-import Link from 'next/link'
+import SmartLink from '@/components/SmartLink'
 
 const TagItemMini = ({ tag, selected = false }) => {
   return (
-    <Link
+    <SmartLink
       key={tag}
       href={selected ? '/' : `/tag/${encodeURIComponent(tag.name)}`}
       passHref
@@ -12,7 +12,7 @@ const TagItemMini = ({ tag, selected = false }) => {
         {selected && <i className="mr-1 fa-tag" />}{' '}
         {tag.name + (tag.count ? `(${tag.count})` : '')}{' '}
       </div>
-    </Link>
+    </SmartLink>
   )
 }
 
diff --git a/themes/plog/components/BlogArchiveItem.js b/themes/plog/components/BlogArchiveItem.js
index 4a92959e..7a010961 100644
--- a/themes/plog/components/BlogArchiveItem.js
+++ b/themes/plog/components/BlogArchiveItem.js
@@ -1,4 +1,4 @@
-import Link from 'next/link'
+import SmartLink from '@/components/SmartLink'
 
 /**
  * 归档分组文章
@@ -21,12 +21,12 @@ export default function BlogArchiveItem({ archiveTitle, archivePosts }) {
               <div id={post?.publishDay}>
                 <span className='text-gray-400'>{post.date?.start_date}</span>{' '}
                 &nbsp;
-                <Link
+                <SmartLink
                   href={post?.href}
                   passHref
                   className='dark:text-gray-400  dark:hover:text-gray-300 overflow-x-hidden hover:underline cursor-pointer text-gray-600'>
                   {post.title}
-                </Link>
+                </SmartLink>
               </div>
             </li>
           )
diff --git a/themes/plog/components/BlogListPage.js b/themes/plog/components/BlogListPage.js
index 658c2377..3df17a45 100644
--- a/themes/plog/components/BlogListPage.js
+++ b/themes/plog/components/BlogListPage.js
@@ -1,6 +1,6 @@
 import { siteConfig } from '@/lib/config'
 import { useGlobal } from '@/lib/global'
-import Link from 'next/link'
+import SmartLink from '@/components/SmartLink'
 import { useRouter } from 'next/router'
 import { useEffect, useRef } from 'react'
 import BlogPost from './BlogPost'
@@ -64,7 +64,7 @@ export const BlogListPage = props => {
       </div>
 
       <div className='flex justify-between text-xs'>
-        <Link
+        <SmartLink
           href={{
             pathname:
               currentPage - 1 === 1
@@ -76,8 +76,8 @@ export const BlogListPage = props => {
           <button rel='prev' className='block cursor-pointer'>
             ← {locale.PAGINATION.PREV}
           </button>
-        </Link>
-        <Link
+        </SmartLink>
+        <SmartLink
           href={{
             pathname: `${pagePrefix}/page/${currentPage + 1}`,
             query: router.query.s ? { s: router.query.s } : {}
@@ -86,7 +86,7 @@ export const BlogListPage = props => {
           <button rel='next' className='block cursor-pointer'>
             {locale.PAGINATION.NEXT} →
           </button>
-        </Link>
+        </SmartLink>
       </div>
     </div>
   )
diff --git a/themes/plog/components/BlogListScroll.js b/themes/plog/components/BlogListScroll.js
index 6410338d..457601e2 100644
--- a/themes/plog/components/BlogListScroll.js
+++ b/themes/plog/components/BlogListScroll.js
@@ -1,7 +1,7 @@
 import { siteConfig } from '@/lib/config'
 import { useGlobal } from '@/lib/global'
 import throttle from 'lodash.throttle'
-import Link from 'next/link'
+import SmartLink from '@/components/SmartLink'
 import { useCallback, useEffect, useRef, useState } from 'react'
 
 export const BlogListScroll = props => {
@@ -59,11 +59,11 @@ export const BlogListScroll = props => {
       {postsToShow.map(p => (
         <article key={p.id} className='mb-12'>
           <h2 className='mb-4'>
-            <Link
+            <SmartLink
               href={`/${p.slug}`}
               className='text-black text-xl md:text-2xl no-underline hover:underline'>
               {p.title}
-            </Link>
+            </SmartLink>
           </h2>
 
           <div className='mb-4 text-sm text-gray-700'>
diff --git a/themes/plog/components/BlogPost.js b/themes/plog/components/BlogPost.js
index d2058008..ce8dd56b 100644
--- a/themes/plog/components/BlogPost.js
+++ b/themes/plog/components/BlogPost.js
@@ -1,5 +1,5 @@
 import { compressImage } from '@/lib/notion/mapImage'
-import Link from 'next/link'
+import SmartLink from '@/components/SmartLink'
 import { usePlogGlobal } from '..'
 import { isMobile } from '@/lib/utils'
 import LazyImage from '@/components/LazyImage'
@@ -42,9 +42,9 @@ const BlogPost = (props) => {
                 {siteConfig('POST_TITLE_ICON') && <NotionIcon icon={post.pageIcon} />} {post?.title}
             </h2>
             {post?.category && <div className='text-xs rounded-lg absolute left-0 top-0 m-4 px-2 py-1 bg-gray-200 dark:bg-black dark:bg-opacity-25 hover:bg-blue-700 hover:text-white duration-200'>
-                <Link href={`/category/${post?.category}`}>
+                <SmartLink href={`/category/${post?.category}`}>
                 {post?.category}
-                </Link>
+                </SmartLink>
             </div>}
 
         </article>
diff --git a/themes/plog/components/ExampleRecentComments.js b/themes/plog/components/ExampleRecentComments.js
index 055a2e38..02bd85a7 100644
--- a/themes/plog/components/ExampleRecentComments.js
+++ b/themes/plog/components/ExampleRecentComments.js
@@ -1,5 +1,5 @@
 import { useEffect, useState } from 'react'
-import Link from 'next/link'
+import SmartLink from '@/components/SmartLink'
 import { RecentComments } from '@waline/client'
 import { siteConfig } from '@/lib/config'
 
@@ -26,7 +26,7 @@ const ExampleRecentComments = (props) => {
         {!onLoading && comments && comments.length === 0 && <div>No Comments</div>}
         {!onLoading && comments && comments.length > 0 && comments.map((comment) => <div key={comment.objectId} className='pb-2'>
             <div className='dark:text-gray-300 text-gray-600 text-xs waline-recent-content wl-content' dangerouslySetInnerHTML={{ __html: comment.comment }} />
-            <div className='dark:text-gray-400 text-gray-400  text-sm text-right cursor-pointer hover:text-red-500 hover:underline pt-1'><Link href={{ pathname: comment.url, hash: comment.objectId, query: { target: 'comment' } }}>--{comment.nick}</Link></div>
+            <div className='dark:text-gray-400 text-gray-400  text-sm text-right cursor-pointer hover:text-red-500 hover:underline pt-1'><SmartLink href={{ pathname: comment.url, hash: comment.objectId, query: { target: 'comment' } }}>--{comment.nick}</SmartLink></div>
         </div>)}
 
   </>
diff --git a/themes/plog/components/LogoBar.js b/themes/plog/components/LogoBar.js
index 46dd8555..1507b79d 100644
--- a/themes/plog/components/LogoBar.js
+++ b/themes/plog/components/LogoBar.js
@@ -1,5 +1,5 @@
 import LazyImage from '@/components/LazyImage'
-import Link from 'next/link'
+import SmartLink from '@/components/SmartLink'
 import CONFIG from '../config'
 import { SvgIcon } from './SvgIcon'
 import { siteConfig } from '@/lib/config'
@@ -13,24 +13,24 @@ export default function LogoBar(props) {
   const { navBarTitle, siteInfo } = props
 
   return <div className="flex items-center">
-    <Link href="/" aria-label={siteConfig('title')}>
+    <SmartLink href="/" aria-label={siteConfig('title')}>
         <div className="h-6 w-6">
             {siteConfig('NOBELIUM_NAV_NOTION_ICON', null, CONFIG)
               ? <LazyImage src={siteInfo?.icon} className='rounded-full' width={24} height={24} alt={siteConfig('AUTHOR')} />
               : <SvgIcon />}
         </div>
-    </Link>
+    </SmartLink>
     {navBarTitle
       ? (
-            <Link href="/" aria-label={siteConfig('title')}>
+            <SmartLink href="/" aria-label={siteConfig('title')}>
                 <p className="ml-2 font-medium text-gray-800 dark:text-gray-300 header-name">
                     {navBarTitle}
                 </p>
-            </Link>
+            </SmartLink>
         )
       : (
             <p className="ml-2 font-medium text-gray-800 dark:text-gray-300 header-name">
-                <Link href="/" aria-label={siteConfig('TITLE')}> {siteConfig('TITLE')}</Link>
+                <SmartLink href="/" aria-label={siteConfig('TITLE')}> {siteConfig('TITLE')}</SmartLink>
                 {' '}<span className="font-normal text-sm text-gray-00 dark:text-gray-400">{siteConfig('DESCRIPTION')}</span>
             </p>
         )}
diff --git a/themes/plog/components/MenuItemCollapse.js b/themes/plog/components/MenuItemCollapse.js
index f70ed8d1..d7fd1993 100644
--- a/themes/plog/components/MenuItemCollapse.js
+++ b/themes/plog/components/MenuItemCollapse.js
@@ -1,5 +1,5 @@
 import Collapse from '@/components/Collapse'
-import Link from 'next/link'
+import SmartLink from '@/components/SmartLink'
 import { useState } from 'react'
 
 /**
@@ -32,7 +32,7 @@ export const MenuItemCollapse = props => {
         className='w-full px-4 py-2 text-left dark:bg-hexo-black-gray dark:border-black'
         onClick={toggleShow}>
         {!hasSubMenu && (
-          <Link
+          <SmartLink
             href={link?.href}
             target={link?.target}
             className='font-extralight  flex justify-between pl-2 pr-4 dark:text-gray-200 no-underline tracking-widest pb-1'>
@@ -44,7 +44,7 @@ export const MenuItemCollapse = props => {
               )}
               {link?.name}
             </span>
-          </Link>
+          </SmartLink>
         )}
         {hasSubMenu && (
           <div
@@ -71,9 +71,9 @@ export const MenuItemCollapse = props => {
               <div
                 key={index}
                 className='font-extralight dark:bg-black text-left px-10 justify-start  bg-gray-50 hover:bg-gray-50 dark:hover:bg-gray-900 tracking-widest transition-all duration-200 border-b dark:border-gray-800 py-3 pr-6'>
-                <Link href={sLink.href} target={link?.target}>
+                <SmartLink href={sLink.href} target={link?.target}>
                   <span className='text-xs'>{sLink.title}</span>
-                </Link>
+                </SmartLink>
               </div>
             )
           })}
diff --git a/themes/plog/components/MenuItemDrop.js b/themes/plog/components/MenuItemDrop.js
index 8b2af918..7f72d91a 100644
--- a/themes/plog/components/MenuItemDrop.js
+++ b/themes/plog/components/MenuItemDrop.js
@@ -1,4 +1,4 @@
-import Link from 'next/link'
+import SmartLink from '@/components/SmartLink'
 import { useState } from 'react'
 
 export const MenuItemDrop = ({ link }) => {
@@ -16,9 +16,9 @@ export const MenuItemDrop = ({ link }) => {
       onMouseLeave={() => changeShow(false)}>
       {!hasSubMenu && (
         <div className='block text-black dark:text-gray-50 nav'>
-          <Link href={link?.href} target={link?.target}>
+          <SmartLink href={link?.href} target={link?.target}>
             {link?.icon && <i className={link?.icon} />} {link?.name}
-          </Link>
+          </SmartLink>
         </div>
       )}
 
@@ -39,12 +39,12 @@ export const MenuItemDrop = ({ link }) => {
               <li
                 key={index}
                 className='text-gray-700 dark:text-gray-200  hover:bg-gray-50 dark:hover:bg-gray-900 tracking-widest transition-all duration-200  dark:border-gray-800 py-3 pr-6 pl-3'>
-                <Link href={sLink.href} target={link?.target}>
+                <SmartLink href={sLink.href} target={link?.target}>
                   <span className='text-sm text-nowrap font-extralight'>
                     {link?.icon && <i className={sLink?.icon}> &nbsp; </i>}
                     {sLink.title}
                   </span>
-                </Link>
+                </SmartLink>
               </li>
             )
           })}
diff --git a/themes/plog/components/Modal.js b/themes/plog/components/Modal.js
index ba70b50c..6b492df1 100644
--- a/themes/plog/components/Modal.js
+++ b/themes/plog/components/Modal.js
@@ -2,7 +2,7 @@ import { ArrowPath, ChevronLeft, ChevronRight } from '@/components/HeroIcons'
 import LazyImage from '@/components/LazyImage'
 import { compressImage } from '@/lib/notion/mapImage'
 import { Dialog, Transition } from '@headlessui/react'
-import Link from 'next/link'
+import SmartLink from '@/components/SmartLink'
 import { Fragment, useRef, useState } from 'react'
 import { usePlogGlobal } from '..'
 
@@ -105,7 +105,7 @@ export default function Modal(props) {
 
                 {/* </div> */}
 
-                <Link href={modalContent?.href}>
+                <SmartLink href={modalContent?.href}>
                   <LazyImage
                     onLoad={handleImageLoad}
                     placeholderSrc={thumbnail}
@@ -113,7 +113,7 @@ export default function Modal(props) {
                     ref={imgRef}
                     className={`w-full select-none max-w-7xl max-h-[90vh] shadow-xl  animate__animated animate__fadeIn'`}
                   />
-                </Link>
+                </SmartLink>
 
                 <>
                   <div className='absolute bottom-0 left-0 m-4 z-20'>
@@ -134,11 +134,11 @@ export default function Modal(props) {
 
                     {modalContent?.category && (
                       <div className='flex'>
-                        <Link
+                        <SmartLink
                           href={`/category/${modalContent?.category}`}
                           className='text-xs rounded-lg mt-3 px-2 py-1 bg-black bg-opacity-20 text-white hover:bg-blue-700 hover:text-white duration-200'>
                           {modalContent?.category}
-                        </Link>
+                        </SmartLink>
                       </div>
                     )}
                   </div>
diff --git a/themes/plog/components/Nav.js b/themes/plog/components/Nav.js
index 854667d6..b41ef79d 100644
--- a/themes/plog/components/Nav.js
+++ b/themes/plog/components/Nav.js
@@ -2,7 +2,7 @@ import Collapse from '@/components/Collapse'
 import LazyImage from '@/components/LazyImage'
 import { siteConfig } from '@/lib/config'
 import { useGlobal } from '@/lib/global'
-import Link from 'next/link'
+import SmartLink from '@/components/SmartLink'
 import { useRef, useState } from 'react'
 import CONFIG from '../config'
 import { MenuItemCollapse } from './MenuItemCollapse'
@@ -21,7 +21,7 @@ const Header = props => {
         className={`sticky-nav m-auto w-full h-6 flex flex-row justify-between items-center mb-2 md:mb-12 py-8  glassmorphism ${
           !fullWidth ? 'max-w-3xl px-4' : 'px-4 md:px-24'
         }`}>
-        <Link
+        <SmartLink
           href='/'
           aria-label={siteConfig('title')}
           className='flex items-center'>
@@ -44,7 +44,7 @@ const Header = props => {
               {/* ,{' '}<span className="font-normal">{siteConfig('HOME_BANNER_IMAGE')}</span> */}
             </p>
           </>
-        </Link>
+        </SmartLink>
 
         <NavBar {...props} />
       </div>
diff --git a/themes/plog/components/SideBar.js b/themes/plog/components/SideBar.js
index 2779a64d..ce399bac 100644
--- a/themes/plog/components/SideBar.js
+++ b/themes/plog/components/SideBar.js
@@ -1,6 +1,6 @@
 import Live2D from '@/components/Live2D'
 import { useGlobal } from '@/lib/global'
-import Link from 'next/link'
+import SmartLink from '@/components/SmartLink'
 import dynamic from 'next/dynamic'
 import { siteConfig } from '@/lib/config'
 
@@ -19,13 +19,13 @@ export const SideBar = (props) => {
                     <ul className="list-reset leading-normal">
                         {categories?.map(category => {
                           return (
-                              <Link
+                              <SmartLink
                                   key={category.name}
                                   href={`/category/${category.name}`}
                                   passHref
                                   legacyBehavior>
                                     <li>  <a href="#" className="text-gray-darkest text-sm">{category.name}({category.count})</a></li>
-                                </Link>
+                                </SmartLink>
                           );
                         })}
                     </ul>
@@ -40,9 +40,9 @@ export const SideBar = (props) => {
                     <ul className="list-reset leading-normal">
                         {latestPosts?.map(p => {
                           return (
-                              <Link key={p.id} href={`/${p.slug}`} passHref legacyBehavior>
+                              <SmartLink key={p.id} href={`/${p.slug}`} passHref legacyBehavior>
                                     <li>  <a href="#" className="text-gray-darkest text-sm">{p.title}</a></li>
-                                </Link>
+                                </SmartLink>
                           );
                         })}
                     </ul>
diff --git a/themes/plog/components/TagItem.js b/themes/plog/components/TagItem.js
index 6c385b9b..711d4fee 100644
--- a/themes/plog/components/TagItem.js
+++ b/themes/plog/components/TagItem.js
@@ -1,13 +1,13 @@
-import Link from 'next/link'
+import SmartLink from '@/components/SmartLink'
 
 const TagItem = ({ tag }) => (
-  (<Link href={`/tag/${encodeURIComponent(tag)}`}>
+  (<SmartLink href={`/tag/${encodeURIComponent(tag)}`}>
 
     <p className="mr-1 rounded-full px-2 py-1 border leading-none text-sm dark:border-gray-600">
       {tag}
     </p>
 
-  </Link>)
+  </SmartLink>)
 )
 
 export default TagItem
diff --git a/themes/plog/components/Tags.js b/themes/plog/components/Tags.js
index bdab3ee5..db94dd93 100644
--- a/themes/plog/components/Tags.js
+++ b/themes/plog/components/Tags.js
@@ -1,4 +1,4 @@
-import Link from 'next/link'
+import SmartLink from '@/components/SmartLink'
 
 const Tags = props => {
   const { tagOptions, tag } = props
@@ -19,14 +19,14 @@ const Tags = props => {
                   : 'bg-gray-100 border-gray-100 text-gray-400 dark:bg-night dark:border-gray-800'
               }`}
             >
-              <Link
+              <SmartLink
                 key={tag.id}
                 href={selected ? '/search' : `/tag/${encodeURIComponent(tag.name)}`}
                 className="px-4 py-2 block">
 
                 {`${tag.name} (${tag.count})`}
 
-              </Link>
+              </SmartLink>
             </li>
           )
         })}
diff --git a/themes/plog/index.js b/themes/plog/index.js
index 3c9c7d62..721ae4ea 100644
--- a/themes/plog/index.js
+++ b/themes/plog/index.js
@@ -6,7 +6,7 @@ import { siteConfig } from '@/lib/config'
 import { useGlobal } from '@/lib/global'
 import { isBrowser } from '@/lib/utils'
 import { Transition } from '@headlessui/react'
-import Link from 'next/link'
+import SmartLink from '@/components/SmartLink'
 import { useRouter } from 'next/router'
 import { createContext, useContext, useEffect, useState } from 'react'
 import { ArticleFooter } from './components/ArticleFooter'
@@ -260,7 +260,7 @@ const LayoutCategoryIndex = props => {
       <div id='category-list' className='duration-200 flex flex-wrap'>
         {categoryOptions?.map(category => {
           return (
-            <Link
+            <SmartLink
               key={category.name}
               href={`/category/${category.name}`}
               passHref
@@ -272,7 +272,7 @@ const LayoutCategoryIndex = props => {
                 <i className='mr-4 fas fa-folder' />
                 {category.name}({category.count})
               </div>
-            </Link>
+            </SmartLink>
           )
         })}
       </div>
@@ -294,7 +294,7 @@ const LayoutTagIndex = props => {
           {tagOptions.map(tag => {
             return (
               <div key={tag.name} className='p-2'>
-                <Link
+                <SmartLink
                   key={tag}
                   href={`/tag/${encodeURIComponent(tag.name)}`}
                   passHref
@@ -303,7 +303,7 @@ const LayoutTagIndex = props => {
                     <i className='mr-1 fas fa-tag' />{' '}
                     {tag.name + (tag.count ? `(${tag.count})` : '')}{' '}
                   </div>
-                </Link>
+                </SmartLink>
               </div>
             )
           })}
diff --git a/themes/proxio/components/Blog.js b/themes/proxio/components/Blog.js
index 6476e14a..5fd92edb 100644
--- a/themes/proxio/components/Blog.js
+++ b/themes/proxio/components/Blog.js
@@ -1,7 +1,7 @@
 /* eslint-disable @next/next/no-img-element */
 import LazyImage from '@/components/LazyImage'
 import { siteConfig } from '@/lib/config'
-import Link from 'next/link'
+import SmartLink from '@/components/SmartLink'
 
 /**
  * 博文列表
@@ -69,7 +69,7 @@ export const Blog = ({ posts }) => {
                     className='wow fadeInUp group mb-10 relative overflow-hidden blog'
                     data-wow-delay='.1s'>
                     <div className='relative rounded-xl border overflow-hidden shadow-md dark:border-gray-700 dark:bg-gray-800'>
-                      <Link href={item?.href} className='block'>
+                      <SmartLink href={item?.href} className='block'>
                         {item.pageCoverThumbnail && (
                           // 图片半透明
                           <LazyImage
@@ -92,7 +92,7 @@ export const Blog = ({ posts }) => {
                             className='absolute max-h-full object-cover'
                           />
                         </div>
-                      </Link>
+                      </SmartLink>
                     </div>
                     {/* 内容部分 */}
                     <div className='relative z-10 p-4'>
@@ -100,11 +100,11 @@ export const Blog = ({ posts }) => {
                         {item.publishDay}
                       </span>
                       <h3>
-                        <Link
+                        <SmartLink
                           href={item?.href}
                           className='mb-4 inline-block text-xl font-semibold text-dark hover:text-primary dark:text-white dark:hover:text-primary sm:text-2xl lg:text-xl xl:text-2xl'>
                           {item.title}
-                        </Link>
+                        </SmartLink>
                       </h3>
                     </div>
                   </div>
diff --git a/themes/proxio/components/CTA.js b/themes/proxio/components/CTA.js
index ce980329..88b8062d 100644
--- a/themes/proxio/components/CTA.js
+++ b/themes/proxio/components/CTA.js
@@ -1,5 +1,5 @@
 import { siteConfig } from '@/lib/config'
-import Link from 'next/link'
+import SmartLink from '@/components/SmartLink'
 
 /**
  * CTA，用于创建一个呼吁用户行动的部分（Call To Action，简称 CTA）。
@@ -36,11 +36,11 @@ export const CTA = () => {
                   </p>
                   {siteConfig('PROXIO_CTA_BUTTON') && (
                     <>
-                      <Link
+                      <SmartLink
                         href={siteConfig('PROXIO_CTA_BUTTON_URL', '')}
                         className='inline-flex items-center justify-center rounded-2xl bg-white px-7 py-[14px] text-center text-base font-medium text-dark shadow-1 transition duration-300 ease-in-out hover:bg-gray-2'>
                         {siteConfig('PROXIO_CTA_BUTTON_TEXT')}
-                      </Link>
+                      </SmartLink>
                     </>
                   )}
                 </div>
diff --git a/themes/proxio/components/Career.js b/themes/proxio/components/Career.js
index 162abb40..88c1c129 100644
--- a/themes/proxio/components/Career.js
+++ b/themes/proxio/components/Career.js
@@ -1,7 +1,7 @@
 /* eslint-disable @next/next/no-img-element */
 /* eslint-disable react/no-unescaped-entities */
 import { siteConfig } from '@/lib/config'
-import Link from 'next/link'
+import SmartLink from '@/components/SmartLink'
 
 /**
  * 首页的生涯模块
diff --git a/themes/proxio/components/Features.js b/themes/proxio/components/Features.js
index 6f932fd6..e17ccda2 100644
--- a/themes/proxio/components/Features.js
+++ b/themes/proxio/components/Features.js
@@ -3,7 +3,7 @@ import { SVGDesign } from './svg/SVGDesign'
 import { SVGEssential } from './svg/SVGEssential'
 import { SVGGifts } from './svg/SVGGifts'
 import { SVGTemplate } from './svg/SVGTemplate'
-import Link from 'next/link'
+import SmartLink from '@/components/SmartLink'
 import LazyImage from '@/components/LazyImage'
 /**
  * 产品特性相关，将显示在首页中
@@ -88,12 +88,12 @@ export const Features = () => {
           </div>
 
           <div className='mt-8 w-full flex justify-center items-center'>
-            <Link
+            <SmartLink
               href={siteConfig('PROXIO_FEATURE_BUTTON_URL', '')}
               className='px-4 py-2 rounded-3xl border dark:border-gray-200 border-[#333333] text-base font-medium text-dark hover:bg-gray-100 dark:text-white dark:hover:bg-white dark:hover:text-black duration-200'>
               {siteConfig('PROXIO_FEATURE_BUTTON_TEXT')}
               <i className="pl-4 fa-solid fa-arrow-right"></i>
-            </Link>
+            </SmartLink>
           </div>
         </div>
       </section>
diff --git a/themes/proxio/components/Footer.js b/themes/proxio/components/Footer.js
index 383d7894..0e7e6b5c 100644
--- a/themes/proxio/components/Footer.js
+++ b/themes/proxio/components/Footer.js
@@ -7,7 +7,7 @@ import LazyImage from '@/components/LazyImage'
 import PoweredBy from '@/components/PoweredBy'
 import { siteConfig } from '@/lib/config'
 import { useGlobal } from '@/lib/global'
-import Link from 'next/link'
+import SmartLink from '@/components/SmartLink'
 import CONFIG from '../config'
 import SocialButton from './SocialButton'
 
@@ -55,9 +55,9 @@ export const Footer = ({ title }) => {
                     {group?.menus?.map((menu, index) => {
                       return (
                         <div key={index}>
-                          <Link href={menu.href} className='hover:underline dark:text-gray-200'>
+                          <SmartLink href={menu.href} className='hover:underline dark:text-gray-200'>
                             {menu.title}
-                          </Link>
+                          </SmartLink>
                         </div>
                       )
                     })}
diff --git a/themes/proxio/components/Header.js b/themes/proxio/components/Header.js
index ed8ca5b4..09f6e5f4 100644
--- a/themes/proxio/components/Header.js
+++ b/themes/proxio/components/Header.js
@@ -4,7 +4,7 @@ import { siteConfig } from '@/lib/config'
 import { useGlobal } from '@/lib/global'
 import { SignedIn, SignedOut, UserButton } from '@clerk/nextjs'
 import throttle from 'lodash.throttle'
-import Link from 'next/link'
+import SmartLink from '@/components/SmartLink'
 import { useRouter } from 'next/router'
 import { useCallback, useEffect, useState } from 'react'
 import { DarkModeButton } from './DarkModeButton'
diff --git a/themes/proxio/components/Hero.js b/themes/proxio/components/Hero.js
index 580ca70a..741db77d 100644
--- a/themes/proxio/components/Hero.js
+++ b/themes/proxio/components/Hero.js
@@ -2,7 +2,7 @@
 import LazyImage from '@/components/LazyImage'
 import { siteConfig } from '@/lib/config'
 import CONFIG from '../config'
-import Link from 'next/link'
+import SmartLink from '@/components/SmartLink'
 
 /**
  * 英雄大图区块
@@ -52,11 +52,11 @@ export const Hero = props => {
                             <ul className='mb-10 flex flex-wrap items-center justify-center gap-5'>
                                 {siteConfig('PROXIO_HERO_BUTTON_1_TEXT', null, config) && (
                                     <li>
-                                        <Link
+                                        <SmartLink
                                             href={siteConfig('PROXIO_HERO_BUTTON_1_URL', '')}
                                             className='inline-flex items-center justify-center rounded-2xl bg-white px-7 py-[14px] text-center text-base font-medium text-dark shadow-1 transition duration-300 ease-in-out hover:bg-gray-2'>
                                             {siteConfig('PROXIO_HERO_BUTTON_1_TEXT', null, config)}
-                                        </Link>
+                                        </SmartLink>
                                     </li>
                                 )}
 
diff --git a/themes/proxio/components/MenuItem.js b/themes/proxio/components/MenuItem.js
index ea2919ef..484bbb15 100644
--- a/themes/proxio/components/MenuItem.js
+++ b/themes/proxio/components/MenuItem.js
@@ -1,4 +1,4 @@
-import Link from 'next/link'
+import SmartLink from '@/components/SmartLink'
 import { useRouter } from 'next/router'
 import { useState } from 'react'
 
@@ -23,7 +23,7 @@ export const MenuItem = ({ link }) => {
       {/* 普通 MenuItem */}
       {!hasSubMenu && (
         <li className='group relative whitespace-nowrap'>
-          <Link
+          <SmartLink
             href={link?.href}
             target={link?.target}
             className={`ud-menu-scroll mx-8 flex py-2 text-sm font-medium text-dark group-hover:text-primary dark:text-white lg:mr-0 lg:inline-flex lg:px-0 lg:py-6 ${
@@ -33,7 +33,7 @@ export const MenuItem = ({ link }) => {
             } lg:group-hover:opacity-70`}>
             {link?.icon && <i className={link.icon + ' mr-2 my-auto'} />}
             {link?.name}
-          </Link>
+          </SmartLink>
         </li>
       )}
 
@@ -71,7 +71,7 @@ export const MenuItem = ({ link }) => {
                 : 'hidden opacity-0 invisible'
             }`}>
             {link.subMenus.map((sLink, index) => (
-              <Link
+              <SmartLink
                 key={index}
                 href={sLink.href}
                 target={link?.target}
@@ -81,7 +81,7 @@ export const MenuItem = ({ link }) => {
                   {link?.icon && <i className={sLink.icon + ' mr-2 my-auto'} />}{' '}
                   {sLink.title}
                 </span>
-              </Link>
+              </SmartLink>
             ))}
           </div>
         </li>
diff --git a/themes/proxio/components/Pricing.js b/themes/proxio/components/Pricing.js
index c5800931..85be1d7b 100644
--- a/themes/proxio/components/Pricing.js
+++ b/themes/proxio/components/Pricing.js
@@ -1,5 +1,5 @@
 import { siteConfig } from '@/lib/config'
-import Link from 'next/link'
+import SmartLink from '@/components/SmartLink'
 
 /**
  * 价格板块
@@ -66,11 +66,11 @@ export const Pricing = () => {
                       })}
                   </div>
                 </div>
-                <Link
+                <SmartLink
                   href={siteConfig('PROXIO_PRICING_1_BUTTON_URL', '')}
                   className='inline-block rounded-md bg-primary px-7 py-3 text-center text-base font-medium text-white transition hover:bg-blue-dark'>
                   {siteConfig('PROXIO_PRICING_1_BUTTON_TEXT')}
-                </Link>
+                </SmartLink>
               </div>
             </div>
 
@@ -118,11 +118,11 @@ export const Pricing = () => {
                       })}
                   </div>
                 </div>
-                <Link
+                <SmartLink
                   href={siteConfig('PROXIO_PRICING_2_BUTTON_URL', '')}
                   className='inline-block rounded-md bg-primary px-7 py-3 text-center text-base font-medium text-white transition hover:bg-blue-dark'>
                   {siteConfig('PROXIO_PRICING_2_BUTTON_TEXT')}
-                </Link>
+                </SmartLink>
               </div>
             </div>
 
@@ -162,11 +162,11 @@ export const Pricing = () => {
                       })}
                   </div>
                 </div>
-                <Link
+                <SmartLink
                   href={siteConfig('PROXIO_PRICING_3_BUTTON_URL', '')}
                   className='inline-block rounded-md bg-primary px-7 py-3 text-center text-base font-medium text-white transition hover:bg-blue-dark'>
                   {siteConfig('PROXIO_PRICING_3_BUTTON_TEXT')}
-                </Link>
+                </SmartLink>
               </div>
             </div>
           </div>
diff --git a/themes/proxio/components/Team.js b/themes/proxio/components/Team.js
index 0f013b7a..49222cdf 100644
--- a/themes/proxio/components/Team.js
+++ b/themes/proxio/components/Team.js
@@ -1,7 +1,7 @@
 /* eslint-disable @next/next/no-img-element */
 import { siteConfig } from '@/lib/config'
 import LazyImage from '@/components/LazyImage'
-import Link from 'next/link'
+import SmartLink from '@/components/SmartLink'
 /**
  * 作者团队
  * @returns 
@@ -46,12 +46,12 @@ export const Team = () => {
                             </div>
 
                             <div className='mt-8 w-full flex justify-end py-2'>
-                                <Link
+                                <SmartLink
                                     href={siteConfig('PROXIO_ABOUT_BUTTON_URL', '')}
                                     className='px-4 py-2 rounded-3xl border dark:border-gray-200 border-[#333333] text-base font-medium text-dark hover:bg-gray-100 dark:text-white dark:hover:bg-white dark:hover:text-black duration-200'>
                                     {siteConfig('PROXIO_ABOUT_BUTTON_TEXT')}
                                     <i className="pl-4 fa-solid fa-arrow-right"></i>
-                                </Link>
+                                </SmartLink>
                             </div>
                         </div>
                     </div>
diff --git a/themes/proxio/components/Testimonials.js b/themes/proxio/components/Testimonials.js
index 4a22c3fd..736eaba6 100644
--- a/themes/proxio/components/Testimonials.js
+++ b/themes/proxio/components/Testimonials.js
@@ -1,7 +1,7 @@
 /* eslint-disable react/no-unescaped-entities */
 /* eslint-disable @next/next/no-img-element */
 import { siteConfig } from '@/lib/config'
-import Link from 'next/link'
+import SmartLink from '@/components/SmartLink'
 import { useEffect, useRef } from 'react'
 
 /**
@@ -60,12 +60,12 @@ export const Testimonials = () => {
             </p>
 
             <div className='mt-8 w-full flex justify-start items-center'>
-              <Link
+              <SmartLink
                 href={siteConfig('PROXIO_TESTIMONIALS_BUTTON_URL', '')}
                 className='px-4 py-2 rounded-3xl border dark:border-gray-200 border-[#333333] text-base font-medium text-dark hover:bg-gray-100 dark:text-white dark:hover:bg-white dark:hover:text-black duration-200'>
                 {siteConfig('PROXIO_TESTIMONIALS_BUTTON_TEXT')}
                 <i className="pl-4 fa-solid fa-arrow-right"></i>
-              </Link>
+              </SmartLink>
             </div>
           </div>
 
diff --git a/themes/proxio/index.js b/themes/proxio/index.js
index db25f622..9766ff4f 100644
--- a/themes/proxio/index.js
+++ b/themes/proxio/index.js
@@ -31,7 +31,7 @@ import DashboardHeader from '@/components/ui/dashboard/DashboardHeader'
 import { useGlobal } from '@/lib/global'
 import { loadWowJS } from '@/lib/plugins/wow'
 import { SignIn, SignUp } from '@clerk/nextjs'
-import Link from 'next/link'
+import SmartLink from '@/components/SmartLink'
 import { ArticleLock } from './components/ArticleLock'
 import { Banner } from './components/Banner'
 import { CTA } from './components/CTA'
@@ -106,10 +106,10 @@ const LayoutIndex = props => {
                     <Blog posts={posts} />
                     {/* 更多文章按钮 */}
                     <div className='container mx-auto flex justify-end mb-4'>
-                        <Link className='text-lg underline' href={'/archive'}>
+                        <SmartLink className='text-lg underline' href={'/archive'}>
                             <span>{locale.COMMON.MORE}</span>
                             <i className='ml-2 fas fa-arrow-right' />
-                        </Link>
+                        </SmartLink>
                     </div>
                 </>
             )}
@@ -304,11 +304,11 @@ const Layout404 = props => {
                                 <p className='mb-8 text-base text-body-color dark:text-dark-6'>
                                     {siteConfig('PROXIO_404_TEXT')}
                                 </p>
-                                <Link
+                                <SmartLink
                                     href='/'
                                     className='py-3 text-base font-medium text-white transition rounded-md bg-dark px-7 hover:bg-primary'>
                                     {siteConfig('PROXIO_404_BACK')}
-                                </Link>
+                                </SmartLink>
                             </div>
                         </div>
                     </div>
@@ -364,24 +364,24 @@ const LayoutPostList = props => {
                                         className='wow fadeInUp group mb-10'
                                         data-wow-delay='.1s'>
                                         <div className='mb-8 overflow-hidden rounded-[5px]'>
-                                            <Link href={item?.href} className='block'>
+                                            <SmartLink href={item?.href} className='block'>
                                                 <img
                                                     src={item.pageCoverThumbnail}
                                                     alt={item.title}
                                                     className='w-full transition group-hover:rotate-6 group-hover:scale-125'
                                                 />
-                                            </Link>
+                                            </SmartLink>
                                         </div>
                                         <div>
                                             <span className='mb-6 inline-block rounded-[5px] bg-primary px-4 py-0.5 text-center text-xs font-medium leading-loose text-white'>
                                                 {item.publishDay}
                                             </span>
                                             <h3>
-                                                <Link
+                                                <SmartLink
                                                     href={item?.href}
                                                     className='mb-4 inline-block text-xl font-semibold text-dark hover:text-primary dark:text-white dark:hover:text-primary sm:text-2xl lg:text-xl xl:text-2xl'>
                                                     {item.title}
-                                                </Link>
+                                                </SmartLink>
                                             </h3>
                                             <p className='max-w-[370px] text-base text-body-color dark:text-dark-6'>
                                                 {item.summary}
@@ -417,7 +417,7 @@ const LayoutCategoryIndex = props => {
                     className='duration-200 flex flex-wrap justify-center items-center '>
                     {categoryOptions?.map(category => {
                         return (
-                            <Link
+                            <SmartLink
                                 key={category.name}
                                 href={`/category/${category.name}`}
                                 passHref
@@ -429,7 +429,7 @@ const LayoutCategoryIndex = props => {
                                     <i className='mr-4 fas fa-folder' />
                                     {category.name}({category.count})
                                 </h2>
-                            </Link>
+                            </SmartLink>
                         )
                     })}
                 </div>
@@ -458,7 +458,7 @@ const LayoutTagIndex = props => {
                     {tagOptions.map(tag => {
                         return (
                             <div key={tag.name} className='p-2'>
-                                <Link
+                                <SmartLink
                                     key={tag}
                                     href={`/tag/${encodeURIComponent(tag.name)}`}
                                     passHref
@@ -467,7 +467,7 @@ const LayoutTagIndex = props => {
                                         <i className='mr-1 fas fa-tag' />{' '}
                                         {tag.name + (tag.count ? `(${tag.count})` : '')}{' '}
                                     </div>
-                                </Link>
+                                </SmartLink>
                             </div>
                         )
                     })}
diff --git a/themes/simple/components/ArticleAround.js b/themes/simple/components/ArticleAround.js
index b4cee232..a2f9c7d3 100644
--- a/themes/simple/components/ArticleAround.js
+++ b/themes/simple/components/ArticleAround.js
@@ -1,4 +1,4 @@
-import Link from 'next/link'
+import SmartLink from '@/components/SmartLink'
 
 /**
  * 上一篇，下一篇文章
@@ -11,22 +11,22 @@ export default function ArticleAround({ prev, next }) {
   }
   return (
         <section className='text-gray-800 dark:text-gray-400 h-12 flex items-center justify-between space-x-5 my-4'>
-            {prev && <Link
+            {prev && <SmartLink
                 href={`/${prev.slug}`}
                 passHref
                 className='text-sm cursor-pointer justify-start items-center flex hover:underline duration-300'>
 
                 <i className='mr-1 fas fa-angle-double-left' />{prev.title}
 
-            </Link>}
-            {next && <Link
+            </SmartLink>}
+            {next && <SmartLink
                 href={`/${next.slug}`}
                 passHref
                 className='text-sm cursor-pointer justify-end items-center flex hover:underline duration-300'>
                 {next.title}
                 <i className='ml-1 my-1 fas fa-angle-double-right' />
 
-            </Link>}
+            </SmartLink>}
         </section>
   )
 }
diff --git a/themes/simple/components/ArticleInfo.js b/themes/simple/components/ArticleInfo.js
index e6408566..742aaf00 100644
--- a/themes/simple/components/ArticleInfo.js
+++ b/themes/simple/components/ArticleInfo.js
@@ -1,4 +1,4 @@
-import Link from 'next/link'
+import SmartLink from '@/components/SmartLink'
 import { useGlobal } from '@/lib/global'
 import CONFIG from '../config'
 import { siteConfig } from '@/lib/config'
@@ -28,17 +28,17 @@ export default function ArticleInfo (props) {
                         <span> <i className="fa-regular fa-user"></i> <a href={siteConfig('SIMPLE_AUTHOR_LINK', null, CONFIG)}>{siteConfig('AUTHOR')}</a></span>
                         <span> <i className="fa-regular fa-clock"></i> {post?.publishDay}</span>
                         {post?.category && <span>  <i className="fa-regular fa-folder"></i> <a href={`/category/${post?.category}`} className="hover:text-red-400 transition-all duration-200">{post?.category}</a></span>}
-                        {post?.tags && post?.tags?.length > 0 && post?.tags.map(t => <span key={t}> / <Link href={`/tag/${t}`}><span className=' hover:text-red-400 transition-all duration-200'>{t}</span></Link></span>)}
+                        {post?.tags && post?.tags?.length > 0 && post?.tags.map(t => <span key={t}> / <SmartLink href={`/tag/${t}`}><span className=' hover:text-red-400 transition-all duration-200'>{t}</span></SmartLink></span>)}
                     </div>)}
 
                 {post?.type !== 'Page' && (<div className=''>
                     <span>{locale.COMMON.POST_TIME}:
-                        <Link
+                        <SmartLink
                             href={`/archive#${formatDateFmt(post?.publishDate, 'yyyy-MM')}`}
                             passHref
                             className="pl-1 mr-2 cursor-pointer hover:text-gray-700 dark:hover:text-gray-200 border-b dark:border-gray-500 border-dashed">
                             {post?.publishDay}
-                        </Link>
+                        </SmartLink>
                     </span>
                     <span className='mr-2'>|</span>
                     <span className='mx-2  dark:text-gray-500'>
diff --git a/themes/simple/components/BlogArchiveItem.js b/themes/simple/components/BlogArchiveItem.js
index 4a92959e..7a010961 100644
--- a/themes/simple/components/BlogArchiveItem.js
+++ b/themes/simple/components/BlogArchiveItem.js
@@ -1,4 +1,4 @@
-import Link from 'next/link'
+import SmartLink from '@/components/SmartLink'
 
 /**
  * 归档分组文章
@@ -21,12 +21,12 @@ export default function BlogArchiveItem({ archiveTitle, archivePosts }) {
               <div id={post?.publishDay}>
                 <span className='text-gray-400'>{post.date?.start_date}</span>{' '}
                 &nbsp;
-                <Link
+                <SmartLink
                   href={post?.href}
                   passHref
                   className='dark:text-gray-400  dark:hover:text-gray-300 overflow-x-hidden hover:underline cursor-pointer text-gray-600'>
                   {post.title}
-                </Link>
+                </SmartLink>
               </div>
             </li>
           )
diff --git a/themes/simple/components/BlogItem.js b/themes/simple/components/BlogItem.js
index b5b897d8..b7354fac 100644
--- a/themes/simple/components/BlogItem.js
+++ b/themes/simple/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 => {
@@ -26,26 +26,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='blog-item-title font-bold text-black text-2xl menu-link'>
               {siteConfig('POST_TITLE_ICON') && (
                 <NotionIcon icon={post.pageIcon} />
               )}
               {post.title}
-            </Link>
+            </SmartLink>
           </h2>
 
           {/* 文章信息 */}
@@ -60,12 +60,12 @@ export const BlogItem = props => {
                 </a>
               </span>
               <span>
-                <Link
+                <SmartLink
                   className='p-1 hover:text-red-400 transition-all duration-200'
                   href={`/archive#${formatDateFmt(post?.publishDate, 'yyyy-MM')}`}>
                   <i className='fa-regular fa-clock' />{' '}
                   {post.date?.start_date || post.createdTime}
-                </Link>
+                </SmartLink>
               </span>
               <span>
                 <TwikooCommentCount post={post} />
@@ -74,23 +74,23 @@ export const BlogItem = props => {
 
             <div>
               {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>
@@ -113,12 +113,12 @@ export const BlogItem = props => {
       </div>
 
       <div className='block'>
-        <Link
+        <SmartLink
           href={post.href}
           className='inline-block rounded-sm text-blue-600 dark:text-blue-300  text-xs dark:border-gray-800 border hover:text-red-400 transition-all duration-200 hover:border-red-300 h-9 leading-8 px-5'>
           Continue Reading{' '}
           <i className='fa-solid fa-angle-right align-middle'></i>
-        </Link>
+        </SmartLink>
       </div>
     </div>
   )
diff --git a/themes/simple/components/BlogListPage.js b/themes/simple/components/BlogListPage.js
index f11d2cc2..f4625f57 100644
--- a/themes/simple/components/BlogListPage.js
+++ b/themes/simple/components/BlogListPage.js
@@ -1,7 +1,7 @@
 import { AdSlot } from '@/components/GoogleAdsense'
 import { siteConfig } from '@/lib/config'
 import { useGlobal } from '@/lib/global'
-import Link from 'next/link'
+import SmartLink from '@/components/SmartLink'
 import { useRouter } from 'next/router'
 import CONFIG from '../config'
 import { BlogItem } from './BlogItem'
@@ -49,7 +49,7 @@ export default function BlogListPage(props) {
       </div>
 
       <div className='flex justify-between text-xs mt-1'>
-        <Link
+        <SmartLink
           href={{
             pathname:
               currentPage - 1 === 1
@@ -59,15 +59,15 @@ export default function BlogListPage(props) {
           }}
           className={`${showPrev ? 'text-blue-600 border-b border-blue-400 visible ' : ' invisible bg-gray pointer-events-none '} no-underline pb-1 px-3`}>
           NEWER POSTS <i className='fa-solid fa-arrow-left'></i>
-        </Link>
-        <Link
+        </SmartLink>
+        <SmartLink
           href={{
             pathname: `${pagePrefix}/page/${currentPage + 1}`,
             query: router.query.s ? { s: router.query.s } : {}
           }}
           className={`${showNext ? 'text-blue-600 border-b border-blue-400 visible' : ' invisible bg-gray pointer-events-none '} no-underline pb-1 px-3`}>
           OLDER POSTS <i className='fa-solid fa-arrow-right'></i>
-        </Link>
+        </SmartLink>
       </div>
     </div>
   )
diff --git a/themes/simple/components/ExampleRecentComments.js b/themes/simple/components/ExampleRecentComments.js
index 93cde585..663151a1 100644
--- a/themes/simple/components/ExampleRecentComments.js
+++ b/themes/simple/components/ExampleRecentComments.js
@@ -1,4 +1,4 @@
-import Link from 'next/link'
+import SmartLink from '@/components/SmartLink'
 import { RecentComments } from '@waline/client'
 import { useEffect, useState } from 'react'
 import { siteConfig } from '@/lib/config'
@@ -26,7 +26,7 @@ const ExampleRecentComments = (props) => {
         {!onLoading && comments && comments.length === 0 && <div>No Comments</div>}
         {!onLoading && comments && comments.length > 0 && comments.map((comment) => <div key={comment.objectId} className='pb-2'>
             <div className='dark:text-gray-300 text-gray-600 text-xs waline-recent-content wl-content' dangerouslySetInnerHTML={{ __html: comment.comment }} />
-            <div className='dark:text-gray-400 text-gray-400  text-sm text-right cursor-pointer hover:text-red-500 hover:underline pt-1'><Link href={{ pathname: comment.url, hash: comment.objectId, query: { target: 'comment' } }}>--{comment.nick}</Link></div>
+            <div className='dark:text-gray-400 text-gray-400  text-sm text-right cursor-pointer hover:text-red-500 hover:underline pt-1'><SmartLink href={{ pathname: comment.url, hash: comment.objectId, query: { target: 'comment' } }}>--{comment.nick}</SmartLink></div>
         </div>)}
 
   </>
diff --git a/themes/simple/components/Header.js b/themes/simple/components/Header.js
index e5d71756..ca799f19 100644
--- a/themes/simple/components/Header.js
+++ b/themes/simple/components/Header.js
@@ -1,6 +1,6 @@
 import LazyImage from '@/components/LazyImage'
 import { siteConfig } from '@/lib/config'
-import Link from 'next/link'
+import SmartLink from '@/components/SmartLink'
 import CONFIG from '../config'
 import SocialButton from './SocialButton'
 
@@ -14,7 +14,7 @@ export default function Header(props) {
   return (
     <header className='text-center justify-between items-center px-6 bg-white h-80 dark:bg-black relative z-10'>
       <div className='float-none inline-block py-12'>
-        <Link href='/'>
+        <SmartLink href='/'>
           {/* 可使用一张单图作为logo */}
           <div className='flex space-x-6 justify-center'>
             <div className='hover:rotate-45 hover:scale-125 transform duration-200 cursor-pointer justify-center items-center flex'>
@@ -40,7 +40,7 @@ export default function Header(props) {
               />
             </div>
           </div>
-        </Link>
+        </SmartLink>
 
         <div className='flex justify-center'>
           <SocialButton />
diff --git a/themes/simple/components/MenuItemCollapse.js b/themes/simple/components/MenuItemCollapse.js
index 50174dc3..9de40a79 100644
--- a/themes/simple/components/MenuItemCollapse.js
+++ b/themes/simple/components/MenuItemCollapse.js
@@ -1,5 +1,5 @@
 import Collapse from '@/components/Collapse'
-import Link from 'next/link'
+import SmartLink from '@/components/SmartLink'
 import { useState } from 'react'
 
 /**
@@ -32,7 +32,7 @@ export const MenuItemCollapse = props => {
         className='w-full px-8 py-3 text-left border-b dark:bg-hexo-black-gray dark:border-black'
         onClick={toggleShow}>
         {!hasSubMenu && (
-          <Link
+          <SmartLink
             href={link?.href}
             target={link?.target}
             className='items-center flex justify-between pl-2 pr-4 dark:text-gray-200 no-underline tracking-widest pb-1'>
@@ -44,7 +44,7 @@ export const MenuItemCollapse = props => {
               )}
               {link?.name}
             </span>
-          </Link>
+          </SmartLink>
         )}
         {hasSubMenu && (
           <div
@@ -72,7 +72,7 @@ export const MenuItemCollapse = props => {
               <div
                 key={index}
                 className='dark:bg-black text-left px-10 justify-start text-blue-600 dark:text-blue-300 bg-gray-50 hover:bg-gray-50 dark:hover:bg-gray-900 tracking-widest transition-all duration-200 border-b dark:border-gray-800 py-3 pr-6'>
-                <Link href={sLink.href} target={link?.target}>
+                <SmartLink href={sLink.href} target={link?.target}>
                   <span className='ml-4 text-sm'>
                     {sLink?.icon && (
                       <span className='mr-2 w-4'>
@@ -81,7 +81,7 @@ export const MenuItemCollapse = props => {
                     )}
                     {sLink.title}
                   </span>
-                </Link>
+                </SmartLink>
               </div>
             )
           })}
diff --git a/themes/simple/components/MenuItemDrop.js b/themes/simple/components/MenuItemDrop.js
index 7a5bbff8..79f9567c 100644
--- a/themes/simple/components/MenuItemDrop.js
+++ b/themes/simple/components/MenuItemDrop.js
@@ -1,4 +1,4 @@
-import Link from 'next/link'
+import SmartLink from '@/components/SmartLink'
 import { useState } from 'react'
 
 export const MenuItemDrop = ({ link }) => {
@@ -14,7 +14,7 @@ export const MenuItemDrop = ({ link }) => {
       onMouseOver={() => changeShow(true)}
       onMouseOut={() => changeShow(false)}>
       {!hasSubMenu && (
-        <Link
+        <SmartLink
           href={link?.href}
           target={link?.target}
           className=' menu-link pl-2 pr-4 text-gray-700 dark:text-gray-200 no-underline tracking-widest pb-1'>
@@ -25,7 +25,7 @@ export const MenuItemDrop = ({ link }) => {
           )}
           {link?.name}
           {hasSubMenu && <i className='px-2 fa fa-angle-down'></i>}
-        </Link>
+        </SmartLink>
       )}
 
       {hasSubMenu && (
@@ -52,12 +52,12 @@ export const MenuItemDrop = ({ link }) => {
               <li
                 key={index}
                 className='not:last-child:border-b-0 border-b text-blue-600 dark:text-blue-300 hover:bg-gray-50 dark:hover:bg-gray-900 tracking-widest transition-all duration-200 dark:border-gray-800  py-3 pr-6 pl-2'>
-                <Link href={sLink.href} target={link?.target}>
+                <SmartLink href={sLink.href} target={link?.target}>
                   <span className='text-sm text-nowrap'>
                     {sLink?.icon && <i className={sLink?.icon}> &nbsp; </i>}
                     {sLink.title}
                   </span>
-                </Link>
+                </SmartLink>
               </li>
             )
           })}
diff --git a/themes/simple/components/RecommendPosts.js b/themes/simple/components/RecommendPosts.js
index fd214fa0..a6db15f6 100644
--- a/themes/simple/components/RecommendPosts.js
+++ b/themes/simple/components/RecommendPosts.js
@@ -1,4 +1,4 @@
-import Link from 'next/link'
+import SmartLink from '@/components/SmartLink'
 import { useGlobal } from '@/lib/global'
 import CONFIG from '../config'
 import { siteConfig } from '@/lib/config'
@@ -18,11 +18,11 @@ const RecommendPosts = ({ recommendPosts }) => {
         <ul className="font-light text-sm">
           {recommendPosts.map(post => (
             <li className="py-1" key={post.id}>
-              <Link href={`/${post.slug}`} className="cursor-pointer hover:underline">
+              <SmartLink href={`/${post.slug}`} className="cursor-pointer hover:underline">
 
                 {post.title}
 
-              </Link>
+              </SmartLink>
             </li>
           ))}
         </ul>
diff --git a/themes/simple/index.js b/themes/simple/index.js
index a2b98e64..40bc987b 100644
--- a/themes/simple/index.js
+++ b/themes/simple/index.js
@@ -6,7 +6,7 @@ import { useGlobal } from '@/lib/global'
 import { isBrowser } from '@/lib/utils'
 import { Transition } from '@headlessui/react'
 import dynamic from 'next/dynamic'
-import Link from 'next/link'
+import SmartLink from '@/components/SmartLink'
 import { useRouter } from 'next/router'
 import { createContext, useContext, useEffect, useRef } from 'react'
 import BlogPostBar from './components/BlogPostBar'
@@ -301,7 +301,7 @@ const LayoutCategoryIndex = props => {
       <div id='category-list' className='duration-200 flex flex-wrap'>
         {categoryOptions?.map(category => {
           return (
-            <Link
+            <SmartLink
               key={category.name}
               href={`/category/${category.name}`}
               passHref
@@ -313,7 +313,7 @@ const LayoutCategoryIndex = props => {
                 <i className='mr-4 fas fa-folder' />
                 {category.name}({category.count})
               </div>
-            </Link>
+            </SmartLink>
           )
         })}
       </div>
@@ -334,7 +334,7 @@ const LayoutTagIndex = props => {
         {tagOptions.map(tag => {
           return (
             <div key={tag.name} className='p-2'>
-              <Link
+              <SmartLink
                 key={tag}
                 href={`/tag/${encodeURIComponent(tag.name)}`}
                 passHref
@@ -343,7 +343,7 @@ const LayoutTagIndex = props => {
                   <i className='mr-1 fas fa-tag' />{' '}
                   {tag.name + (tag.count ? `(${tag.count})` : '')}{' '}
                 </div>
-              </Link>
+              </SmartLink>
             </div>
           )
         })}
diff --git a/themes/starter/components/About.js b/themes/starter/components/About.js
index 794349d3..bcadb4b7 100644
--- a/themes/starter/components/About.js
+++ b/themes/starter/components/About.js
@@ -1,7 +1,7 @@
 /* eslint-disable @next/next/no-img-element */
 /* eslint-disable react/no-unescaped-entities */
 import { siteConfig } from '@/lib/config'
-import Link from 'next/link'
+import SmartLink from '@/components/SmartLink'
 
 /**
  * 首页的关于模块
@@ -28,11 +28,11 @@ export const About = () => {
                       __html: siteConfig('STARTER_ABOUT_TEXT')
                     }}></p>
 
-                  <Link
+                  <SmartLink
                     href={siteConfig('STARTER_ABOUT_BUTTON_URL', '')}
                     className='inline-flex items-center justify-center rounded-md border border-primary bg-primary px-7 py-3 text-center text-base font-medium text-white hover:border-blue-dark hover:bg-blue-dark'>
                     {siteConfig('STARTER_ABOUT_BUTTON_TEXT')}
-                  </Link>
+                  </SmartLink>
                 </div>
               </div>
 
diff --git a/themes/starter/components/Blog.js b/themes/starter/components/Blog.js
index b8f51267..0ee4acac 100644
--- a/themes/starter/components/Blog.js
+++ b/themes/starter/components/Blog.js
@@ -1,6 +1,6 @@
 /* eslint-disable @next/next/no-img-element */
 import { siteConfig } from '@/lib/config'
-import Link from 'next/link'
+import SmartLink from '@/components/SmartLink'
 
 /**
  * 博文列表
@@ -41,13 +41,13 @@ export const Blog = ({ posts }) => {
                     data-wow-delay='.1s'>
                     <div className='mb-8 overflow-hidden rounded-[5px]'>
                       {item.pageCoverThumbnail && (
-                        <Link href={item?.href} className='block'>
+                        <SmartLink href={item?.href} className='block'>
                           <img
                             src={item.pageCoverThumbnail}
                             alt={item.title}
                             className='w-full transition group-hover:rotate-6 group-hover:scale-125'
                           />
-                        </Link>
+                        </SmartLink>
                       )}
                     </div>
                     <div>
@@ -55,11 +55,11 @@ export const Blog = ({ posts }) => {
                         {item.publishDay}
                       </span>
                       <h3>
-                        <Link
+                        <SmartLink
                           href={item?.href}
                           className='mb-4 inline-block text-xl font-semibold text-dark hover:text-primary dark:text-white dark:hover:text-primary sm:text-2xl lg:text-xl xl:text-2xl'>
                           {item.title}
-                        </Link>
+                        </SmartLink>
                       </h3>
                       <p className='max-w-[370px] text-base text-body-color dark:text-dark-6'>
                         {item.summary}
diff --git a/themes/starter/components/CTA.js b/themes/starter/components/CTA.js
index 2bf97e76..2319d0e3 100644
--- a/themes/starter/components/CTA.js
+++ b/themes/starter/components/CTA.js
@@ -1,5 +1,5 @@
 import { siteConfig } from '@/lib/config'
-import Link from 'next/link'
+import SmartLink from '@/components/SmartLink'
 
 /**
  * CTA，用于创建一个呼吁用户行动的部分（Call To Action，简称 CTA）。
@@ -30,11 +30,11 @@ export const CTA = () => {
                   </p>
                   {siteConfig('STARTER_CTA_BUTTON') && (
                     <>
-                      <Link
+                      <SmartLink
                         href={siteConfig('STARTER_CTA_BUTTON_URL', '')}
                         className='inline-block rounded-md border border-transparent bg-secondary px-7 py-3 text-base font-medium text-white transition hover:bg-[#0BB489]'>
                         {siteConfig('STARTER_CTA_BUTTON_TEXT')}
-                      </Link>
+                      </SmartLink>
                     </>
                   )}
                 </div>
diff --git a/themes/starter/components/Features.js b/themes/starter/components/Features.js
index bc869049..e72bd7fe 100644
--- a/themes/starter/components/Features.js
+++ b/themes/starter/components/Features.js
@@ -3,7 +3,7 @@ import { SVGDesign } from './svg/SVGDesign'
 import { SVGEssential } from './svg/SVGEssential'
 import { SVGGifts } from './svg/SVGGifts'
 import { SVGTemplate } from './svg/SVGTemplate'
-import Link from 'next/link'
+import SmartLink from '@/components/SmartLink'
 /**
  * 产品特性相关，将显示在首页中
  * @returns
@@ -42,11 +42,11 @@ export const Features = () => {
                 <p className='mb-8 text-body-color dark:text-dark-6 lg:mb-9'>
                   {siteConfig('STARTER_FEATURE_1_TEXT_1')}
                 </p>
-                <Link
+                <SmartLink
                   href={siteConfig('STARTER_FEATURE_1_BUTTON_URL', '')}
                   className='text-base font-medium text-dark hover:text-primary dark:text-white dark:hover:text-primary'>
                   {siteConfig('STARTER_FEATURE_1_BUTTON_TEXT')}
-                </Link>
+                </SmartLink>
               </div>
             </div>
             <div className='w-full px-4 md:w-1/2 lg:w-1/4'>
@@ -61,11 +61,11 @@ export const Features = () => {
                 <p className='mb-8 text-body-color dark:text-dark-6 lg:mb-9'>
                   {siteConfig('STARTER_FEATURE_2_TEXT_1')}
                 </p>
-                <Link
+                <SmartLink
                   href={siteConfig('STARTER_FEATURE_2_BUTTON_URL', '')}
                   className='text-base font-medium text-dark hover:text-primary dark:text-white dark:hover:text-primary'>
                   {siteConfig('STARTER_FEATURE_2_BUTTON_TEXT')}
-                </Link>
+                </SmartLink>
               </div>
             </div>
             <div className='w-full px-4 md:w-1/2 lg:w-1/4'>
@@ -80,11 +80,11 @@ export const Features = () => {
                 <p className='mb-8 text-body-color dark:text-dark-6 lg:mb-9'>
                   {siteConfig('STARTER_FEATURE_3_TEXT_1')}
                 </p>
-                <Link
+                <SmartLink
                   href={siteConfig('STARTER_FEATURE_3_BUTTON_URL', '')}
                   className='text-base font-medium text-dark hover:text-primary dark:text-white dark:hover:text-primary'>
                   {siteConfig('STARTER_FEATURE_3_BUTTON_TEXT')}
-                </Link>
+                </SmartLink>
               </div>
             </div>
             <div className='w-full px-4 md:w-1/2 lg:w-1/4'>
@@ -99,11 +99,11 @@ export const Features = () => {
                 <p className='mb-8 text-body-color dark:text-dark-6 lg:mb-9'>
                   {siteConfig('STARTER_FEATURE_4_TEXT_1')}
                 </p>
-                <Link
+                <SmartLink
                   href={siteConfig('STARTER_FEATURE_4_BUTTON_URL', '')}
                   className='text-base font-medium text-dark hover:text-primary dark:text-white dark:hover:text-primary'>
                   {siteConfig('STARTER_FEATURE_3_BUTTON_TEXT')}
-                </Link>
+                </SmartLink>
               </div>
             </div>
           </div>
diff --git a/themes/starter/components/Footer.js b/themes/starter/components/Footer.js
index efcc24cb..27bce8b4 100644
--- a/themes/starter/components/Footer.js
+++ b/themes/starter/components/Footer.js
@@ -2,7 +2,7 @@ import { siteConfig } from '@/lib/config'
 import SocialButton from '@/themes/fukasawa/components/SocialButton'
 import { Logo } from './Logo'
 import { SVGFooterCircleBG } from './svg/SVGFooterCircleBG'
-import Link from 'next/link'
+import SmartLink from '@/components/SmartLink'
 
 /* eslint-disable @next/next/no-img-element */
 export const Footer = props => {
@@ -49,11 +49,11 @@ export const Footer = props => {
                       {item?.LINK_GROUP?.map((l, i) => {
                         return (
                           <li key={i}>
-                            <Link
+                            <SmartLink
                               href={l.URL}
                               className='mb-3 inline-block text-base text-gray-7 hover:text-primary'>
                               {l.TITLE}
-                            </Link>
+                            </SmartLink>
                           </li>
                         )
                       })}
@@ -73,7 +73,7 @@ export const Footer = props => {
                 <div className='flex flex-col gap-8'>
                   {latestPosts?.map((item, index) => {
                     return (
-                      <Link
+                      <SmartLink
                         key={index}
                         href={item?.href}
                         className='group flex items-center gap-[22px]'>
@@ -88,7 +88,7 @@ export const Footer = props => {
                         <span className='line-clamp-2 max-w-[180px] text-base text-gray-7 group-hover:text-white'>
                           {item.title}
                         </span>
-                      </Link>
+                      </SmartLink>
                     )
                   })}
                 </div>
@@ -105,19 +105,19 @@ export const Footer = props => {
               <div className='w-full px-4 md:w-2/3 lg:w-1/2'>
                 <div className='my-1'>
                   <div className='-mx-3 flex items-center justify-center md:justify-start'>
-                    <Link
+                    <SmartLink
                       href={siteConfig('STARTER_FOOTER_PRIVACY_POLICY_URL', '')}
                       className='px-3 text-base text-gray-7 hover:text-white hover:underline'>
                       {siteConfig('STARTER_FOOTER_PRIVACY_POLICY_TEXT')}
-                    </Link>
-                    <Link
+                    </SmartLink>
+                    <SmartLink
                       href={siteConfig(
                         'STARTER_FOOTER_PRIVACY_LEGAL_NOTICE_URL', ''
                       )}
                       className='px-3 text-base text-gray-7 hover:text-white hover:underline'>
                       {siteConfig('STARTER_FOOTER_PRIVACY_LEGAL_NOTICE_TEXT')}
-                    </Link>
-                    <Link
+                    </SmartLink>
+                    <SmartLink
                       href={siteConfig(
                         'STARTER_FOOTER_PRIVACY_TERMS_OF_SERVICE_URL', ''
                       )}
@@ -125,7 +125,7 @@ export const Footer = props => {
                       {siteConfig(
                         'STARTER_FOOTER_PRIVACY_TERMS_OF_SERVICE_TEXT', ''
                       )}
-                    </Link>
+                    </SmartLink>
                   </div>
                 </div>
               </div>
diff --git a/themes/starter/components/Header.js b/themes/starter/components/Header.js
index 0875062e..96ff166a 100644
--- a/themes/starter/components/Header.js
+++ b/themes/starter/components/Header.js
@@ -4,7 +4,7 @@ import { siteConfig } from '@/lib/config'
 import { useGlobal } from '@/lib/global'
 import { SignedIn, SignedOut, UserButton } from '@clerk/nextjs'
 import throttle from 'lodash.throttle'
-import Link from 'next/link'
+import SmartLink from '@/components/SmartLink'
 import { useRouter } from 'next/router'
 import { useCallback, useEffect, useState } from 'react'
 import { DarkModeButton } from './DarkModeButton'
@@ -74,16 +74,16 @@ export const Header = props => {
                   <>
                     <SignedOut>
                       <div className='hidden sm:flex gap-4'>
-                        <Link
+                        <SmartLink
                           href={siteConfig('STARTER_NAV_BUTTON_1_URL', '')}
                           className={`loginBtn ${buttonTextColor} p-2 text-base font-medium hover:opacity-70`}>
                           {siteConfig('STARTER_NAV_BUTTON_1_TEXT')}
-                        </Link>
-                        <Link
+                        </SmartLink>
+                        <SmartLink
                           href={siteConfig('STARTER_NAV_BUTTON_2_URL', '')}
                           className={`signUpBtn ${buttonTextColor} p-2 rounded-md bg-white bg-opacity-20 py-2 text-base font-medium duration-300 ease-in-out hover:bg-opacity-100 hover:text-dark`}>
                           {siteConfig('STARTER_NAV_BUTTON_2_TEXT')}
-                        </Link>
+                        </SmartLink>
                       </div>
                     </SignedOut>
                     <SignedIn>
@@ -94,16 +94,16 @@ export const Header = props => {
                 )}
                 {!enableClerk && (
                   <div className='hidden sm:flex gap-4'>
-                    <Link
+                    <SmartLink
                       href={siteConfig('STARTER_NAV_BUTTON_1_URL', '')}
                       className={`loginBtn ${buttonTextColor} p-2 text-base font-medium hover:opacity-70`}>
                       {siteConfig('STARTER_NAV_BUTTON_1_TEXT')}
-                    </Link>
-                    <Link
+                    </SmartLink>
+                    <SmartLink
                       href={siteConfig('STARTER_NAV_BUTTON_2_URL', '')}
                       className={`signUpBtn ${buttonTextColor} p-2 rounded-md bg-white bg-opacity-20 py-2 text-base font-medium duration-300 ease-in-out hover:bg-opacity-100 hover:text-dark`}>
                       {siteConfig('STARTER_NAV_BUTTON_2_TEXT')}
-                    </Link>
+                    </SmartLink>
                   </div>
                 )}
               </div>
diff --git a/themes/starter/components/Hero.js b/themes/starter/components/Hero.js
index 42f124ac..46f07c58 100644
--- a/themes/starter/components/Hero.js
+++ b/themes/starter/components/Hero.js
@@ -2,7 +2,7 @@
 import LazyImage from '@/components/LazyImage'
 import { siteConfig } from '@/lib/config'
 import CONFIG from '../config'
-import Link from 'next/link'
+import SmartLink from '@/components/SmartLink'
 
 /**
  * 英雄大图区块
@@ -33,16 +33,16 @@ export const Hero = props => {
                 <ul className='mb-10 flex flex-wrap items-center justify-center gap-5'>
                   {siteConfig('STARTER_HERO_BUTTON_1_TEXT', null, config) && (
                     <li>
-                      <Link
+                      <SmartLink
                         href={siteConfig('STARTER_HERO_BUTTON_1_URL', '')}
                         className='inline-flex items-center justify-center rounded-md bg-white px-7 py-[14px] text-center text-base font-medium text-dark shadow-1 transition duration-300 ease-in-out hover:bg-gray-2 hover:text-body-color'>
                         {siteConfig('STARTER_HERO_BUTTON_1_TEXT', null, config)}
-                      </Link>
+                      </SmartLink>
                     </li>
                   )}
                   {siteConfig('STARTER_HERO_BUTTON_2_TEXT', null, config) && (
                     <li>
-                      <Link
+                      <SmartLink
                         href={siteConfig(
                           'STARTER_HERO_BUTTON_2_URL',
                           null,
@@ -66,7 +66,7 @@ export const Hero = props => {
                           />
                         )}
                         {siteConfig('STARTER_HERO_BUTTON_2_TEXT', null, config)}
-                      </Link>
+                      </SmartLink>
                     </li>
                   )}
                 </ul>
diff --git a/themes/starter/components/MenuItem.js b/themes/starter/components/MenuItem.js
index 95de15b2..f5a95a78 100644
--- a/themes/starter/components/MenuItem.js
+++ b/themes/starter/components/MenuItem.js
@@ -1,4 +1,4 @@
-import Link from 'next/link'
+import SmartLink from '@/components/SmartLink'
 import { useRouter } from 'next/router'
 import { useState } from 'react'
 
@@ -23,7 +23,7 @@ export const MenuItem = ({ link }) => {
       {/* 普通 MenuItem */}
       {!hasSubMenu && (
         <li className='group relative whitespace-nowrap'>
-          <Link
+          <SmartLink
             href={link?.href}
             target={link?.target}
             className={`ud-menu-scroll mx-8 flex py-2 text-base font-medium text-dark group-hover:text-primary dark:text-white lg:mr-0 lg:inline-flex lg:px-0 lg:py-6 ${
@@ -33,7 +33,7 @@ export const MenuItem = ({ link }) => {
             } lg:group-hover:opacity-70`}>
             {link?.icon && <i className={link.icon + ' mr-2 my-auto'} />}
             {link?.name}
-          </Link>
+          </SmartLink>
         </li>
       )}
 
@@ -71,7 +71,7 @@ export const MenuItem = ({ link }) => {
                 : 'hidden opacity-0 invisible'
             }`}>
             {link.subMenus.map((sLink, index) => (
-              <Link
+              <SmartLink
                 key={index}
                 href={sLink.href}
                 target={link?.target}
@@ -81,7 +81,7 @@ export const MenuItem = ({ link }) => {
                   {link?.icon && <i className={sLink.icon + ' mr-2 my-auto'} />}{' '}
                   {sLink.title}
                 </span>
-              </Link>
+              </SmartLink>
             ))}
           </div>
         </li>
diff --git a/themes/starter/components/Pricing.js b/themes/starter/components/Pricing.js
index 2519612d..443623c3 100644
--- a/themes/starter/components/Pricing.js
+++ b/themes/starter/components/Pricing.js
@@ -1,5 +1,5 @@
 import { siteConfig } from '@/lib/config'
-import Link from 'next/link'
+import SmartLink from '@/components/SmartLink'
 
 /**
  * 价格板块
@@ -66,11 +66,11 @@ export const Pricing = () => {
                       })}
                   </div>
                 </div>
-                <Link
+                <SmartLink
                   href={siteConfig('STARTER_PRICING_1_BUTTON_URL', '')}
                   className='inline-block rounded-md bg-primary px-7 py-3 text-center text-base font-medium text-white transition hover:bg-blue-dark'>
                   {siteConfig('STARTER_PRICING_1_BUTTON_TEXT')}
-                </Link>
+                </SmartLink>
               </div>
             </div>
 
@@ -118,11 +118,11 @@ export const Pricing = () => {
                       })}
                   </div>
                 </div>
-                <Link
+                <SmartLink
                   href={siteConfig('STARTER_PRICING_2_BUTTON_URL', '')}
                   className='inline-block rounded-md bg-primary px-7 py-3 text-center text-base font-medium text-white transition hover:bg-blue-dark'>
                   {siteConfig('STARTER_PRICING_2_BUTTON_TEXT')}
-                </Link>
+                </SmartLink>
               </div>
             </div>
 
@@ -162,11 +162,11 @@ export const Pricing = () => {
                       })}
                   </div>
                 </div>
-                <Link
+                <SmartLink
                   href={siteConfig('STARTER_PRICING_3_BUTTON_URL', '')}
                   className='inline-block rounded-md bg-primary px-7 py-3 text-center text-base font-medium text-white transition hover:bg-blue-dark'>
                   {siteConfig('STARTER_PRICING_3_BUTTON_TEXT')}
-                </Link>
+                </SmartLink>
               </div>
             </div>
           </div>
diff --git a/themes/starter/index.js b/themes/starter/index.js
index c0311b77..ed08ea31 100644
--- a/themes/starter/index.js
+++ b/themes/starter/index.js
@@ -32,7 +32,7 @@ import DashboardHeader from '@/components/ui/dashboard/DashboardHeader'
 import { useGlobal } from '@/lib/global'
 import { loadWowJS } from '@/lib/plugins/wow'
 import { SignIn, SignUp } from '@clerk/nextjs'
-import Link from 'next/link'
+import SmartLink from '@/components/SmartLink'
 import { ArticleLock } from './components/ArticleLock'
 import { Banner } from './components/Banner'
 import { CTA } from './components/CTA'
@@ -50,34 +50,49 @@ import { SVG404 } from './components/svg/SVG404'
  * @returns
  */
 const LayoutBase = props => {
-  const { children } = props
+    const { children } = props
+    // 极简模式，会隐藏掉页头页脚等组件，便于嵌入网页等功能 
+    const { isLiteMode } = useGlobal()
+    const router = useRouter()
 
-  // 加载wow动画
-  useEffect(() => {
-    loadWowJS()
-  }, [])
+    // 加载wow动画
+    useEffect(() => {
+        loadWowJS()
+    }, [])
 
-  return (
-    <div
-      id='theme-starter'
-      className={`${siteConfig('FONT_STYLE')} min-h-screen flex flex-col dark:bg-[#212b36] scroll-smooth`}>
-      <Style />
-      {/* 页头 */}
-      <Header {...props} />
+    // 特殊简化布局，如果识别到路由中有 ?lite=true，则给网页添加一些自定义的css样式，例如背景改成黑色
+    useEffect(() => {
+        const isLiteMode = router.query.lite === 'true'
+        console.log(router.query.lite, isLiteMode)
+        if (isLiteMode) {
+            document.body.style.backgroundColor = 'black'
+            document.body.style.color = 'white'
+        }
+    }, [])
 
-      <div id='main-wrapper' className='grow'>
-        {children}
-      </div>
+    return (
+        <div
+            id='theme-starter'
+            className={`${siteConfig('FONT_STYLE')} min-h-screen flex flex-col dark:bg-[#212b36] scroll-smooth`}>
+            <Style />
 
-      {/* 页脚 */}
-      <Footer {...props} />
+            {/* 页头 */}
+            {isLiteMode ? <></> : <Header {...props} />}
 
-      {/* 悬浮按钮 */}
-      <BackToTopButton />
+            <div id='main-wrapper' className='grow'>
+                {children}
+            </div>
 
-      {/* <MadeWithButton/> */}
-    </div>
-  )
+            {/* 页脚 */}
+            
+            {isLiteMode ? <></> : <Footer {...props} />}
+
+            {/* 悬浮按钮 */}
+            {isLiteMode ? <></> : <BackToTopButton />}
+
+            {/* <MadeWithButton/> */}
+        </div>
+    )
 }
 
 /**
@@ -114,10 +129,10 @@ const LayoutIndex = props => {
         <>
           <Blog posts={posts} />
           <div className='container mx-auto flex justify-end mb-4'>
-            <Link className='text-lg underline' href={'/archive'}>
+            <SmartLink className='text-lg underline' href={'/archive'}>
               <span>{locale.COMMON.MORE}</span>
               <i className='ml-2 fas fa-arrow-right' />
-            </Link>
+            </SmartLink>
           </div>
         </>
       )}
@@ -283,11 +298,11 @@ const Layout404 = props => {
                 <p className='mb-8 text-base text-body-color dark:text-dark-6'>
                   {siteConfig('STARTER_404_TEXT')}
                 </p>
-                <Link
+                <SmartLink
                   href='/'
                   className='py-3 text-base font-medium text-white transition rounded-md bg-dark px-7 hover:bg-primary'>
                   {siteConfig('STARTER_404_BACK')}
-                </Link>
+                </SmartLink>
               </div>
             </div>
           </div>
@@ -347,24 +362,24 @@ const LayoutPostList = props => {
                     className='wow fadeInUp group mb-10'
                     data-wow-delay='.1s'>
                     <div className='mb-8 overflow-hidden rounded-[5px]'>
-                      <Link href={item?.href} className='block'>
+                      <SmartLink href={item?.href} className='block'>
                         <img
                           src={item.pageCoverThumbnail}
                           alt={item.title}
                           className='w-full transition group-hover:rotate-6 group-hover:scale-125'
                         />
-                      </Link>
+                      </SmartLink>
                     </div>
                     <div>
                       <span className='mb-6 inline-block rounded-[5px] bg-primary px-4 py-0.5 text-center text-xs font-medium leading-loose text-white'>
                         {item.publishDay}
                       </span>
                       <h3>
-                        <Link
+                        <SmartLink
                           href={item?.href}
                           className='mb-4 inline-block text-xl font-semibold text-dark hover:text-primary dark:text-white dark:hover:text-primary sm:text-2xl lg:text-xl xl:text-2xl'>
                           {item.title}
-                        </Link>
+                        </SmartLink>
                       </h3>
                       <p className='max-w-[370px] text-base text-body-color dark:text-dark-6'>
                         {item.summary}
@@ -400,7 +415,7 @@ const LayoutCategoryIndex = props => {
           className='duration-200 flex flex-wrap justify-center items-center '>
           {categoryOptions?.map(category => {
             return (
-              <Link
+              <SmartLink
                 key={category.name}
                 href={`/category/${category.name}`}
                 passHref
@@ -412,7 +427,7 @@ const LayoutCategoryIndex = props => {
                   <i className='mr-4 fas fa-folder' />
                   {category.name}({category.count})
                 </h2>
-              </Link>
+              </SmartLink>
             )
           })}
         </div>
@@ -441,7 +456,7 @@ const LayoutTagIndex = props => {
           {tagOptions.map(tag => {
             return (
               <div key={tag.name} className='p-2'>
-                <Link
+                <SmartLink
                   key={tag}
                   href={`/tag/${encodeURIComponent(tag.name)}`}
                   passHref
@@ -450,7 +465,7 @@ const LayoutTagIndex = props => {
                     <i className='mr-1 fas fa-tag' />{' '}
                     {tag.name + (tag.count ? `(${tag.count})` : '')}{' '}
                   </div>
-                </Link>
+                </SmartLink>
               </div>
             )
           })}
diff --git a/themes/typography/components/ArticleAround.js b/themes/typography/components/ArticleAround.js
index b4cee232..a2f9c7d3 100644
--- a/themes/typography/components/ArticleAround.js
+++ b/themes/typography/components/ArticleAround.js
@@ -1,4 +1,4 @@
-import Link from 'next/link'
+import SmartLink from '@/components/SmartLink'
 
 /**
  * 上一篇，下一篇文章
@@ -11,22 +11,22 @@ export default function ArticleAround({ prev, next }) {
   }
   return (
         <section className='text-gray-800 dark:text-gray-400 h-12 flex items-center justify-between space-x-5 my-4'>
-            {prev && <Link
+            {prev && <SmartLink
                 href={`/${prev.slug}`}
                 passHref
                 className='text-sm cursor-pointer justify-start items-center flex hover:underline duration-300'>
 
                 <i className='mr-1 fas fa-angle-double-left' />{prev.title}
 
-            </Link>}
-            {next && <Link
+            </SmartLink>}
+            {next && <SmartLink
                 href={`/${next.slug}`}
                 passHref
                 className='text-sm cursor-pointer justify-end items-center flex hover:underline duration-300'>
                 {next.title}
                 <i className='ml-1 my-1 fas fa-angle-double-right' />
 
-            </Link>}
+            </SmartLink>}
         </section>
   )
 }
diff --git a/themes/typography/components/ArticleInfo.js b/themes/typography/components/ArticleInfo.js
index ed1d39a9..00655004 100644
--- a/themes/typography/components/ArticleInfo.js
+++ b/themes/typography/components/ArticleInfo.js
@@ -1,4 +1,4 @@
-import Link from 'next/link'
+import SmartLink from '@/components/SmartLink'
 import { useGlobal } from '@/lib/global'
 import CONFIG from '../config'
 import { siteConfig } from '@/lib/config'
@@ -28,33 +28,33 @@ export default function ArticleInfo(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>
diff --git a/themes/typography/components/BlogArchiveItem.js b/themes/typography/components/BlogArchiveItem.js
index 4f849906..28bab810 100644
--- a/themes/typography/components/BlogArchiveItem.js
+++ b/themes/typography/components/BlogArchiveItem.js
@@ -1,4 +1,4 @@
-import Link from 'next/link'
+import SmartLink from '@/components/SmartLink'
 
 /**
  * 归档分组文章
@@ -19,12 +19,12 @@ export default function BlogArchiveItem({ archiveTitle, archivePosts }) {
               key={post.id}
               className='p-1 pl-0 text-base items-center mb-3'>
               <div id={post?.publishDay} className='flex justify-between'>
-                <Link
+                <SmartLink
                   href={post?.href}
                   passHref
                   className='dark:text-gray-400  dark:hover:text-gray-300 overflow-x-hidden cursor-pointer text-[#111827] font-bold'>
                   {post.title}
-                </Link>
+                </SmartLink>
                 <span className='text-gray-400'>{post.date?.start_date}</span>
               </div>
             </li>
diff --git a/themes/typography/components/BlogItem.js b/themes/typography/components/BlogItem.js
index aed75761..be2ac0ef 100644
--- a/themes/typography/components/BlogItem.js
+++ b/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>
diff --git a/themes/typography/components/BlogListPage.js b/themes/typography/components/BlogListPage.js
index d7def141..333bbb8c 100644
--- a/themes/typography/components/BlogListPage.js
+++ b/themes/typography/components/BlogListPage.js
@@ -1,7 +1,7 @@
 import { AdSlot } from '@/components/GoogleAdsense'
 import { siteConfig } from '@/lib/config'
 import { useGlobal } from '@/lib/global'
-import Link from 'next/link'
+import SmartLink from '@/components/SmartLink'
 import { useRouter } from 'next/router'
 import CONFIG from '../config'
 import { BlogItem } from './BlogItem'
@@ -49,7 +49,7 @@ export default function BlogListPage(props) {
       </div>
 
       <div className='flex justify-between text-xs mt-1'>
-        <Link
+        <SmartLink
           href={{
             pathname:
               currentPage - 1 === 1
@@ -59,15 +59,15 @@ export default function BlogListPage(props) {
           }}
           className={`${showPrev ? 'text-blue-600 border-b border-blue-400 visible ' : ' invisible bg-gray pointer-events-none '} no-underline pb-1 px-3`}>
           NEWER POSTS <i className='fa-solid fa-arrow-left'></i>
-        </Link>
-        <Link
+        </SmartLink>
+        <SmartLink
           href={{
             pathname: `${pagePrefix}/page/${currentPage + 1}`,
             query: router.query.s ? { s: router.query.s } : {}
           }}
           className={`${showNext ? 'text-blue-600 border-b border-blue-400 visible' : ' invisible bg-gray pointer-events-none '} no-underline pb-1 px-3`}>
           OLDER POSTS <i className='fa-solid fa-arrow-right'></i>
-        </Link>
+        </SmartLink>
       </div>
     </div>
   )
diff --git a/themes/typography/components/ExampleRecentComments.js b/themes/typography/components/ExampleRecentComments.js
index 93cde585..663151a1 100644
--- a/themes/typography/components/ExampleRecentComments.js
+++ b/themes/typography/components/ExampleRecentComments.js
@@ -1,4 +1,4 @@
-import Link from 'next/link'
+import SmartLink from '@/components/SmartLink'
 import { RecentComments } from '@waline/client'
 import { useEffect, useState } from 'react'
 import { siteConfig } from '@/lib/config'
@@ -26,7 +26,7 @@ const ExampleRecentComments = (props) => {
         {!onLoading && comments && comments.length === 0 && <div>No Comments</div>}
         {!onLoading && comments && comments.length > 0 && comments.map((comment) => <div key={comment.objectId} className='pb-2'>
             <div className='dark:text-gray-300 text-gray-600 text-xs waline-recent-content wl-content' dangerouslySetInnerHTML={{ __html: comment.comment }} />
-            <div className='dark:text-gray-400 text-gray-400  text-sm text-right cursor-pointer hover:text-red-500 hover:underline pt-1'><Link href={{ pathname: comment.url, hash: comment.objectId, query: { target: 'comment' } }}>--{comment.nick}</Link></div>
+            <div className='dark:text-gray-400 text-gray-400  text-sm text-right cursor-pointer hover:text-red-500 hover:underline pt-1'><SmartLink href={{ pathname: comment.url, hash: comment.objectId, query: { target: 'comment' } }}>--{comment.nick}</SmartLink></div>
         </div>)}
 
   </>
diff --git a/themes/typography/components/MenuItemCollapse.js b/themes/typography/components/MenuItemCollapse.js
index 50174dc3..9de40a79 100644
--- a/themes/typography/components/MenuItemCollapse.js
+++ b/themes/typography/components/MenuItemCollapse.js
@@ -1,5 +1,5 @@
 import Collapse from '@/components/Collapse'
-import Link from 'next/link'
+import SmartLink from '@/components/SmartLink'
 import { useState } from 'react'
 
 /**
@@ -32,7 +32,7 @@ export const MenuItemCollapse = props => {
         className='w-full px-8 py-3 text-left border-b dark:bg-hexo-black-gray dark:border-black'
         onClick={toggleShow}>
         {!hasSubMenu && (
-          <Link
+          <SmartLink
             href={link?.href}
             target={link?.target}
             className='items-center flex justify-between pl-2 pr-4 dark:text-gray-200 no-underline tracking-widest pb-1'>
@@ -44,7 +44,7 @@ export const MenuItemCollapse = props => {
               )}
               {link?.name}
             </span>
-          </Link>
+          </SmartLink>
         )}
         {hasSubMenu && (
           <div
@@ -72,7 +72,7 @@ export const MenuItemCollapse = props => {
               <div
                 key={index}
                 className='dark:bg-black text-left px-10 justify-start text-blue-600 dark:text-blue-300 bg-gray-50 hover:bg-gray-50 dark:hover:bg-gray-900 tracking-widest transition-all duration-200 border-b dark:border-gray-800 py-3 pr-6'>
-                <Link href={sLink.href} target={link?.target}>
+                <SmartLink href={sLink.href} target={link?.target}>
                   <span className='ml-4 text-sm'>
                     {sLink?.icon && (
                       <span className='mr-2 w-4'>
@@ -81,7 +81,7 @@ export const MenuItemCollapse = props => {
                     )}
                     {sLink.title}
                   </span>
-                </Link>
+                </SmartLink>
               </div>
             )
           })}
diff --git a/themes/typography/components/MenuItemDrop.js b/themes/typography/components/MenuItemDrop.js
index a5effb13..fa718f13 100644
--- a/themes/typography/components/MenuItemDrop.js
+++ b/themes/typography/components/MenuItemDrop.js
@@ -1,4 +1,4 @@
-import Link from 'next/link'
+import SmartLink from '@/components/SmartLink'
 import { useRouter } from 'next/router'
 import { useState } from 'react'
 
@@ -18,12 +18,12 @@ export const MenuItemDrop = ({ link }) => {
   return (
     <div className='menu-item'>
       {!hasSubMenu && (
-        <Link
+        <SmartLink
           href={link?.href}
           target={link?.target}
           className='dark:hover:text-[var(--primary-color)] dark:hover:bg-white menu-link underline decoration-2 hover:no-underline hover:bg-[#2E405B] hover:text-white text-[var(--primary-color)]  dark:text-gray-200 tracking-widest pb-1 font-bold'>
           {link?.name}
-        </Link>
+        </SmartLink>
       )
       }
 
@@ -57,12 +57,12 @@ export const MenuItemDrop = ({ link }) => {
                   <li
                     key={index}
                     className='dark:hover:bg-gray-900 tracking-widest transition-all duration-200 dark:border-gray-800 pb-3'>
-                    <Link href={sLink.href} target={link?.target}>
+                    <SmartLink href={sLink.href} target={link?.target}>
                       <span className='dark:hover:text-[var(--primary-color)] dark:hover:bg-white menu-link underline decoration-2 hover:no-underline hover:bg-[#2E405B] hover:text-white text-[var(--primary-color)]  dark:text-gray-200 tracking-widest pb-1 font-bold'>
                         {link?.icon && <i className={sLink?.icon}> &nbsp; </i>}
                         {sLink.title}
                       </span>
-                    </Link>
+                    </SmartLink>
                   </li>
                 )
               })}
diff --git a/themes/typography/components/NavBar.js b/themes/typography/components/NavBar.js
index 53ab0b8c..e13a7209 100644
--- a/themes/typography/components/NavBar.js
+++ b/themes/typography/components/NavBar.js
@@ -4,7 +4,7 @@ import { useState } from 'react'
 import { useSimpleGlobal } from '..'
 import { MenuList } from './MenuList'
 import SocialButton from './SocialButton'
-import Link from 'next/link'
+import SmartLink from '@/components/SmartLink'
 
 /**
  * 菜单导航
@@ -15,7 +15,7 @@ export default function NavBar(props) {
   return (
     <div className='flex flex-col justify-between md:mt-20 md:h-[70vh]'>
       <header className='w-fit self-center md:self-start md:pb-8 md:border-l-2 dark:md:border-white dark:text-white md:border-[var(--primary-color)] text-[var(--primary-color)] md:[writing-mode:vertical-lr] px-4 hover:bg-[var(--primary-color)] dark:hover:bg-white hover:text-white dark:hover:text-[var(--primary-color)] ease-in-out duration-700 md:hover:pt-4 md:hover:pb-4 mb-2'>
-        <Link href='/'>
+        <SmartLink href='/'>
           <div className='flex flex-col-reverse md:flex-col items-center md:items-start'>
             <div className='font-bold text-4xl text-center' id='blog-name'>
               {siteConfig('TYPOGRAPHY_BLOG_NAME')}
@@ -24,7 +24,7 @@ export default function NavBar(props) {
               {siteConfig('TYPOGRAPHY_BLOG_NAME_EN')}
             </div>
           </div>
-        </Link>
+        </SmartLink>
       </header>
       <nav className='md:pt-0  z-20   flex-shrink-0'>
         <div id='nav-bar-inner' className='text-sm md:text-md'>
diff --git a/themes/typography/components/RecommendPosts.js b/themes/typography/components/RecommendPosts.js
index 6d86f0b4..43f2d288 100644
--- a/themes/typography/components/RecommendPosts.js
+++ b/themes/typography/components/RecommendPosts.js
@@ -1,4 +1,4 @@
-import Link from 'next/link'
+import SmartLink from '@/components/SmartLink'
 import { useGlobal } from '@/lib/global'
 import CONFIG from '../config'
 import { siteConfig } from '@/lib/config'
@@ -18,11 +18,11 @@ const RecommendPosts = ({ recommendPosts }) => {
         <ul className="font-light text-sm">
           {recommendPosts.map(post => (
             <li className="py-1" key={post.id}>
-              <Link href={`/${post.slug}`} className="cursor-pointer hover:underline">
+              <SmartLink href={`/${post.slug}`} className="cursor-pointer hover:underline">
 
                 {post.title}
 
-              </Link>
+              </SmartLink>
             </li>
           ))}
         </ul>
diff --git a/themes/typography/config.js b/themes/typography/config.js
index c496beb4..1f7d0957 100644
--- a/themes/typography/config.js
+++ b/themes/typography/config.js
@@ -1,7 +1,7 @@
 const CONFIG = {
   // 博客標題 雙語言
   TYPOGRAPHY_BLOG_NAME: process.env.NEXT_PUBLIC_TYPOGRAPHY_BLOG_NAME || '活字印刷',
-  TYPOGRAPHY_BLOG_NAME_EN: process.env.NEXT_PUBLIC_TYPOGRAPHY_BLOG_NAME || 'Typography',
+  TYPOGRAPHY_BLOG_NAME_EN: process.env.NEXT_PUBLIC_TYPOGRAPHY_BLOG_NAME_EN || process.env.NEXT_PUBLIC_TYPOGRAPHY_BLOG_NAME || 'Typography',
 
   TYPOGRAPHY_POST_AD_ENABLE: process.env.NEXT_PUBLIC_TYPOGRAPHY_POST_AD_ENABLE || false, // 文章列表是否插入广告
 
diff --git a/themes/typography/index.js b/themes/typography/index.js
index 5e648964..b5fa0926 100644
--- a/themes/typography/index.js
+++ b/themes/typography/index.js
@@ -5,7 +5,7 @@ import { siteConfig } from '@/lib/config'
 import { useGlobal } from '@/lib/global'
 import { isBrowser } from '@/lib/utils'
 import dynamic from 'next/dynamic'
-import Link from 'next/link'
+import SmartLink from '@/components/SmartLink'
 import { useRouter } from 'next/router'
 import { createContext, useContext, useEffect, useRef } from 'react'
 import BlogPostBar from './components/BlogPostBar'
@@ -307,7 +307,7 @@ const LayoutCategoryIndex = props => {
       <div id='category-list' className='px-5 duration-200 flex flex-wrap'>
         {categoryOptions?.map(category => {
           return (
-            <Link
+            <SmartLink
               key={category.name}
               href={`/category/${category.name}`}
               passHref
@@ -319,7 +319,7 @@ const LayoutCategoryIndex = props => {
                 <i className='mr-4 fas fa-folder' />
                 {category.name}({category.count})
               </div>
-            </Link>
+            </SmartLink>
           )
         })}
       </div>
@@ -340,7 +340,7 @@ const LayoutTagIndex = props => {
         {tagOptions.map(tag => {
           return (
             <div key={tag.name} className='p-2'>
-              <Link
+              <SmartLink
                 key={tag}
                 href={`/tag/${encodeURIComponent(tag.name)}`}
                 passHref
@@ -349,7 +349,7 @@ const LayoutTagIndex = props => {
                   <i className='mr-1 fas fa-tag' />{' '}
                   {tag.name + (tag.count ? `(${tag.count})` : '')}{' '}
                 </div>
-              </Link>
+              </SmartLink>
             </div>
           )
         })}