移除冗余的slug转换函数

themes/example/components/BlogItem.js

@@ -2,7 +2,6 @@ import LazyImage from '@/components/LazyImage'
 import NotionIcon from '@/components/NotionIcon'
 import TwikooCommentCount from '@/components/TwikooCommentCount'
 import { siteConfig } from '@/lib/config'
-import { checkContainHttp, sliceUrlFromHttp } from '@/lib/utils'
 import Link from 'next/link'
 import CONFIG from '../config'
 
@@ -15,9 +14,6 @@ const BlogItem = ({ post }) => {
   const showPageCover =
     siteConfig('EXAMPLE_POST_LIST_COVER', null, CONFIG) &&
     post?.pageCoverThumbnail
-  const url = checkContainHttp(post.slug)
-    ? sliceUrlFromHttp(post.slug)
-    : `${siteConfig('SUB_PATH', '')}/${post.slug}`
 
   return (
     <article
@@ -25,7 +21,7 @@ const BlogItem = ({ post }) => {
       <div className={`${showPageCover ? 'md:w-7/12' : ''}`}>
         <h2 className='mb-4'>
           <Link
-            href={`/${post.slug}`}
+            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} />
@@ -72,7 +68,7 @@ const BlogItem = ({ post }) => {
       {/* 图片封面 */}
       {showPageCover && (
         <div className='md:w-5/12 w-full h-44 overflow-hidden p-1'>
-          <Link href={url} passHref legacyBehavior>
+          <Link href={post?.href} passHref legacyBehavior>
             <LazyImage
               src={post?.pageCoverThumbnail}
               className='w-full bg-cover hover:scale-110 duration-200'

themes/example/components/BlogListArchive.js

@@ -1,5 +1,3 @@
-import { siteConfig } from '@/lib/config'
-import { checkContainHttp, sliceUrlFromHttp } from '@/lib/utils'
 import Link from 'next/link'
 
 /**
@@ -17,10 +15,6 @@ export default function BlogListArchive({ archiveTitle, archivePosts }) {
 
       <ul>
         {archivePosts[archiveTitle].map(post => {
-          const url = checkContainHttp(post.slug)
-            ? sliceUrlFromHttp(post.slug)
-            : `${siteConfig('SUB_PATH', '')}/${post.slug}`
-
           return (
             <li
               key={post.id}
@@ -28,7 +22,7 @@ export default function BlogListArchive({ archiveTitle, archivePosts }) {
               <div id={post?.publishDay}>
                 <span className='text-gray-400'>{post?.publishDay}</span> &nbsp;
                 <Link
-                  href={url}
+                  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>

themes/fukasawa/components/BlogCard.js

@@ -1,7 +1,6 @@
 import LazyImage from '@/components/LazyImage'
 import NotionIcon from '@/components/NotionIcon'
 import { siteConfig } from '@/lib/config'
-import { checkContainHttp, sliceUrlFromHttp } from '@/lib/utils'
 import Link from 'next/link'
 import CONFIG from '../config'
 import TagItemMini from './TagItemMini'
@@ -41,10 +40,6 @@ const BlogCard = ({ index, post, showSummary, siteInfo }) => {
       }
     : {}
 
-  const url = checkContainHttp(post.slug)
-    ? sliceUrlFromHttp(post.slug)
-    : `${siteConfig('SUB_PATH', '')}/${post.slug}`
-
   return (
     <article
       {...aosProps}
@@ -53,7 +48,7 @@ const BlogCard = ({ index, post, showSummary, siteInfo }) => {
       <div className='flex flex-col justify-between h-full'>
         {/* 封面图 */}
         {showPageCover && (
-          <Link href={url} passHref legacyBehavior>
+          <Link href={post?.href} passHref legacyBehavior>
             <div className='flex-grow mb-3 w-full duration-200 cursor-pointer transform overflow-hidden'>
               <LazyImage
                 src={post?.pageCoverThumbnail}
@@ -69,9 +64,12 @@ const BlogCard = ({ index, post, showSummary, siteInfo }) => {
           <h2>
             <Link
               passHref
-              href={url}
+              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`}>
-              {siteConfig('POST_TITLE_ICON') && <NotionIcon icon={post.pageIcon} />} {post.title}
+              {siteConfig('POST_TITLE_ICON') && (
+                <NotionIcon icon={post.pageIcon} />
+              )}{' '}
+              {post.title}
             </Link>
           </h2>
 

themes/fukasawa/components/BlogPostArchive.js

@@ -1,6 +1,4 @@
 import Link from 'next/link'
-import { siteConfig } from '@/lib/config'
-import { checkContainHttp, sliceUrlFromHttp } from '@/lib/utils'
 
 /**
  * 博客归档
@@ -16,31 +14,28 @@ const BlogArchiveItem = ({ posts = [], archiveTitle }) => {
     return (
       <div>
         <div
-          className="pt-16 pb-4 text-3xl dark:text-gray-300"
-          id={archiveTitle}
-        >
+          className='pt-16 pb-4 text-3xl dark:text-gray-300'
+          id={archiveTitle}>
           {archiveTitle}
         </div>
         <ul>
           {posts?.map(post => {
-            const url = checkContainHttp(post.slug) ? sliceUrlFromHttp(post.slug) : `${siteConfig('SUB_PATH', '')}/${post.slug}`
-            return <li
-              key={post.id}
-              className="border-l-2 p-1 text-xs md:text-base items-center  hover:scale-x-105 hover:border-gray-500 dark:hover:border-gray-300 dark:border-gray-400 transform duration-500"
-            >
-              <div id={post?.publishDay}>
-                <span className="text-gray-400">{post.date?.start_date}</span>{' '}
-                &nbsp;
-                <Link
-                  href={url}
-                  passHref
-                  className="dark:text-gray-400  dark:hover:text-gray-300 overflow-x-hidden hover:underline cursor-pointer text-gray-600">
-
-                  {post.title}
-
-                </Link>
-              </div>
-            </li>
+            return (
+              <li
+                key={post.id}
+                className='border-l-2 p-1 text-xs md:text-base items-center  hover:scale-x-105 hover:border-gray-500 dark:hover:border-gray-300 dark:border-gray-400 transform duration-500'>
+                <div id={post?.publishDay}>
+                  <span className='text-gray-400'>{post.date?.start_date}</span>{' '}
+                  &nbsp;
+                  <Link
+                    href={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>
+                </div>
+              </li>
+            )
           })}
         </ul>
       </div>

themes/game/components/BlogArchiveItem.js

@@ -1,6 +1,4 @@
-import { siteConfig } from '@/lib/config'
 import Link from 'next/link'
-import { checkContainHttp, sliceUrlFromHttp } from '@/lib/utils'
 
 /**
  * 归档分组文章
@@ -9,36 +7,31 @@ import { checkContainHttp, sliceUrlFromHttp } from '@/lib/utils'
  */
 export default function BlogArchiveItem({ archiveTitle, archivePosts }) {
   return (
-        <div key={archiveTitle}>
-            <div id={archiveTitle} className="pt-16 pb-4 text-3xl dark:text-gray-300" >
-                {archiveTitle}
-            </div>
+    <div key={archiveTitle}>
+      <div id={archiveTitle} className='pt-16 pb-4 text-3xl dark:text-gray-300'>
+        {archiveTitle}
+      </div>
 
-            <ul>
-                {archivePosts[archiveTitle].map(post => {
-                  const url = checkContainHttp(post.slug) ? sliceUrlFromHttp(post.slug) : `${siteConfig('SUB_PATH', '')}/${post.slug}`
-
-                  return <li
-                        key={post.id}
-                        className="border-l-2 p-1 text-xs md:text-base items-center  hover:scale-x-105 hover:border-gray-500 dark:hover:border-gray-300 dark:border-gray-400 transform duration-500"
-                    >
-                        <div id={post?.publishDay}>
-                            <span className="text-gray-400">
-                                {post.date?.start_date}
-                            </span>{' '}
-                            &nbsp;
-                            <Link
-                                href={url}
-                                passHref
-                                className="dark:text-gray-400  dark:hover:text-gray-300 overflow-x-hidden hover:underline cursor-pointer text-gray-600">
-
-                                {post.title}
-
-                            </Link>
-                        </div>
-                    </li>
-                })}
-            </ul>
-        </div>
+      <ul>
+        {archivePosts[archiveTitle].map(post => {
+          return (
+            <li
+              key={post.id}
+              className='border-l-2 p-1 text-xs md:text-base items-center  hover:scale-x-105 hover:border-gray-500 dark:hover:border-gray-300 dark:border-gray-400 transform duration-500'>
+              <div id={post?.publishDay}>
+                <span className='text-gray-400'>{post.date?.start_date}</span>{' '}
+                &nbsp;
+                <Link
+                  href={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>
+              </div>
+            </li>
+          )
+        })}
+      </ul>
+    </div>
   )
 }

themes/game/components/BlogPost.js

@@ -1,40 +1,40 @@
-import Link from 'next/link'
-import { siteConfig } from '@/lib/config'
-import { checkContainHttp, sliceUrlFromHttp } from '@/lib/utils'
 import NotionIcon from '@/components/NotionIcon'
 import NotionPage from '@/components/NotionPage'
+import { siteConfig } from '@/lib/config'
+import Link from 'next/link'
 
 const BlogPost = ({ post }) => {
-  const url = checkContainHttp(post.slug) ? sliceUrlFromHttp(post.slug) : `${siteConfig('SUB_PATH', '')}/${post.slug}`
-
   const showPreview = siteConfig('POST_LIST_PREVIEW') && post.blockMap
 
   return (
-    (<Link href={url}>
-
-      <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">
-            {siteConfig('POST_TITLE_ICON') && <NotionIcon icon={post.pageIcon} />}{post.title}
+    <Link 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'>
+            {siteConfig('POST_TITLE_ICON') && (
+              <NotionIcon icon={post.pageIcon} />
+            )}
+            {post.title}
           </h2>
-          <time className="flex-shrink-0 text-gray-600 dark:text-gray-400">
+          <time className='flex-shrink-0 text-gray-600 dark:text-gray-400'>
             {post?.publishDay}
           </time>
         </header>
         <main>
-          {!showPreview && <p className="hidden md:block leading-8 text-gray-700 dark:text-gray-300">
-            {post.summary}
-          </p>}
+          {!showPreview && (
+            <p className='hidden md:block leading-8 text-gray-700 dark:text-gray-300'>
+              {post.summary}
+            </p>
+          )}
           {showPreview && post?.blockMap && (
-            <div className="overflow-ellipsis truncate">
+            <div className='overflow-ellipsis truncate'>
               <NotionPage post={post} />
-              <hr className='border-dashed py-4'/>
+              <hr className='border-dashed py-4' />
             </div>
           )}
         </main>
       </article>
-
-    </Link>)
+    </Link>
   )
 }
 

themes/gitbook/components/BlogPostCard.js

@@ -1,7 +1,6 @@
 import Badge from '@/components/Badge'
 import NotionIcon from '@/components/NotionIcon'
 import { siteConfig } from '@/lib/config'
-import { checkContainHttp, sliceUrlFromHttp } from '@/lib/utils'
 import Link from 'next/link'
 import { useRouter } from 'next/router'
 import CONFIG from '../config'
@@ -9,11 +8,9 @@ import CONFIG from '../config'
 const BlogPostCard = ({ post, className }) => {
   const router = useRouter()
   const currentSelected = router.asPath.split('?')[0] === '/' + post.slug
-  const url = checkContainHttp(post.slug)
-    ? sliceUrlFromHttp(post.slug)
-    : `${siteConfig('SUB_PATH', '')}/${post.slug}`
+
   return (
-    <Link href={url} passHref>
+    <Link href={post?.href} passHref>
       <div
         key={post.id}
         className={`${className} relative py-1.5 cursor-pointer px-1.5 hover:bg-gray-50 rounded-md dark:hover:bg-yellow-100 dark:hover:text-yellow-600

themes/gitbook/components/Header.js

@@ -24,25 +24,25 @@ export default function Header(props) {
     {
       icon: 'fas fa-th',
       name: locale.COMMON.CATEGORY,
-      to: '/category',
+      href: '/category',
       show: siteConfig('GITBOOK_MENU_CATEGORY', null, CONFIG)
     },
     {
       icon: 'fas fa-tag',
       name: locale.COMMON.TAGS,
-      to: '/tag',
+      href: '/tag',
       show: siteConfig('GITBOOK_BOOK_MENU_TAG', null, CONFIG)
     },
     {
       icon: 'fas fa-archive',
       name: locale.NAV.ARCHIVE,
-      to: '/archive',
+      href: '/archive',
       show: siteConfig('GITBOOK_MENU_ARCHIVE', null, CONFIG)
     },
     {
       icon: 'fas fa-search',
       name: locale.NAV.SEARCH,
-      to: '/search',
+      href: '/search',
       show: siteConfig('GITBOOK_MENU_SEARCH', null, CONFIG)
     }
   ]

themes/gitbook/components/MenuBarMobile.js

@@ -1,18 +1,30 @@
+import { siteConfig } from '@/lib/config'
 import { useGlobal } from '@/lib/global'
 import CONFIG from '../config'
-import { siteConfig } from '@/lib/config'
 import { MenuItemCollapse } from './MenuItemCollapse'
 
-export const MenuBarMobile = (props) => {
+export const MenuBarMobile = props => {
   const { customMenu, customNav } = props
   const { locale } = useGlobal()
 
   let links = [
-    // { name: locale.NAV.INDEX, to: '/' || '/', show: true },
-    { name: locale.COMMON.CATEGORY, to: '/category', show: siteConfig('GITBOOK_MENU_CATEGORY', null, CONFIG) },
-    { name: locale.COMMON.TAGS, to: '/tag', show: siteConfig('GITBOOK_BOOK_MENU_TAG', null, CONFIG) },
-    { name: locale.NAV.ARCHIVE, to: '/archive', show: siteConfig('GITBOOK_MENU_ARCHIVE', null, CONFIG) }
-    // { name: locale.NAV.SEARCH, to: '/search', show: siteConfig('MENU_SEARCH', null, CONFIG) }
+    // { name: locale.NAV.INDEX, href: '/' || '/', show: true },
+    {
+      name: locale.COMMON.CATEGORY,
+      href: '/category',
+      show: siteConfig('GITBOOK_MENU_CATEGORY', null, CONFIG)
+    },
+    {
+      name: locale.COMMON.TAGS,
+      href: '/tag',
+      show: siteConfig('GITBOOK_BOOK_MENU_TAG', null, CONFIG)
+    },
+    {
+      name: locale.NAV.ARCHIVE,
+      href: '/archive',
+      show: siteConfig('GITBOOK_MENU_ARCHIVE', null, CONFIG)
+    }
+    // { name: locale.NAV.SEARCH, href: '/search', show: siteConfig('MENU_SEARCH', null, CONFIG) }
   ]
 
   if (customNav) {
@@ -30,7 +42,13 @@ export const MenuBarMobile = (props) => {
 
   return (
     <nav id='nav' className=' text-md'>
-        {links?.map((link, index) => <MenuItemCollapse onHeightChange={props.onHeightChange} key={index} link={link}/>)}
+      {links?.map((link, index) => (
+        <MenuItemCollapse
+          onHeightChange={props.onHeightChange}
+          key={index}
+          link={link}
+        />
+      ))}
     </nav>
   )
 }

themes/gitbook/components/MenuItemCollapse.js

@@ -21,7 +21,7 @@ export const MenuItemCollapse = props => {
     return null
   }
 
-  const selected = router.pathname === link.to || router.asPath === link.to
+  const selected = router.pathname === link.href || router.asPath === link.href
 
   const toggleShow = () => {
     changeShow(!show)
@@ -43,7 +43,7 @@ export const MenuItemCollapse = props => {
         onClick={toggleShow}>
         {!hasSubMenu && (
           <Link
-            href={link?.to}
+            href={link?.href}
             target={link?.target}
             className='py-2 w-full my-auto items-center justify-between flex  '>
             <div>
@@ -79,7 +79,7 @@ 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.to} target={link?.target}>
+                <Link href={sLink.href} target={link?.target}>
                   <div>
                     <div
                       className={`${sLink.icon} text-center w-3 mr-3 text-xs`}

themes/gitbook/components/MenuItemDrop.js

@@ -10,7 +10,7 @@ export const MenuItemDrop = ({ link }) => {
     return null
   }
   const hasSubMenu = link?.subMenus?.length > 0
-  const selected = router.pathname === link.to || router.asPath === link.to
+  const selected = router.pathname === link.href || router.asPath === link.href
   return (
     <li
       className='cursor-pointer list-none items-center flex mx-2'
@@ -42,7 +42,7 @@ export const MenuItemDrop = ({ link }) => {
               ? 'bg-green-600 text-white hover:text-white'
               : 'hover:text-green-600')
           }>
-          <Link href={link?.to} target={link?.target}>
+          <Link href={link?.href} target={link?.target}>
             {link?.icon && <i className={link?.icon} />} {link?.name}
           </Link>
         </div>
@@ -57,7 +57,7 @@ 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.to} target={link?.target}>
+                <Link href={sLink.href} target={link?.target}>
                   <span className='text-xs font-extralight'>
                     {link?.icon && <i className={sLink?.icon}> &nbsp; </i>}
                     {sLink.title}

themes/gitbook/components/MenuItemMobileNormal.js

@@ -9,19 +9,21 @@ export const NormalMenu = props => {
     return null
   }
 
-  const selected = (router.pathname === link.to) || (router.asPath === link.to)
+  const selected = router.pathname === link.href || router.asPath === link.href
 
-  return <Link
-    key={`${link.to}`}
-    title={link.to}
-    href={link.to}
-    className={'py-0.5 duration-500 justify-between text-gray-500 dark:text-gray-300 hover:text-black hover:underline cursor-pointer flex flex-nowrap items-center ' +
-        (selected ? 'text-black' : ' ')}>
-
-    <div className='my-auto items-center justify-center flex '>
-      <div className={ 'hover:text-black'}>{link.name}</div>
-    </div>
-    {link.slot}
-
-  </Link>
+  return (
+    <Link
+      key={`${link.slug}`}
+      title={link.name}
+      href={link.href}
+      className={
+        'py-0.5 duration-500 justify-between text-gray-500 dark:text-gray-300 hover:text-black hover:underline cursor-pointer flex flex-nowrap items-center ' +
+        (selected ? 'text-black' : ' ')
+      }>
+      <div className='my-auto items-center justify-center flex '>
+        <div className={'hover:text-black'}>{link.name}</div>
+      </div>
+      {link.slot}
+    </Link>
+  )
 }

themes/gitbook/components/MenuItemPCNormal.js

@@ -4,21 +4,27 @@ import { useRouter } from 'next/router'
 export const MenuItemPCNormal = props => {
   const { link } = props
   const router = useRouter()
-  const selected = (router.pathname === link.to) || (router.asPath === link.to)
+  const selected = router.pathname === link.href || router.asPath === link.href
   if (!link || !link.show) {
     return null
   }
 
-  return <Link
-        key={`${link.id}-${link.to}`}
-        title={link.to}
-        href={link.to}
-        className={'px-2 duration-300 text-sm justify-between dark:text-gray-300 cursor-pointer flex flex-nowrap items-center ' +
-            (selected ? 'bg-green-600 text-white hover:text-white' : 'hover:text-green-600')}>
-        <div className='items-center justify-center flex '>
-            <i className={link.icon} />
-            <div className='ml-2 whitespace-nowrap'>{link.name}</div>
-        </div>
-        {link.slot}
+  return (
+    <Link
+      key={`${link.id}-${link.slug}`}
+      title={link.name}
+      href={link.href}
+      className={
+        'px-2 duration-300 text-sm justify-between dark:text-gray-300 cursor-pointer flex flex-nowrap items-center ' +
+        (selected
+          ? 'bg-green-600 text-white hover:text-white'
+          : 'hover:text-green-600')
+      }>
+      <div className='items-center justify-center flex '>
+        <i className={link.icon} />
+        <div className='ml-2 whitespace-nowrap'>{link.name}</div>
+      </div>
+      {link.slot}
     </Link>
+  )
 }

themes/heo/components/ArticleRecommend.js

@@ -1,9 +1,8 @@
-import Link from 'next/link'
-import CONFIG from '../config'
-import { useGlobal } from '@/lib/global'
 import LazyImage from '@/components/LazyImage'
 import { siteConfig } from '@/lib/config'
-import { checkContainHttp, sliceUrlFromHttp } from '@/lib/utils'
+import { useGlobal } from '@/lib/global'
+import Link from 'next/link'
+import CONFIG from '../config'
 
 /**
  * 关联推荐文章
@@ -15,53 +14,52 @@ export default function ArticleRecommend({ recommendPosts, siteInfo }) {
 
   if (
     !siteConfig('HEO_ARTICLE_RECOMMEND', null, CONFIG) ||
-        !recommendPosts ||
-        recommendPosts.length === 0
+    !recommendPosts ||
+    recommendPosts.length === 0
   ) {
     return <></>
   }
 
   return (
-        <div className="pt-8 hidden md:block">
-
-            {/* 推荐文章 */}
-            <div className=" mb-2 px-1 flex flex-nowrap justify-between">
-                <div className='dark:text-gray-300 text-lg font-bold'>
-                    <i className="mr-2 fas fa-thumbs-up" />
-                    {locale.COMMON.RELATE_POSTS}
-                </div>
-            </div>
-
-            {/* 文章列表 */}
-
-            <div className="grid grid-cols-2 md:grid-cols-3 gap-4">
-                {recommendPosts.map(post => {
-                  const headerImage = post?.pageCoverThumbnail
-                    ? post.pageCoverThumbnail
-                    : siteInfo?.pageCover
-                  const url = checkContainHttp(post.slug) ? sliceUrlFromHttp(post.slug) : `${siteConfig('SUB_PATH', '')}/${post.slug}`
-
-                  return (
-                    (<Link
-                            key={post.id}
-                            title={post.title}
-                            href={url}
-                            passHref
-                            className="flex h-40 cursor-pointer overflow-hidden rounded-2xl">
-
-                            <div className="h-full w-full relative group">
-                                <div className="flex items-center justify-center w-full h-full duration-300 ">
-                                    <div className="z-10 text-lg px-4 font-bold text-white text-center shadow-text select-none">
-                                       {post.title}
-                                    </div>
-                                </div>
-                                <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>)
-                  )
-                })}
-            </div>
+    <div className='pt-8 hidden md:block'>
+      {/* 推荐文章 */}
+      <div className=' mb-2 px-1 flex flex-nowrap justify-between'>
+        <div className='dark:text-gray-300 text-lg font-bold'>
+          <i className='mr-2 fas fa-thumbs-up' />
+          {locale.COMMON.RELATE_POSTS}
         </div>
+      </div>
+
+      {/* 文章列表 */}
+
+      <div className='grid grid-cols-2 md:grid-cols-3 gap-4'>
+        {recommendPosts.map(post => {
+          const headerImage = post?.pageCoverThumbnail
+            ? post?.pageCoverThumbnail
+            : siteInfo?.pageCover
+
+          return (
+            <Link
+              key={post?.id}
+              title={post?.title}
+              href={post?.href}
+              passHref
+              className='flex h-40 cursor-pointer overflow-hidden rounded-2xl'>
+              <div className='h-full w-full relative group'>
+                <div className='flex items-center justify-center w-full h-full duration-300 '>
+                  <div className='z-10 text-lg px-4 font-bold text-white text-center shadow-text select-none'>
+                    {post.title}
+                  </div>
+                </div>
+                <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>
+          )
+        })}
+      </div>
+    </div>
   )
 }

themes/heo/components/BlogPostArchive.js

@@ -1,9 +1,8 @@
+import LazyImage from '@/components/LazyImage'
+import { siteConfig } from '@/lib/config'
 import Link from 'next/link'
 import CONFIG from '../config'
 import TagItemMini from './TagItemMini'
-import LazyImage from '@/components/LazyImage'
-import { siteConfig } from '@/lib/config'
-import { checkContainHttp, sliceUrlFromHttp } from '@/lib/utils'
 
 /**
  * 博客归档列表
@@ -17,72 +16,89 @@ const BlogPostArchive = ({ posts = [], archiveTitle, siteInfo }) => {
     return <></>
   } else {
     return (
-            <div className=''>
-                <div
-                    className="pb-4 dark:text-gray-300"
-                    id={archiveTitle}
-                >
-                    {archiveTitle}
-                </div>
-                <ul>
-                    {posts?.map(post => {
-                      const url = checkContainHttp(post.slug) ? sliceUrlFromHttp(post.slug) : `${siteConfig('SUB_PATH', '')}/${post.slug}`
+      <div className=''>
+        <div className='pb-4 dark:text-gray-300' id={archiveTitle}>
+          {archiveTitle}
+        </div>
+        <ul>
+          {posts?.map(post => {
+            const showPreview =
+              siteConfig('HEO_POST_LIST_PREVIEW', null, CONFIG) && post.blockMap
+            if (
+              post &&
+              !post.pageCoverThumbnail &&
+              siteConfig('HEO_POST_LIST_COVER_DEFAULT', null, CONFIG)
+            ) {
+              post.pageCoverThumbnail = siteInfo?.pageCover
+            }
+            const showPageCover =
+              siteConfig('HEO_POST_LIST_COVER', null, CONFIG) &&
+              post?.pageCoverThumbnail &&
+              !showPreview
+            return (
+              <div
+                key={post.id}
+                className={
+                  'cursor-pointer flex flex-row mb-4 h-24 md:flex-row group w-full  dark:border-gray-600 hover:border-indigo-600  dark:hover:border-yellow-600 duration-300 transition-colors justify-between overflow-hidden'
+                }>
+                {/* 图片封面 */}
+                {showPageCover && (
+                  <div>
+                    <Link href={post?.href} passHref legacyBehavior>
+                      <LazyImage
+                        className={'rounded-xl bg-center bg-cover w-40 h-24'}
+                        src={post?.pageCoverThumbnail}
+                      />
+                    </Link>
+                  </div>
+                )}
 
-                      const showPreview = siteConfig('HEO_POST_LIST_PREVIEW', null, CONFIG) && post.blockMap
-                      if (post && !post.pageCoverThumbnail && siteConfig('HEO_POST_LIST_COVER_DEFAULT', null, CONFIG)) {
-                        post.pageCoverThumbnail = siteInfo?.pageCover
-                      }
-                      const showPageCover = siteConfig('HEO_POST_LIST_COVER', null, CONFIG) && post?.pageCoverThumbnail && !showPreview
-                      return <div key={post.id} className={'cursor-pointer flex flex-row mb-4 h-24 md:flex-row group w-full  dark:border-gray-600 hover:border-indigo-600  dark:hover:border-yellow-600 duration-300 transition-colors justify-between overflow-hidden'}>
+                {/* 文字区块 */}
+                <div className={'flex px-2 flex-col justify-between w-full'}>
+                  <div>
+                    {/* 分类 */}
+                    {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
+                          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>
+                      </div>
+                    )}
 
-                            {/* 图片封面 */}
-                            {showPageCover && (
-                                <div>
-                                    <Link href={url} passHref legacyBehavior>
-                                        <LazyImage className={'rounded-xl bg-center bg-cover w-40 h-24'} src={post?.pageCoverThumbnail}/>
-                                    </Link>
-                                </div>
-                            )}
+                    {/* 标题 */}
+                    <Link
+                      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>
+                  </div>
 
-                            {/* 文字区块 */}
-                            <div className={'flex px-2 flex-col justify-between w-full'}>
-                                <div>
-                                    {/* 分类 */}
-                                    {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 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>
-                                    </div>}
-
-                                    {/* 标题 */}
-                                    <Link
-                                        href={url}
-                                        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>
-                                </div>
-
-                                {/* 摘要 */}
-                                    {/* <p className="line-clamp-1 replace my-3 2xl:my-0 text-gray-700  dark:text-gray-300 text-xs font-light leading-tight">
+                  {/* 摘要 */}
+                  {/* <p className="line-clamp-1 replace my-3 2xl:my-0 text-gray-700  dark:text-gray-300 text-xs font-light leading-tight">
                                         {post.summary}
                                     </p> */}
 
-                                <div className="md:flex-nowrap flex-wrap md:justify-start inline-block">
-                                    <div>
-                                        {' '}
-                                        {post.tagItems?.map(tag => (
-                                            <TagItemMini key={tag.name} tag={tag} />
-                                        ))}
-                                    </div>
-                                </div>
-
-                            </div>
-                        </div>
-                    })}
-                </ul>
-            </div>
+                  <div className='md:flex-nowrap flex-wrap md:justify-start inline-block'>
+                    <div>
+                      {' '}
+                      {post.tagItems?.map(tag => (
+                        <TagItemMini key={tag.name} tag={tag} />
+                      ))}
+                    </div>
+                  </div>
+                </div>
+              </div>
+            )
+          })}
+        </ul>
+      </div>
     )
   }
 }

themes/heo/components/BlogPostCard.js

@@ -1,74 +1,97 @@
+import LazyImage from '@/components/LazyImage'
+import NotionIcon from '@/components/NotionIcon'
+import { siteConfig } from '@/lib/config'
 import Link from 'next/link'
 import CONFIG from '../config'
 import TagItemMini from './TagItemMini'
-import LazyImage from '@/components/LazyImage'
-import { siteConfig } from '@/lib/config'
-import { checkContainHttp, sliceUrlFromHttp } from '@/lib/utils'
-import NotionIcon from '@/components/NotionIcon'
 
 const BlogPostCard = ({ index, post, showSummary, siteInfo }) => {
-  const showPreview = siteConfig('HEO_POST_LIST_PREVIEW', null, CONFIG) && post.blockMap
-  if (post && !post.pageCoverThumbnail && siteConfig('HEO_POST_LIST_COVER_DEFAULT', null, CONFIG)) {
+  const showPreview =
+    siteConfig('HEO_POST_LIST_PREVIEW', null, CONFIG) && post.blockMap
+  if (
+    post &&
+    !post.pageCoverThumbnail &&
+    siteConfig('HEO_POST_LIST_COVER_DEFAULT', null, CONFIG)
+  ) {
     post.pageCoverThumbnail = siteInfo?.pageCover
   }
-  const showPageCover = siteConfig('HEO_POST_LIST_COVER', null, CONFIG) && post?.pageCoverThumbnail && !showPreview
-  const url = checkContainHttp(post.slug) ? sliceUrlFromHttp(post.slug) : `${siteConfig('SUB_PATH', '')}/${post.slug}`
+  const showPageCover =
+    siteConfig('HEO_POST_LIST_COVER', null, CONFIG) &&
+    post?.pageCoverThumbnail &&
+    !showPreview
   return (
-        <article className={` ${siteConfig('HEO_POST_LIST_COVER_HOVER_ENLARGE', null, CONFIG) ? ' hover:scale-110 transition-all duration-150' : ''}`} >
-
-            <div data-wow-delay=".2s"
-                className={'wow fadeInUp border bg-white dark:bg-[#1e1e1e] flex mb-4 flex-col h-[23rem] md:h-52 md:flex-row 2xl:h-96 2xl:flex-col group w-full dark:border-gray-600 hover:border-indigo-600  dark:hover:border-yellow-600 duration-300 transition-colors justify-between overflow-hidden rounded-xl'}>
-
-                {/* 图片封面 */}
-                {showPageCover && (
-                    <Link href={url} passHref legacyBehavior>
-                        <div className="w-full md:w-5/12 2xl:w-full overflow-hidden">
-                            <LazyImage priority={index === 0} src={post?.pageCoverThumbnail} alt={post?.title} className='h-60 w-full object-cover group-hover:scale-105 group-hover:brightness-75 transition-all duration-300' />
-                        </div>
-                    </Link>
-                )}
-
-                {/* 文字区块 */}
-                <div className={'flex p-6 2xl:p-4 flex-col justify-between h-48 md:h-full 2xl:h-48 w-full md:w-7/12 2xl:w-full'}>
-                    <header>
-                        {/* 分类 */}
-                        {post?.category && <div className={`flex mb-1 items-center ${showPreview ? 'justify-center' : 'justify-start'} hidden md:block flex-wrap dark:text-gray-500 text-gray-600 `}>
-                            <Link passHref href={`/category/${post.category}`}
-                                className="cursor-pointer text-xs font-normal menu-link hover:text-indigo-700 dark:hover:text-yellow-700  dark:text-gray-600 transform">
-                                {post.category}
-                            </Link>
-                        </div>}
-
-                        {/* 标题 */}
-                        <Link
-                            href={url}
-                            passHref
-                            className={' group-hover:text-indigo-700 dark:hover:text-yellow-700 dark:group-hover:text-yellow-600 text-black dark:text-gray-100  line-clamp-2 replace cursor-pointer text-xl font-extrabold leading-tight'}>
-                            {siteConfig('POST_TITLE_ICON') && <NotionIcon icon={post.pageIcon} />}<span className='menu-link '>{post.title}</span>
-                        </Link>
-                    </header>
-
-                    {/* 摘要 */}
-                    {(!showPreview || showSummary) && (
-                        <main className="line-clamp-2 replace my-3 2xl:my-1 text-gray-700  dark:text-gray-300 text-sm font-light leading-tight">
-                            {post.summary}
-                        </main>
-                    )}
-
-                    <div className="md:flex-nowrap flex-wrap md:justify-start inline-block">
-                        <div>
-                            {' '}
-                            {post.tagItems?.map(tag => (
-                                <TagItemMini key={tag.name} tag={tag} />
-                            ))}
-                        </div>
-                    </div>
-
-                </div>
+    <article
+      className={` ${siteConfig('HEO_POST_LIST_COVER_HOVER_ENLARGE', null, CONFIG) ? ' hover:scale-110 transition-all duration-150' : ''}`}>
+      <div
+        data-wow-delay='.2s'
+        className={
+          'wow fadeInUp border bg-white dark:bg-[#1e1e1e] flex mb-4 flex-col h-[23rem] md:h-52 md:flex-row 2xl:h-96 2xl:flex-col group w-full dark:border-gray-600 hover:border-indigo-600  dark:hover:border-yellow-600 duration-300 transition-colors justify-between overflow-hidden rounded-xl'
+        }>
+        {/* 图片封面 */}
+        {showPageCover && (
+          <Link href={post?.href} passHref legacyBehavior>
+            <div className='w-full md:w-5/12 2xl:w-full overflow-hidden'>
+              <LazyImage
+                priority={index === 0}
+                src={post?.pageCoverThumbnail}
+                alt={post?.title}
+                className='h-60 w-full object-cover group-hover:scale-105 group-hover:brightness-75 transition-all duration-300'
+              />
             </div>
+          </Link>
+        )}
 
-        </article>
+        {/* 文字区块 */}
+        <div
+          className={
+            'flex p-6 2xl:p-4 flex-col justify-between h-48 md:h-full 2xl:h-48 w-full md:w-7/12 2xl:w-full'
+          }>
+          <header>
+            {/* 分类 */}
+            {post?.category && (
+              <div
+                className={`flex mb-1 items-center ${showPreview ? 'justify-center' : 'justify-start'} hidden md:block flex-wrap dark:text-gray-500 text-gray-600 `}>
+                <Link
+                  passHref
+                  href={`/category/${post.category}`}
+                  className='cursor-pointer text-xs font-normal menu-link hover:text-indigo-700 dark:hover:text-yellow-700  dark:text-gray-600 transform'>
+                  {post.category}
+                </Link>
+              </div>
+            )}
 
+            {/* 标题 */}
+            <Link
+              href={post?.href}
+              passHref
+              className={
+                ' group-hover:text-indigo-700 dark:hover:text-yellow-700 dark:group-hover:text-yellow-600 text-black dark:text-gray-100  line-clamp-2 replace cursor-pointer text-xl font-extrabold leading-tight'
+              }>
+              {siteConfig('POST_TITLE_ICON') && (
+                <NotionIcon icon={post.pageIcon} />
+              )}
+              <span className='menu-link '>{post.title}</span>
+            </Link>
+          </header>
+
+          {/* 摘要 */}
+          {(!showPreview || showSummary) && (
+            <main className='line-clamp-2 replace my-3 2xl:my-1 text-gray-700  dark:text-gray-300 text-sm font-light leading-tight'>
+              {post.summary}
+            </main>
+          )}
+
+          <div className='md:flex-nowrap flex-wrap md:justify-start inline-block'>
+            <div>
+              {' '}
+              {post.tagItems?.map(tag => (
+                <TagItemMini key={tag.name} tag={tag} />
+              ))}
+            </div>
+          </div>
+        </div>
+      </div>
+    </article>
   )
 }
 

themes/heo/components/LatestPostsGroup.js

@@ -1,7 +1,5 @@
 import LazyImage from '@/components/LazyImage'
-import { siteConfig } from '@/lib/config'
 import Link from 'next/link'
-import { checkContainHttp, sliceUrlFromHttp } from '@/lib/utils'
 
 /**
  * 最新文章列表
@@ -16,36 +14,38 @@ const LatestPostsGroup = ({ latestPosts, siteInfo }) => {
     return <></>
   }
 
-  return <div className='grid grid-cols-2 gap-4'>
-        {latestPosts.map(post => {
-          const headerImage = post?.pageCoverThumbnail ? post.pageCoverThumbnail : siteInfo?.pageCover
-          const url = checkContainHttp(post.slug) ? sliceUrlFromHttp(post.slug) : `${siteConfig('SUB_PATH', '')}/${post.slug}`
+  return (
+    <div className='grid grid-cols-2 gap-4'>
+      {latestPosts.map(post => {
+        const headerImage = post?.pageCoverThumbnail
+          ? post.pageCoverThumbnail
+          : siteInfo?.pageCover
 
-          return (
-            (<Link key={post.id} passHref
-                    title={post.title}
-                    href={url}
+        return (
+          <Link
+            key={post.id}
+            passHref
+            title={post.title}
+            href={post?.href}
+            className={'my-3 flex flex-col w-full'}>
+            <div className='w-full h-24 md:h-60 overflow-hidden relative rounded-lg mb-2'>
+              <LazyImage
+                src={`${headerImage}`}
+                className='object-cover w-full h-full'
+              />
+            </div>
 
-                    className={'my-3 flex flex-col w-full'}>
-
-                    <div className="w-full h-24 md:h-60 overflow-hidden relative rounded-lg mb-2">
-                        <LazyImage src={`${headerImage}`} className='object-cover w-full h-full' />
-                    </div>
-
-                    <div
-                        className={
-                            ' font-bold  overflow-x-hidden dark:text-white hover:text-indigo-600 px-2 duration-200 w-full rounded ' +
-                            ' hover:text-indigo-400 cursor-pointer'
-                        }
-                    >
-
-                        <div className='line-clamp-2 menu-link'>{post.title}</div>
-
-                    </div>
-
-                </Link>)
-          )
-        })}
+            <div
+              className={
+                ' font-bold  overflow-x-hidden dark:text-white hover:text-indigo-600 px-2 duration-200 w-full rounded ' +
+                ' hover:text-indigo-400 cursor-pointer'
+              }>
+              <div className='line-clamp-2 menu-link'>{post.title}</div>
+            </div>
+          </Link>
+        )
+      })}
     </div>
+  )
 }
 export default LatestPostsGroup

themes/heo/components/LatestPostsGroupMini.js

@@ -4,7 +4,6 @@ import { useGlobal } from '@/lib/global'
 // import Image from 'next/image'
 import Link from 'next/link'
 import { useRouter } from 'next/router'
-import { checkContainHttp, sliceUrlFromHttp } from '@/lib/utils'
 
 /**
  * 最新文章列表
@@ -12,7 +11,7 @@ import { checkContainHttp, sliceUrlFromHttp } from '@/lib/utils'
  * @param sliceCount 截取展示的数量 默认6
  * @constructor
  */
-export default function LatestPostsGroupMini ({ latestPosts, siteInfo }) {
+export default function LatestPostsGroupMini({ latestPosts, siteInfo }) {
   // 获取当前路径
   const currentPath = useRouter().asPath
   const { locale } = useGlobal()
@@ -21,44 +20,48 @@ export default function LatestPostsGroupMini ({ latestPosts, siteInfo }) {
     return <></>
   }
 
-  return <>
-        <div className=" mb-2 px-1 flex flex-nowrap justify-between">
-            <div>
-                <i className="mr-2 fas fas fa-history" />
-                {locale.COMMON.LATEST_POSTS}
-            </div>
+  return (
+    <>
+      <div className=' mb-2 px-1 flex flex-nowrap justify-between'>
+        <div>
+          <i className='mr-2 fas fas fa-history' />
+          {locale.COMMON.LATEST_POSTS}
         </div>
-        {latestPosts.map(post => {
-          const selected = currentPath === `${siteConfig('SUB_PATH', '')}/${post.slug}`
-          const headerImage = post?.pageCoverThumbnail ? post.pageCoverThumbnail : siteInfo?.pageCover
-          const url = checkContainHttp(post.slug) ? sliceUrlFromHttp(post.slug) : `${siteConfig('SUB_PATH', '')}/${post.slug}`
+      </div>
+      {latestPosts.map(post => {
+        const selected =
+          currentPath === `${siteConfig('SUB_PATH', '')}/${post.slug}`
+        const headerImage = post?.pageCoverThumbnail
+          ? post.pageCoverThumbnail
+          : siteInfo?.pageCover
 
-          return (
-            (<Link
-                    key={post.id}
-                    title={post.title}
-                    href={url}
-                    passHref
-                    className={'my-3 flex'}>
-
-                    <div className="w-20 h-14 overflow-hidden relative">
-                            <LazyImage src={`${headerImage}`} className='object-cover w-full h-full rounded-lg'/>
-                    </div>
-                    <div
-                        className={
-                            (selected ? ' text-indigo-400 ' : 'dark:text-gray-400 ') +
-                            ' text-sm overflow-x-hidden hover:text-indigo-600 px-2 duration-200 w-full rounded ' +
-                            ' hover:text-indigo-400 cursor-pointer items-center flex'
-                        }
-                    >
-                        <div>
-                            <div className='line-clamp-2 menu-link'>{post.title}</div>
-                            <div className="text-gray-500">{post.lastEditedDay}</div>
-                        </div>
-                    </div>
-
-                </Link>)
-          )
-        })}
+        return (
+          <Link
+            key={post.id}
+            title={post.title}
+            href={post?.href}
+            passHref
+            className={'my-3 flex'}>
+            <div className='w-20 h-14 overflow-hidden relative'>
+              <LazyImage
+                src={`${headerImage}`}
+                className='object-cover w-full h-full rounded-lg'
+              />
+            </div>
+            <div
+              className={
+                (selected ? ' text-indigo-400 ' : 'dark:text-gray-400 ') +
+                ' text-sm overflow-x-hidden hover:text-indigo-600 px-2 duration-200 w-full rounded ' +
+                ' hover:text-indigo-400 cursor-pointer items-center flex'
+              }>
+              <div>
+                <div className='line-clamp-2 menu-link'>{post.title}</div>
+                <div className='text-gray-500'>{post.lastEditedDay}</div>
+              </div>
+            </div>
+          </Link>
+        )
+      })}
     </>
+  )
 }

themes/hexo/components/ArticleRecommend.js

@@ -1,7 +1,6 @@
 import LazyImage from '@/components/LazyImage'
 import { siteConfig } from '@/lib/config'
 import { useGlobal } from '@/lib/global'
-import { checkContainHttp, sliceUrlFromHttp } from '@/lib/utils'
 import Link from 'next/link'
 import CONFIG from '../config'
 
@@ -13,7 +12,11 @@ import CONFIG from '../config'
 export default function ArticleRecommend({ recommendPosts, siteInfo }) {
   const { locale } = useGlobal()
 
-  if (!siteConfig('HEXO_ARTICLE_RECOMMEND', null, CONFIG) || !recommendPosts || recommendPosts.length === 0) {
+  if (
+    !siteConfig('HEXO_ARTICLE_RECOMMEND', null, CONFIG) ||
+    !recommendPosts ||
+    recommendPosts.length === 0
+  ) {
     return <></>
   }
 
@@ -27,16 +30,15 @@ export default function ArticleRecommend({ recommendPosts, siteInfo }) {
       </div>
       <div className='grid grid-cols-2 md:grid-cols-3 gap-4'>
         {recommendPosts.map(post => {
-          const headerImage = post?.pageCoverThumbnail ? post.pageCoverThumbnail : siteInfo?.pageCover
-          const url = checkContainHttp(post.slug)
-            ? sliceUrlFromHttp(post.slug)
-            : `${siteConfig('SUB_PATH', '')}/${post.slug}`
+          const headerImage = post?.pageCoverThumbnail
+            ? post.pageCoverThumbnail
+            : siteInfo?.pageCover
 
           return (
             <Link
               key={post.id}
               title={post.title}
-              href={url}
+              href={post?.href}
               passHref
               className='flex h-40 cursor-pointer overflow-hidden'>
               <div className='h-full w-full relative group'>

themes/hexo/components/BlogPostArchive.js

@@ -1,6 +1,4 @@
 import Link from 'next/link'
-import { siteConfig } from '@/lib/config'
-import { checkContainHttp, sliceUrlFromHttp } from '@/lib/utils'
 
 /**
  * 博客归档列表
@@ -16,31 +14,28 @@ const BlogPostArchive = ({ posts = [], archiveTitle }) => {
     return (
       <div>
         <div
-          className="pt-16 pb-4 text-3xl dark:text-gray-300"
-          id={archiveTitle}
-        >
+          className='pt-16 pb-4 text-3xl dark:text-gray-300'
+          id={archiveTitle}>
           {archiveTitle}
         </div>
         <ul>
           {posts?.map(post => {
-            const url = checkContainHttp(post.slug) ? sliceUrlFromHttp(post.slug) : `${siteConfig('SUB_PATH', '')}/${post.slug}`
-            return <li
-              key={post.id}
-              className="border-l-2 p-1 text-xs md:text-base items-center  hover:scale-x-105 hover:border-indigo-500 dark:hover:border-indigo-300 dark:border-indigo-400 transform duration-500"
-            >
-              <div id={post?.publishDay}>
-                <span className="text-gray-400">{post.date?.start_date}</span>{' '}
-                &nbsp;
-                <Link
-                  href={url}
-                  passHref
-                  className="dark:text-gray-400  dark:hover:text-indigo-300 overflow-x-hidden hover:underline cursor-pointer text-gray-600">
-
-                  {post.title}
-
-                </Link>
-              </div>
-            </li>
+            return (
+              <li
+                key={post.id}
+                className='border-l-2 p-1 text-xs md:text-base items-center  hover:scale-x-105 hover:border-indigo-500 dark:hover:border-indigo-300 dark:border-indigo-400 transform duration-500'>
+                <div id={post?.publishDay}>
+                  <span className='text-gray-400'>{post.date?.start_date}</span>{' '}
+                  &nbsp;
+                  <Link
+                    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>
+                </div>
+              </li>
+            )
           })}
         </ul>
       </div>

themes/hexo/components/BlogPostCard.js

@@ -1,9 +1,8 @@
+import LazyImage from '@/components/LazyImage'
+import { siteConfig } from '@/lib/config'
 import Link from 'next/link'
 import CONFIG from '../config'
 import { BlogPostCardInfo } from './BlogPostCardInfo'
-import { siteConfig } from '@/lib/config'
-import LazyImage from '@/components/LazyImage'
-import { checkContainHttp, sliceUrlFromHttp } from '@/lib/utils'
 
 const BlogPostCard = ({ index, post, showSummary, siteInfo }) => {
   const showPreview = siteConfig('HEXO_POST_LIST_PREVIEW', null, CONFIG) && post.blockMap
@@ -12,7 +11,6 @@ const BlogPostCard = ({ index, post, showSummary, siteInfo }) => {
   }
   const showPageCover = siteConfig('HEXO_POST_LIST_COVER', null, CONFIG) && post?.pageCoverThumbnail && !showPreview
   //   const delay = (index % 2) * 200
-  const url = checkContainHttp(post.slug) ? sliceUrlFromHttp(post.slug) : `${siteConfig('SUB_PATH', '')}/${post.slug}`
 
   return (
 
@@ -33,7 +31,7 @@ const BlogPostCard = ({ index, post, showSummary, siteInfo }) => {
                 {/* 图片封面 */}
                 {showPageCover && (
                     <div className="md:w-5/12 overflow-hidden">
-                        <Link href={url} passHref legacyBehavior>
+                        <Link href={post?.href} passHref legacyBehavior>
                         <LazyImage priority={index === 1} src={post?.pageCoverThumbnail} className='h-56 w-full object-cover object-center group-hover:scale-110 duration-500' />
                         </Link>
                     </div>

themes/hexo/components/BlogPostCardInfo.js

@@ -1,102 +1,110 @@
+import NotionIcon from '@/components/NotionIcon'
 import NotionPage from '@/components/NotionPage'
-import Link from 'next/link'
-import TagItemMini from './TagItemMini'
 import TwikooCommentCount from '@/components/TwikooCommentCount'
 import { siteConfig } from '@/lib/config'
 import { formatDateFmt } from '@/lib/utils/formatDate'
-import { checkContainHttp, sliceUrlFromHttp } from '@/lib/utils'
-import NotionIcon from '@/components/NotionIcon'
+import Link from 'next/link'
+import TagItemMini from './TagItemMini'
 
 /**
  * 博客列表的文字内容
  * @param {*} param0
  * @returns
  */
-export const BlogPostCardInfo = ({ post, showPreview, showPageCover, showSummary }) => {
-  const url = checkContainHttp(post.slug) ? sliceUrlFromHttp(post.slug) : `${siteConfig('SUB_PATH', '')}/${post.slug}`
-  return <article 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>
-            <header>
-                <h2>
-                    {/* 标题 */}
-                    <Link
-                        href={url}
-                        passHref
-                        className={`line-clamp-2 replace cursor-pointer text-2xl ${showPreview ? 'text-center' : ''
-                            } leading-tight font-normal text-gray-600 dark:text-gray-100 hover:text-indigo-700 dark:hover:text-indigo-400`}>
-
-                        {siteConfig('POST_TITLE_ICON') && <NotionIcon icon={post.pageIcon} />}<span className='menu-link '>{post.title}</span>
-
-                    </Link>
-                </h2>
-
-                {/* 分类 */}
-                { post?.category && <div
-                    className={`flex mt-2 items-center ${showPreview ? 'justify-center' : 'justify-start'
-                        } flex-wrap dark:text-gray-500 text-gray-400 `}
-                >
-                    <Link
-                        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>
-
-                    <TwikooCommentCount className='text-sm hover:text-indigo-700 dark:hover:text-indigo-400' post={post}/>
-                </div>}
-            </header>
-
-            {/* 摘要 */}
-            {(!showPreview || showSummary) && !post.results && (
-            <main className="line-clamp-2 replace my-3 text-gray-700  dark:text-gray-300 text-sm font-light leading-7">
-                {post.summary}
-            </main>
-            )}
-
-            {/* 搜索结果 */}
-            {post.results && (
-                <p className="line-clamp-2 mt-4 text-gray-700 dark:text-gray-300 text-sm font-light leading-7">
-                        {post.results.map((r, index) => (
-                            <span key={index}>{r}</span>
-                        ))}
-                </p>
-            )}
-
-            {/* 预览 */}
-            {showPreview && (
-                <div className="overflow-ellipsis truncate">
-                    <NotionPage post={post} />
-                </div>
-            )}
-
-       </div>
-
-       <div>
-         {/* 日期标签 */}
-         <div className="text-gray-400 justify-between flex">
-            {/* 日期 */}
+export const BlogPostCardInfo = ({
+  post,
+  showPreview,
+  showPageCover,
+  showSummary
+}) => {
+  return (
+    <article
+      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>
+        <header>
+          <h2>
+            {/* 标题 */}
             <Link
-                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}
-
+              href={post?.href}
+              passHref
+              className={`line-clamp-2 replace cursor-pointer text-2xl ${
+                showPreview ? 'text-center' : ''
+              } leading-tight font-normal text-gray-600 dark:text-gray-100 hover:text-indigo-700 dark:hover:text-indigo-400`}>
+              {siteConfig('POST_TITLE_ICON') && (
+                <NotionIcon icon={post.pageIcon} />
+              )}
+              <span className='menu-link '>{post.title}</span>
             </Link>
+          </h2>
 
-            <div className="md:flex-nowrap flex-wrap md:justify-start inline-block">
-                <div>
-                    {' '}
-                    {post.tagItems?.map(tag => (
-                        <TagItemMini key={tag.name} tag={tag} />
-                    ))}
-                </div>
+          {/* 分类 */}
+          {post?.category && (
+            <div
+              className={`flex mt-2 items-center ${
+                showPreview ? 'justify-center' : 'justify-start'
+              } flex-wrap dark:text-gray-500 text-gray-400 `}>
+              <Link
+                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>
+
+              <TwikooCommentCount
+                className='text-sm hover:text-indigo-700 dark:hover:text-indigo-400'
+                post={post}
+              />
             </div>
+          )}
+        </header>
+
+        {/* 摘要 */}
+        {(!showPreview || showSummary) && !post.results && (
+          <main className='line-clamp-2 replace my-3 text-gray-700  dark:text-gray-300 text-sm font-light leading-7'>
+            {post.summary}
+          </main>
+        )}
+
+        {/* 搜索结果 */}
+        {post.results && (
+          <p className='line-clamp-2 mt-4 text-gray-700 dark:text-gray-300 text-sm font-light leading-7'>
+            {post.results.map((r, index) => (
+              <span key={index}>{r}</span>
+            ))}
+          </p>
+        )}
+
+        {/* 预览 */}
+        {showPreview && (
+          <div className='overflow-ellipsis truncate'>
+            <NotionPage post={post} />
+          </div>
+        )}
+      </div>
+
+      <div>
+        {/* 日期标签 */}
+        <div className='text-gray-400 justify-between flex'>
+          {/* 日期 */}
+          <Link
+            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>
+
+          <div className='md:flex-nowrap flex-wrap md:justify-start inline-block'>
+            <div>
+              {' '}
+              {post.tagItems?.map(tag => (
+                <TagItemMini key={tag.name} tag={tag} />
+              ))}
+            </div>
+          </div>
         </div>
-       </div>
+      </div>
     </article>
+  )
 }

themes/hexo/components/LatestPostsGroup.js

@@ -1,10 +1,8 @@
-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 { useRouter } from 'next/router'
-import { checkContainHttp, sliceUrlFromHttp } from '@/lib/utils'
 
 /**
  * 最新文章列表
@@ -21,45 +19,48 @@ const LatestPostsGroup = ({ latestPosts, siteInfo }) => {
     return <></>
   }
 
-  return <>
-        <div className=" mb-2 px-1 flex flex-nowrap justify-between">
-            <div>
-                <i className="mr-2 fas fas fa-history" />
-                {locale.COMMON.LATEST_POSTS}
-            </div>
+  return (
+    <>
+      <div className=' mb-2 px-1 flex flex-nowrap justify-between'>
+        <div>
+          <i className='mr-2 fas fas fa-history' />
+          {locale.COMMON.LATEST_POSTS}
         </div>
-        {latestPosts.map(post => {
-          const headerImage = post?.pageCoverThumbnail ? post.pageCoverThumbnail : siteInfo?.pageCover
-          const url = checkContainHttp(post.slug) ? sliceUrlFromHttp(post.slug) : `${siteConfig('SUB_PATH', '')}/${post.slug}`
-          const selected = currentPath === url
+      </div>
+      {latestPosts.map(post => {
+        const headerImage = post?.pageCoverThumbnail
+          ? post.pageCoverThumbnail
+          : siteInfo?.pageCover
+        const selected = currentPath === post?.href
 
-          return (
-            (<Link
-                    key={post.id}
-                    title={post.title}
-                    href={url}
-                    passHref
-                    className={'my-3 flex'}>
-
-                    <div className="w-20 h-14 overflow-hidden relative">
-                        <LazyImage src={`${headerImage}`} className='object-cover w-full h-full'/>
-                    </div>
-                    <div
-                        className={
-                            (selected ? ' text-indigo-400 ' : 'dark:text-gray-400 ') +
-                            ' text-sm overflow-x-hidden hover:text-indigo-600 px-2 duration-200 w-full rounded ' +
-                            ' hover:text-indigo-400 cursor-pointer items-center flex'
-                        }
-                    >
-                        <div>
-                            <div className='line-clamp-2 menu-link'>{post.title}</div>
-                            <div className="text-gray-500">{post.lastEditedDay}</div>
-                        </div>
-                    </div>
-
-                </Link>)
-          )
-        })}
+        return (
+          <Link
+            key={post.id}
+            title={post.title}
+            href={post?.href}
+            passHref
+            className={'my-3 flex'}>
+            <div className='w-20 h-14 overflow-hidden relative'>
+              <LazyImage
+                src={`${headerImage}`}
+                className='object-cover w-full h-full'
+              />
+            </div>
+            <div
+              className={
+                (selected ? ' text-indigo-400 ' : 'dark:text-gray-400 ') +
+                ' text-sm overflow-x-hidden hover:text-indigo-600 px-2 duration-200 w-full rounded ' +
+                ' hover:text-indigo-400 cursor-pointer items-center flex'
+              }>
+              <div>
+                <div className='line-clamp-2 menu-link'>{post.title}</div>
+                <div className='text-gray-500'>{post.lastEditedDay}</div>
+              </div>
+            </div>
+          </Link>
+        )
+      })}
     </>
+  )
 }
 export default LatestPostsGroup

themes/matery/components/ArticleRecommend.js

@@ -1,9 +1,8 @@
-import Link from 'next/link'
-import CONFIG from '../config'
+import LazyImage from '@/components/LazyImage'
 import { siteConfig } from '@/lib/config'
 import { useGlobal } from '@/lib/global'
-import LazyImage from '@/components/LazyImage'
-import { checkContainHttp, sliceUrlFromHttp } from '@/lib/utils'
+import Link from 'next/link'
+import CONFIG from '../config'
 
 /**
  * 关联推荐文章
@@ -15,54 +14,53 @@ export default function ArticleRecommend({ recommendPosts, siteInfo }) {
 
   if (
     !siteConfig('MATERY_ARTICLE_RECOMMEND', null, CONFIG) ||
-        !recommendPosts ||
-        recommendPosts.length === 0
+    !recommendPosts ||
+    recommendPosts.length === 0
   ) {
     return <></>
   }
 
   return (
-        <div className="p-2">
-            <div className="mb-2 px-1 flex flex-nowrap justify-between">
-                <div>
-                    <i className="mr-2 fas fa-thumbs-up" />
-                    {locale.COMMON.RELATE_POSTS}
-                </div>
-            </div>
-            <div className="grid grid-cols-2 md:grid-cols-3 gap-4">
-                {recommendPosts.map(post => {
-                  const headerImage = post?.pageCoverThumbnail
-                    ? post.pageCoverThumbnail
-                    : siteInfo?.pageCover
-                  const url = checkContainHttp(post.slug) ? sliceUrlFromHttp(post.slug) : `${siteConfig('SUB_PATH', '')}/${post.slug}`
-
-                  return (
-                    (<Link
-                            key={post.id}
-                            title={post.title}
-                            href={url}
-                            passHref
-                            className="flex h-40 cursor-pointer overflow-hidden">
-
-                            <div className="h-full w-full group" >
-
-                                <LazyImage src={headerImage} className="h-full w-full object-cover object-center group-hover:scale-110 transform duration-200" />
-
-                                <div className="flex items-center justify-center bg-black bg-opacity-60 hover:bg-opacity-10 w-full h-full duration-300 ">
-                                    <div className="text-sm text-white text-center shadow-text">
-                                        <div>
-                                            <i className="fas fa-calendar-alt mr-1" />
-                                            {post.date?.start_date}
-                                        </div>
-                                        <div className="hover:underline">{post.title}</div>
-                                    </div>
-                                </div>
-                            </div>
-
-                        </Link>)
-                  )
-                })}
-            </div>
+    <div className='p-2'>
+      <div className='mb-2 px-1 flex flex-nowrap justify-between'>
+        <div>
+          <i className='mr-2 fas fa-thumbs-up' />
+          {locale.COMMON.RELATE_POSTS}
         </div>
+      </div>
+      <div className='grid grid-cols-2 md:grid-cols-3 gap-4'>
+        {recommendPosts.map(post => {
+          const headerImage = post?.pageCoverThumbnail
+            ? post.pageCoverThumbnail
+            : siteInfo?.pageCover
+
+          return (
+            <Link
+              key={post.id}
+              title={post.title}
+              href={post?.href}
+              passHref
+              className='flex h-40 cursor-pointer overflow-hidden'>
+              <div className='h-full w-full group'>
+                <LazyImage
+                  src={headerImage}
+                  className='h-full w-full object-cover object-center group-hover:scale-110 transform duration-200'
+                />
+
+                <div className='flex items-center justify-center bg-black bg-opacity-60 hover:bg-opacity-10 w-full h-full duration-300 '>
+                  <div className='text-sm text-white text-center shadow-text'>
+                    <div>
+                      <i className='fas fa-calendar-alt mr-1' />
+                      {post.date?.start_date}
+                    </div>
+                    <div className='hover:underline'>{post.title}</div>
+                  </div>
+                </div>
+              </div>
+            </Link>
+          )
+        })}
+      </div>
+    </div>
   )
 }

themes/matery/components/BlogPostArchive.js

@@ -1,6 +1,4 @@
 import Link from 'next/link'
-import { siteConfig } from '@/lib/config'
-import { checkContainHttp, sliceUrlFromHttp } from '@/lib/utils'
 
 /**
  * 博客归档列表
@@ -16,30 +14,28 @@ const BlogPostArchive = ({ posts = [], archiveTitle }) => {
     return (
       <div>
         <div
-          className="pt-16 pb-4 text-3xl dark:text-gray-300"
-          id={archiveTitle}
-        >
+          className='pt-16 pb-4 text-3xl dark:text-gray-300'
+          id={archiveTitle}>
           {archiveTitle}
         </div>
         <ul>
           {posts?.map(post => {
-            const url = checkContainHttp(post.slug) ? sliceUrlFromHttp(post.slug) : `${siteConfig('SUB_PATH', '')}/${post.slug}`
-
-            return <li
-              key={post.id}
-              className="border-l-2 p-1 text-xs md:text-base items-center  hover:scale-x-105 hover:border-indigo-500 dark:hover:border-indigo-300 dark:border-indigo-400 transform duration-500"
-            >
-              <div id={post?.publishDay}>
-                <span className="text-gray-400">{post.date?.start_date}</span>{' '}
-                &nbsp;
-                <Link href={url} passHref
-                  className="dark:text-gray-400  dark:hover:text-indigo-300 overflow-x-hidden hover:underline cursor-pointer text-gray-600">
-
-                  {post.title}
-
-                </Link>
-              </div>
-            </li>
+            return (
+              <li
+                key={post.id}
+                className='border-l-2 p-1 text-xs md:text-base items-center  hover:scale-x-105 hover:border-indigo-500 dark:hover:border-indigo-300 dark:border-indigo-400 transform duration-500'>
+                <div id={post?.publishDay}>
+                  <span className='text-gray-400'>{post.date?.start_date}</span>{' '}
+                  &nbsp;
+                  <Link
+                    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>
+                </div>
+              </li>
+            )
           })}
         </ul>
       </div>

themes/matery/components/BlogPostCard.js

@@ -2,7 +2,6 @@ import LazyImage from '@/components/LazyImage'
 import NotionIcon from '@/components/NotionIcon'
 import TwikooCommentCount from '@/components/TwikooCommentCount'
 import { siteConfig } from '@/lib/config'
-import { checkContainHttp, sliceUrlFromHttp } from '@/lib/utils'
 import { formatDateFmt } from '@/lib/utils/formatDate'
 import Link from 'next/link'
 import CONFIG from '../config'
@@ -24,9 +23,6 @@ const BlogPostCard = ({ index, post, showSummary, siteInfo }) => {
     siteConfig('MATERY_POST_LIST_COVER', null, CONFIG) &&
     post?.pageCoverThumbnail
   const delay = (index % 3) * 300
-  const url = checkContainHttp(post.slug)
-    ? sliceUrlFromHttp(post.slug)
-    : `${siteConfig('SUB_PATH', '')}/${post.slug}`
 
   return (
     <div
@@ -40,7 +36,7 @@ const BlogPostCard = ({ index, post, showSummary, siteInfo }) => {
       <header className='group flex flex-col h-80 justify-between'>
         {/* 头部图片 填充卡片 */}
         {showPageCover && (
-          <Link href={url} passHref legacyBehavior>
+          <Link 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}

themes/medium/components/BlogArchiveItem.js

@@ -1,6 +1,4 @@
-import { siteConfig } from '@/lib/config'
 import Link from 'next/link'
-import { checkContainHttp, sliceUrlFromHttp } from '@/lib/utils'
 
 /**
  * 归档分组
@@ -9,31 +7,30 @@ import { checkContainHttp, sliceUrlFromHttp } from '@/lib/utils'
  */
 export default function BlogArchiveItem({ archiveTitle, archivePosts }) {
   return (
-        <div key={archiveTitle}>
-            <div id={archiveTitle} className="pt-16 pb-4 text-3xl dark:text-gray-300" >
-                {archiveTitle}
-            </div>
-            <ul>
-                {archivePosts[archiveTitle]?.map(post => {
-                  const url = checkContainHttp(post.slug) ? sliceUrlFromHttp(post.slug) : `${siteConfig('SUB_PATH', '')}/${post.slug}`
-
-                  return <li key={post.id}
-                        className="border-l-2 p-1 text-xs md:text-base items-center  hover:scale-x-105 hover:border-gray-500 dark:hover:border-gray-300 dark:border-gray-400 transform duration-500"
-                        >
-                        <div id={post?.publishDay}>
-                            <span className="text-gray-400">
-                                {post.date?.start_date}
-                            </span>{' '}
-                            &nbsp;
-
-                            <Link passHref href={url}
-                                className="dark:text-gray-400  dark:hover:text-gray-300 overflow-x-hidden hover:underline cursor-pointer text-gray-600">
-                                {post.title}
-                            </Link>
-                        </div>
-                        </li>
-                })}
-            </ul>
-        </div>
+    <div key={archiveTitle}>
+      <div id={archiveTitle} className='pt-16 pb-4 text-3xl dark:text-gray-300'>
+        {archiveTitle}
+      </div>
+      <ul>
+        {archivePosts[archiveTitle]?.map(post => {
+          return (
+            <li
+              key={post.id}
+              className='border-l-2 p-1 text-xs md:text-base items-center  hover:scale-x-105 hover:border-gray-500 dark:hover:border-gray-300 dark:border-gray-400 transform duration-500'>
+              <div id={post?.publishDay}>
+                <span className='text-gray-400'>{post.date?.start_date}</span>{' '}
+                &nbsp;
+                <Link
+                  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>
+              </div>
+            </li>
+          )
+        })}
+      </ul>
+    </div>
   )
 }

themes/medium/components/BlogPostCard.js

@@ -1,84 +1,91 @@
-import { siteConfig } from '@/lib/config'
+import LazyImage from '@/components/LazyImage'
+import NotionIcon from '@/components/NotionIcon'
 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 CONFIG from '../config'
 import CategoryItem from './CategoryItem'
 import TagItemMini from './TagItemMini'
-import TwikooCommentCount from '@/components/TwikooCommentCount'
-import LazyImage from '@/components/LazyImage'
-import { checkContainHttp, sliceUrlFromHttp } from '@/lib/utils'
-import NotionIcon from '@/components/NotionIcon'
 
 const BlogPostCard = ({ post, showSummary }) => {
-  const showPreview = siteConfig('MEDIUM_POST_LIST_PREVIEW', null, CONFIG) && post.blockMap
+  const showPreview =
+    siteConfig('MEDIUM_POST_LIST_PREVIEW', null, CONFIG) && post.blockMap
   const { locale } = useGlobal()
-  const url = checkContainHttp(post.slug) ? sliceUrlFromHttp(post.slug) : `${siteConfig('SUB_PATH', '')}/${post.slug}`
   return (
+    <div
+      key={post.id}
+      data-aos='fade-up'
+      data-aos-duration='300'
+      data-aos-once='false'
+      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
+          href={post?.href}
+          passHref
+          className={
+            'cursor-pointer font-bold  hover:underline text-3xl leading-tight text-gray-700 dark:text-gray-300 hover:text-green-500 dark:hover:text-green-400'
+          }>
+          <h2>
+            {siteConfig('MEDIUM_POST_LIST_COVER', null, CONFIG) && (
+              <div className='w-full max-h-96 object-cover overflow-hidden mb-2'>
+                <LazyImage
+                  src={post.pageCoverThumbnail}
+                  style={post.pageCoverThumbnail ? {} : { height: '0px' }}
+                  className='w-full max-h-96 object-cover hover:scale-125 duration-150'
+                />
+              </div>
+            )}
+            {siteConfig('POST_TITLE_ICON') && (
+              <NotionIcon icon={post.pageIcon} />
+            )}
+            {post.title}
+          </h2>
+        </Link>
+
         <div
-            key={post.id}
-            data-aos="fade-up"
-            data-aos-duration="300"
-            data-aos-once="false"
-            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
-                    href={url}
-                    passHref
-                    className={
-                        'cursor-pointer font-bold  hover:underline text-3xl leading-tight text-gray-700 dark:text-gray-300 hover:text-green-500 dark:hover:text-green-400'
-                    }>
-                    <h2>
-                        {siteConfig('MEDIUM_POST_LIST_COVER', null, CONFIG) && <div className='w-full max-h-96 object-cover overflow-hidden mb-2'>
-                            <LazyImage src={post.pageCoverThumbnail} style={post.pageCoverThumbnail ? {} : { height: '0px' }} className='w-full max-h-96 object-cover hover:scale-125 duration-150' />
-                        </div>}
-                        {siteConfig('POST_TITLE_ICON') && <NotionIcon icon={post.pageIcon} />}{post.title}
-                    </h2>
-
-                </Link>
-
-                <div
-                    className={
-                        'flex mt-2 items-center justify-start flex-wrap space-x-3 text-gray-400'
-                    }
-                >
-                    <div className="text-sm py-1">{post.date?.start_date}</div>
-                    {siteConfig('MEDIUM_POST_LIST_CATEGORY', null, CONFIG) && <CategoryItem category={post.category} />}
-                    {siteConfig('MEDIUM_POST_LIST_TAG', null, CONFIG) && post?.tagItems?.map(tag => <TagItemMini key={tag.name} tag={tag} />)}
-                    <TwikooCommentCount post={post} className='hover:underline'/>
-                </div>
-
-                <div className="flex"></div>
-
-                {(!showPreview || showSummary) && (
-                    <main className="my-4 text-gray-700 dark:text-gray-300 text-sm font-light leading-7">
-                        {post.summary}
-                    </main>
-                )}
-
-                {showPreview && (
-                    <div className="overflow-ellipsis truncate">
-                        <NotionPage post={post} />
-                        <div className="pointer-events-none border-t pt-8 border-dashed">
-                            <div className="w-full justify-start flex">
-                                <Link
-                                    href={url}
-                                    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>
-                            </div>
-                        </div>
-                    </div>
-                )}
-            </header>
+          className={
+            'flex mt-2 items-center justify-start flex-wrap space-x-3 text-gray-400'
+          }>
+          <div className='text-sm py-1'>{post.date?.start_date}</div>
+          {siteConfig('MEDIUM_POST_LIST_CATEGORY', null, CONFIG) && (
+            <CategoryItem category={post.category} />
+          )}
+          {siteConfig('MEDIUM_POST_LIST_TAG', null, CONFIG) &&
+            post?.tagItems?.map(tag => (
+              <TagItemMini key={tag.name} tag={tag} />
+            ))}
+          <TwikooCommentCount post={post} className='hover:underline' />
         </div>
+
+        <div className='flex'></div>
+
+        {(!showPreview || showSummary) && (
+          <main className='my-4 text-gray-700 dark:text-gray-300 text-sm font-light leading-7'>
+            {post.summary}
+          </main>
+        )}
+
+        {showPreview && (
+          <div className='overflow-ellipsis truncate'>
+            <NotionPage post={post} />
+            <div className='pointer-events-none border-t pt-8 border-dashed'>
+              <div className='w-full justify-start flex'>
+                <Link
+                  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>
+              </div>
+            </div>
+          </div>
+        )}
+      </header>
+    </div>
   )
 }
 

themes/movie/components/BlogListGroupByDate.js

@@ -1,5 +1,3 @@
-import { siteConfig } from '@/lib/config'
-import { checkContainHttp, sliceUrlFromHttp } from '@/lib/utils'
 import Link from 'next/link'
 
 /**
@@ -9,30 +7,30 @@ import Link from 'next/link'
  * @returns
  */
 export default function BlogListGroupByDate({ archiveTitle, archivePosts }) {
-  return <div key={archiveTitle}>
-    <div id={archiveTitle} className="pt-16 pb-4 text-3xl dark:text-gray-300" >
+  return (
+    <div key={archiveTitle}>
+      <div id={archiveTitle} className='pt-16 pb-4 text-3xl dark:text-gray-300'>
         {archiveTitle}
-    </div>
+      </div>
 
-    <ul>
+      <ul>
         {archivePosts[archiveTitle].map(post => {
-          const url = checkContainHttp(post.slug) ? sliceUrlFromHttp(post.slug) : `${siteConfig('SUB_PATH', '')}/${post.slug}`
-
-          return <li
-                key={post.id}
-                className="border-l-2 p-1 text-xs md:text-base items-center  hover:scale-x-105 hover:border-gray-500 dark:hover:border-gray-300 dark:border-gray-400 transform duration-500"
-            >
-                <div id={post?.publishDay}>
-                    <span className="text-gray-400">
-                        {post?.publishDay}
-                    </span>{' '}
-                    &nbsp;
-                    <Link href={url} className="dark:text-gray-400  dark:hover:text-gray-300 overflow-x-hidden hover:underline cursor-pointer text-gray-600">
-                        {post.title}
-                    </Link>
-                </div>
+          return (
+            <li
+              key={post.id}
+              className='border-l-2 p-1 text-xs md:text-base items-center  hover:scale-x-105 hover:border-gray-500 dark:hover:border-gray-300 dark:border-gray-400 transform duration-500'>
+              <div id={post?.publishDay}>
+                <span className='text-gray-400'>{post?.publishDay}</span> &nbsp;
+                <Link
+                  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>
+              </div>
             </li>
+          )
         })}
-    </ul>
-</div>
+      </ul>
+    </div>
+  )
 }

themes/movie/components/BlogPostCard.js

@@ -1,21 +1,21 @@
 import LazyImage from '@/components/LazyImage'
 import NotionIcon from '@/components/NotionIcon'
 import { siteConfig } from '@/lib/config'
-import { checkContainHttp, sliceUrlFromHttp } from '@/lib/utils'
 import Link from 'next/link'
 import TagItemMini from './TagItemMini'
 
 const BlogPostCard = ({ index, post, showSummary, siteInfo }) => {
   // 主题默认强制显示图片
   if (post && !post.pageCoverThumbnail) {
-    post.pageCoverThumbnail = siteInfo?.pageCover || siteConfig('RANDOM_IMAGE_URL')
+    post.pageCoverThumbnail =
+      siteInfo?.pageCover || siteConfig('RANDOM_IMAGE_URL')
   }
 
-  const url = checkContainHttp(post.slug) ? sliceUrlFromHttp(post.slug) : `${siteConfig('SUB_PATH', '')}/${post.slug}`
-
   return (
-    <article data-wow-delay=".2s" className='wow fadeInUp w-full mb-4 cursor-pointer overflow-hidden shadow-movie dark:bg-hexo-black-gray'>
-      <Link href={url} passHref legacyBehavior>
+    <article
+      data-wow-delay='.2s'
+      className='wow fadeInUp w-full mb-4 cursor-pointer overflow-hidden shadow-movie dark:bg-hexo-black-gray'>
+      <Link href={post?.href} passHref legacyBehavior>
         {/* 固定高度 ，空白用图片拉升填充 */}
         <div className='group flex flex-col aspect-[2/3] justify-between relative'>
           {/* 图片 填充卡片 */}
@@ -40,7 +40,9 @@ const BlogPostCard = ({ index, post, showSummary, siteInfo }) => {
           </div>
           {/* 阴影遮罩 */}
           <h2 className='absolute bottom-10 px-6 transition-all duration-200 text-white text-2xl font-semibold break-words shadow-text z-20'>
-            {siteConfig('POST_TITLE_ICON') && <NotionIcon icon={post.pageIcon} />}
+            {siteConfig('POST_TITLE_ICON') && (
+              <NotionIcon icon={post.pageIcon} />
+            )}
             {post.title}
           </h2>
 

themes/movie/components/BlogRecommend.js

@@ -1,7 +1,6 @@
 import LazyImage from '@/components/LazyImage'
 import { siteConfig } from '@/lib/config'
 import { useGlobal } from '@/lib/global'
-import { checkContainHttp, sliceUrlFromHttp } from '@/lib/utils'
 import Link from 'next/link'
 import CONFIG from '../config'
 
@@ -13,7 +12,11 @@ import CONFIG from '../config'
 export default function BlogRecommend(props) {
   const { recommendPosts, siteInfo } = props
   const { locale } = useGlobal()
-  if (!siteConfig('MOVIE_ARTICLE_RECOMMEND', null, CONFIG) || !recommendPosts || recommendPosts.length === 0) {
+  if (
+    !siteConfig('MOVIE_ARTICLE_RECOMMEND', null, CONFIG) ||
+    !recommendPosts ||
+    recommendPosts.length === 0
+  ) {
     return <></>
   }
 
@@ -27,21 +30,22 @@ export default function BlogRecommend(props) {
       </div>
       <div className='flex flex-nowrap gap-4'>
         {recommendPosts.map(post => {
-          const headerImage = post?.pageCoverThumbnail ? post.pageCoverThumbnail : siteInfo?.pageCover
-          const url = checkContainHttp(post.slug)
-            ? sliceUrlFromHttp(post.slug)
-            : `${siteConfig('SUB_PATH', '')}/${post.slug}`
+          const headerImage = post?.pageCoverThumbnail
+            ? post.pageCoverThumbnail
+            : siteInfo?.pageCover
 
           return (
             <Link
               key={post.id}
               title={post.title}
-              href={url}
+              href={post?.href}
               passHref
               className='flex rounded-lg h-60 w-48 cursor-pointer overflow-hidden'>
               <div className='h-full w-full relative group shadow-movie'>
                 <div className='absolute bottom-4 w-full z-20 duration-300 '>
-                  <div className='z-10 text-lg px-4 font-bold text-white shadow-text select-none'>{post.title}</div>
+                  <div className='z-10 text-lg px-4 font-bold text-white shadow-text select-none'>
+                    {post.title}
+                  </div>
                 </div>
                 {/* 卡片的阴影遮罩，为了凸显图片上的文字 */}
                 <div className='h-3/4 w-full absolute left-0 bottom-0 z-10'>

themes/movie/components/LatestPostsGroup.js

@@ -2,7 +2,6 @@ import { siteConfig } from '@/lib/config'
 import { useGlobal } from '@/lib/global'
 import Link from 'next/link'
 import { useRouter } from 'next/router'
-import { checkContainHttp, sliceUrlFromHttp } from '@/lib/utils'
 
 /**
  * 最新文章列表
@@ -21,9 +20,9 @@ const LatestPostsGroup = ({ latestPosts }) => {
 
   return (
     <div>
-      <div className="pb-1 px-2 flex flex-nowrap justify-between">
-        <div className="text-2xl text-gray-600  dark:text-gray-200">
-          <i className="mr-2 fas fa-history" />
+      <div className='pb-1 px-2 flex flex-nowrap justify-between'>
+        <div className='text-2xl text-gray-600  dark:text-gray-200'>
+          <i className='mr-2 fas fa-history' />
           {locale.COMMON.LATEST_POSTS}
         </div>
       </div>
@@ -31,17 +30,14 @@ const LatestPostsGroup = ({ latestPosts }) => {
       {latestPosts.map(post => {
         const selected =
           currentPath === `${siteConfig('SUB_PATH', '')}/${post.slug}`
-        const url = checkContainHttp(post.slug)
-          ? sliceUrlFromHttp(post.slug)
-          : `${siteConfig('SUB_PATH', '')}/${post.slug}`
+
         return (
           <Link
             key={post.id}
             title={post.title}
-            href={url}
+            href={post?.href}
             passHref
-            className={'my-1 flex'}
-          >
+            className={'my-1 flex'}>
             <div
               className={
                 (selected
@@ -49,9 +45,8 @@ const LatestPostsGroup = ({ latestPosts }) => {
                   : 'text-gray-500 dark:text-green-400 ') +
                 ' py-1 flex hover:bg-gray-500 px-2 duration-200 w-full ' +
                 'hover:text-white dark:hover:text-white cursor-pointer'
-              }
-            >
-              <li className="line-clamp-2">{post.title}</li>
+              }>
+              <li className='line-clamp-2'>{post.title}</li>
             </div>
           </Link>
         )

themes/nav/components/BlogArchiveItem.js

@@ -1,6 +1,4 @@
-import { siteConfig } from '@/lib/config'
 import Link from 'next/link'
-import { checkContainHttp, sliceUrlFromHttp } from '@/lib/utils'
 
 /**
  * 归档分组
@@ -9,31 +7,30 @@ import { checkContainHttp, sliceUrlFromHttp } from '@/lib/utils'
  */
 export default function BlogArchiveItem({ archiveTitle, archivePosts }) {
   return (
-        <div key={archiveTitle}>
-            <div id={archiveTitle} className="pt-16 pb-4 text-3xl dark:text-gray-300" >
-                {archiveTitle}
-            </div>
-            <ul>
-                {archivePosts[archiveTitle]?.map(post => {
-                  const url = checkContainHttp(post.slug) ? sliceUrlFromHttp(post.slug) : `${siteConfig('SUB_PATH', '')}/${post.slug}`
-
-                  return <li key={post.id}
-                        className="border-l-2 p-1 text-xs md:text-base items-center  hover:scale-x-105 hover:border-gray-500 dark:hover:border-gray-300 dark:border-gray-400 transform duration-500"
-                    >
-                        <div id={post?.publishDay}>
-                            <span className="text-gray-400">
-                                {post.date?.start_date}
-                            </span>{' '}
-                            &nbsp;
-
-                            <Link passHref href={url}
-                                className="dark:text-gray-400  dark:hover:text-gray-300 overflow-x-hidden hover:underline cursor-pointer text-gray-600">
-                                {post.title}
-                            </Link>
-                        </div>
-                    </li>
-                })}
-            </ul>
-        </div>
+    <div key={archiveTitle}>
+      <div id={archiveTitle} className='pt-16 pb-4 text-3xl dark:text-gray-300'>
+        {archiveTitle}
+      </div>
+      <ul>
+        {archivePosts[archiveTitle]?.map(post => {
+          return (
+            <li
+              key={post.id}
+              className='border-l-2 p-1 text-xs md:text-base items-center  hover:scale-x-105 hover:border-gray-500 dark:hover:border-gray-300 dark:border-gray-400 transform duration-500'>
+              <div id={post?.publishDay}>
+                <span className='text-gray-400'>{post.date?.start_date}</span>{' '}
+                &nbsp;
+                <Link
+                  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>
+              </div>
+            </li>
+          )
+        })}
+      </ul>
+    </div>
   )
 }

themes/nav/components/BlogPostCard.js

@@ -1,26 +1,49 @@
-import Link from 'next/link'
-import NotionIcon from './NotionIcon'
-import { useRouter } from 'next/router'
 import { siteConfig } from '@/lib/config'
-import { checkContainHttp, sliceUrlFromHttp } from '@/lib/utils'
+import { checkContainHttp } from '@/lib/utils'
+import Link from 'next/link'
+import { useRouter } from 'next/router'
+import NotionIcon from './NotionIcon'
 
+/**
+ * 博客卡牌
+ * @param {*} param0
+ * @returns
+ */
 const BlogPostCard = ({ post, className }) => {
   const router = useRouter()
   const currentSelected = router.asPath.split('?')[0] === '/' + post.slug
-  let pageIcon = post.pageIcon !== '' ? post.pageIcon : siteConfig('IMG_LAZY_LOAD_PLACEHOLDER')
-  pageIcon = post.pageIcon.indexOf('amazonaws.com') !== -1 ? post.pageIcon + '&width=88' : post.pageIcon
-  const url = checkContainHttp(post.slug) ? sliceUrlFromHttp(post.slug) : `${siteConfig('SUB_PATH', '')}/${post.slug}`
+  let pageIcon =
+    post.pageIcon !== ''
+      ? post.pageIcon
+      : siteConfig('IMG_LAZY_LOAD_PLACEHOLDER')
+  pageIcon =
+    post.pageIcon.indexOf('amazonaws.com') !== -1
+      ? post.pageIcon + '&width=88'
+      : post.pageIcon
   return (
-    <Link href={`${url}`} target={(checkContainHttp(post.slug) ? '_blank' : '_self')} passHref>
-        <div key={post.id} className={`${className} h-full rounded-2xl p-4 dark:bg-neutral-800 cursor-pointer bg-white hover:bg-white dark:hover:bg-gray-800 ${currentSelected ? 'bg-green-50 text-green-500' : ''}`}>
-                <div className="stack-entry w-full flex space-x-3 select-none dark:text-neutral-200">
-                    {siteConfig('POST_TITLE_ICON') && <NotionIcon icon={pageIcon} size='10' className='text-6xl w-11 h-11 mx-1 my-0 flex-none' />}
-                    <div className="stack-comment flex-auto">
-                        <p className="title font-bold">{post.title}</p>
-                        <p className="description font-normal">{post.summary ? post.summary : '暂无简介'}</p>
-                    </div>
-                </div>
+    <Link
+      href={post?.href}
+      target={checkContainHttp(post.slug) ? '_blank' : '_self'}
+      passHref>
+      <div
+        key={post.id}
+        className={`${className} h-full rounded-2xl p-4 dark:bg-neutral-800 cursor-pointer bg-white hover:bg-white dark:hover:bg-gray-800 ${currentSelected ? 'bg-green-50 text-green-500' : ''}`}>
+        <div className='stack-entry w-full flex space-x-3 select-none dark:text-neutral-200'>
+          {siteConfig('POST_TITLE_ICON') && (
+            <NotionIcon
+              icon={pageIcon}
+              size='10'
+              className='text-6xl w-11 h-11 mx-1 my-0 flex-none'
+            />
+          )}
+          <div className='stack-comment flex-auto'>
+            <p className='title font-bold'>{post.title}</p>
+            <p className='description font-normal'>
+              {post.summary ? post.summary : '暂无简介'}
+            </p>
+          </div>
         </div>
+      </div>
     </Link>
   )
 }

themes/next/components/BlogPostArchive.js

@@ -1,6 +1,4 @@
-import { siteConfig } from '@/lib/config'
 import Link from 'next/link'
-import { checkContainHttp, sliceUrlFromHttp } from '@/lib/utils'
 
 /**
  * 博客归档列表
@@ -16,32 +14,28 @@ const BlogPostArchive = ({ posts = [], archiveTitle }) => {
     return (
       <div>
         <div
-          className="pt-16 pb-4 text-3xl dark:text-gray-300"
-          id={archiveTitle}
-        >
+          className='pt-16 pb-4 text-3xl dark:text-gray-300'
+          id={archiveTitle}>
           {archiveTitle}
         </div>
         <ul>
           {posts?.map(post => {
-            const url = checkContainHttp(post.slug) ? sliceUrlFromHttp(post.slug) : `${siteConfig('SUB_PATH', '')}/${post.slug}`
-
-            return <li
-              key={post.id}
-              className="border-l-2 p-1 text-xs md:text-base items-center  hover:scale-x-105 hover:border-gray-500 dark:hover:border-gray-300 dark:border-gray-400 transform duration-500"
-            >
-              <div id={post?.publishDay}>
-                <span className="text-gray-500">{post.date?.start_date}</span>{' '}
-                &nbsp;
-                <Link
-                  href={url}
-                  passHref
-                  className="dark:text-gray-400  dark:hover:text-gray-300 overflow-x-hidden hover:underline cursor-pointer text-gray-600">
-
-                  {post.title}
-
-                </Link>
-              </div>
-            </li>
+            return (
+              <li
+                key={post.id}
+                className='border-l-2 p-1 text-xs md:text-base items-center  hover:scale-x-105 hover:border-gray-500 dark:hover:border-gray-300 dark:border-gray-400 transform duration-500'>
+                <div id={post?.publishDay}>
+                  <span className='text-gray-500'>{post.date?.start_date}</span>{' '}
+                  &nbsp;
+                  <Link
+                    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>
+                </div>
+              </li>
+            )
           })}
         </ul>
       </div>

themes/next/components/BlogPostCard.js

@@ -1,92 +1,95 @@
+import NotionIcon from '@/components/NotionIcon'
+import NotionPage from '@/components/NotionPage'
+import TwikooCommentCount from '@/components/TwikooCommentCount'
+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 CONFIG from '../config'
 import Card from './Card'
 import TagItemMini from './TagItemMini'
-import CONFIG from '../config'
-import NotionPage from '@/components/NotionPage'
-import NotionIcon from '@/components/NotionIcon'
-import TwikooCommentCount from '@/components/TwikooCommentCount'
-import { formatDateFmt } from '@/lib/utils/formatDate'
-import { siteConfig } from '@/lib/config'
-import { checkContainHttp, sliceUrlFromHttp } from '@/lib/utils'
 
 const BlogPostCard = ({ post, index, showSummary }) => {
   const { locale } = useGlobal()
-  const showPreview = siteConfig('NEXT_POST_LIST_PREVIEW', null, CONFIG) && post.blockMap
+  const showPreview =
+    siteConfig('NEXT_POST_LIST_PREVIEW', null, CONFIG) && post.blockMap
   // 动画样式  首屏卡片不用，后面翻出来的加动画
-  const aosProps = index > 2
-    ? {
-        'data-aos': 'fade-down',
-        'data-aos-duration': '400',
-        'data-aos-once': 'true',
-        'data-aos-anchor-placement': 'top-bottom'
-      }
-    : {}
-  const url = checkContainHttp(post.slug) ? sliceUrlFromHttp(post.slug) : `${siteConfig('SUB_PATH', '')}/${post.slug}`
+  const aosProps =
+    index > 2
+      ? {
+          'data-aos': 'fade-down',
+          'data-aos-duration': '400',
+          'data-aos-once': 'true',
+          'data-aos-anchor-placement': 'top-bottom'
+        }
+      : {}
 
   return (
-    <Card className="w-full">
+    <Card className='w-full'>
       <div
         key={post.id}
-        className="flex flex-col-reverse justify-between duration-300"
-      >
-        <div className="lg:p-8 p-4 flex flex-col w-full">
-
+        className='flex flex-col-reverse justify-between duration-300'>
+        <div className='lg:p-8 p-4 flex flex-col w-full'>
           {/* 文章标题 */}
           <Link
             {...aosProps}
-            href={url}
+            href={post?.href}
             passHref
             className={`cursor-pointer text-3xl ${showPreview ? 'text-center' : ''} leading-tight text-gray-700 dark:text-gray-100 hover:text-blue-500 dark:hover:text-blue-400`}>
-
-            {siteConfig('POST_TITLE_ICON') && <NotionIcon icon={post.pageIcon} />} <span className='menu-link'>{post.title}</span>
-
+            {siteConfig('POST_TITLE_ICON') && (
+              <NotionIcon icon={post.pageIcon} />
+            )}{' '}
+            <span className='menu-link'>{post.title}</span>
           </Link>
 
-          <div {...aosProps} className={`flex mt-2 items-center ${showPreview ? 'justify-center' : 'justify-start'} flex-wrap dark:text-gray-500 text-gray-500 `}>
-
+          <div
+            {...aosProps}
+            className={`flex mt-2 items-center ${showPreview ? 'justify-center' : 'justify-start'} flex-wrap dark:text-gray-500 text-gray-500 `}>
             <div>
               {post.category && (
                 <>
                   <Link
                     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" />
+                    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>
-                  <span className="mx-2">|</span>
+                  <span className='mx-2'>|</span>
                 </>
               )}
-                <Link
-                    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>
+              <Link
+                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>
             </div>
 
-            <TwikooCommentCount post={post} className='hover:text-blue-500 dark:hover:text-blue-400 hover:underline text-sm'/>
+            <TwikooCommentCount
+              post={post}
+              className='hover:text-blue-500 dark:hover:text-blue-400 hover:underline text-sm'
+            />
 
-            <div className="hover:text-blue-500 dark:hover:text-blue-400  md:flex-nowrap flex-wrap md:justify-start inline-block">
-                {post.tagItems?.map(tag => (
-                  <TagItemMini key={tag.name} tag={tag} />
-                ))}
+            <div className='hover:text-blue-500 dark:hover:text-blue-400  md:flex-nowrap flex-wrap md:justify-start inline-block'>
+              {post.tagItems?.map(tag => (
+                <TagItemMini key={tag.name} tag={tag} />
+              ))}
             </div>
           </div>
 
           {(!showPreview || showSummary) && !post.results && (
-            <p {...aosProps} className="mt-4 mb-12 text-gray-700 dark:text-gray-300 text-sm font-light leading-7">
+            <p
+              {...aosProps}
+              className='mt-4 mb-12 text-gray-700 dark:text-gray-300 text-sm font-light leading-7'>
               {post.summary}
             </p>
           )}
 
           {/* 搜索结果 */}
           {post.results && (
-            <p className="line-clamp-4 mt-4 text-gray-700 dark:text-gray-300 text-sm font-light leading-7">
+            <p className='line-clamp-4 mt-4 text-gray-700 dark:text-gray-300 text-sm font-light leading-7'>
               {post.results.map((r, index) => (
                 <span key={index}>{r}</span>
               ))}
@@ -94,37 +97,36 @@ const BlogPostCard = ({ post, index, showSummary }) => {
           )}
 
           {showPreview && post?.blockMap && (
-            <div className="overflow-ellipsis truncate">
+            <div className='overflow-ellipsis truncate'>
               <NotionPage post={post} />
             </div>
           )}
 
-          <div className="text-right border-t pt-8 border-dashed">
+          <div className='text-right border-t pt-8 border-dashed'>
             <Link
-              href={url}
-              className="hover:bg-opacity-100 hover:underline transform duration-300 p-3 text-white bg-gray-800 cursor-pointer">
-
+              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" />
-
+              <i className='ml-1 fas fa-angle-right' />
             </Link>
           </div>
         </div>
 
-        {siteConfig('NEXT_POST_LIST_COVER', null, CONFIG) && post?.pageCoverThumbnail && (
-          <Link href={url} passHref legacyBehavior>
-            <div className="h-72 w-full relative duration-200 cursor-pointer transform overflow-hidden">
-              <Image
-                className="hover:scale-105 transform duration-500"
-                src={post?.pageCoverThumbnail}
-                alt={post.title}
-                layout="fill"
-                objectFit="cover"
-                loading="lazy"
-              />
-            </div>
-          </Link>
-        )}
+        {siteConfig('NEXT_POST_LIST_COVER', null, CONFIG) &&
+          post?.pageCoverThumbnail && (
+            <Link 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'
+                  src={post?.pageCoverThumbnail}
+                  alt={post.title}
+                  layout='fill'
+                  objectFit='cover'
+                  loading='lazy'
+                />
+              </div>
+            </Link>
+          )}
       </div>
     </Card>
   )

themes/next/components/LatestPostsGroup.js

@@ -2,7 +2,6 @@ import { siteConfig } from '@/lib/config'
 import { useGlobal } from '@/lib/global'
 import Link from 'next/link'
 import { useRouter } from 'next/router'
-import { checkContainHttp, sliceUrlFromHttp } from '@/lib/utils'
 
 /**
  * 最新文章列表
@@ -19,39 +18,38 @@ const LatestPostsGroup = ({ latestPosts }) => {
     return <></>
   }
 
-  return <>
-    <div className="text-sm pb-1 px-2 flex flex-nowrap justify-between">
-      <div className="font-light text-gray-600  dark:text-gray-200">
-        <i className="mr-2 fas fa-history" />
-        {locale.COMMON.LATEST_POSTS}
+  return (
+    <>
+      <div className='text-sm pb-1 px-2 flex flex-nowrap justify-between'>
+        <div className='font-light text-gray-600  dark:text-gray-200'>
+          <i className='mr-2 fas fa-history' />
+          {locale.COMMON.LATEST_POSTS}
+        </div>
       </div>
-    </div>
-    {latestPosts.map(post => {
-      const selected = currentPath === `${siteConfig('SUB_PATH', '')}/${post.slug}`
-      const url = checkContainHttp(post.slug) ? sliceUrlFromHttp(post.slug) : `${siteConfig('SUB_PATH', '')}/${post.slug}`
-      return (
-        (<Link
-          key={post.id}
-          title={post.title}
-          href={url}
-          passHref
-          className={'my-1 flex font-light'}>
-
-          <div
-            className={
-              (selected
-                ? 'text-white  bg-gray-600 '
-                : 'text-gray-500 dark:text-gray-400 ') +
-              ' text-xs py-1.5 flex hover:bg-gray-500 px-2 duration-200 w-full ' +
-              'hover:text-white dark:hover:text-white cursor-pointer'
-            }
-          >
-            <li className="line-clamp-2">{post.title}</li>
-          </div>
-
-        </Link>)
-      )
-    })}
-  </>
+      {latestPosts.map(post => {
+        const selected =
+          currentPath === `${siteConfig('SUB_PATH', '')}/${post.slug}`
+        return (
+          <Link
+            key={post.id}
+            title={post.title}
+            href={post?.href}
+            passHref
+            className={'my-1 flex font-light'}>
+            <div
+              className={
+                (selected
+                  ? 'text-white  bg-gray-600 '
+                  : 'text-gray-500 dark:text-gray-400 ') +
+                ' text-xs py-1.5 flex hover:bg-gray-500 px-2 duration-200 w-full ' +
+                'hover:text-white dark:hover:text-white cursor-pointer'
+              }>
+              <li className='line-clamp-2'>{post.title}</li>
+            </div>
+          </Link>
+        )
+      })}
+    </>
+  )
 }
 export default LatestPostsGroup

themes/nobelium/components/BlogArchiveItem.js

@@ -1,6 +1,4 @@
-import { siteConfig } from '@/lib/config'
 import Link from 'next/link'
-import { checkContainHttp, sliceUrlFromHttp } from '@/lib/utils'
 
 /**
  * 归档分组文章
@@ -9,36 +7,31 @@ import { checkContainHttp, sliceUrlFromHttp } from '@/lib/utils'
  */
 export default function BlogArchiveItem({ archiveTitle, archivePosts }) {
   return (
-        <div key={archiveTitle}>
-            <div id={archiveTitle} className="pt-16 pb-4 text-3xl dark:text-gray-300" >
-                {archiveTitle}
-            </div>
+    <div key={archiveTitle}>
+      <div id={archiveTitle} className='pt-16 pb-4 text-3xl dark:text-gray-300'>
+        {archiveTitle}
+      </div>
 
-            <ul>
-                {archivePosts[archiveTitle].map(post => {
-                  const url = checkContainHttp(post.slug) ? sliceUrlFromHttp(post.slug) : `${siteConfig('SUB_PATH', '')}/${post.slug}`
-
-                  return <li
-                        key={post.id}
-                        className="border-l-2 p-1 text-xs md:text-base items-center  hover:scale-x-105 hover:border-gray-500 dark:hover:border-gray-300 dark:border-gray-400 transform duration-500"
-                    >
-                        <div id={post?.publishDay}>
-                            <span className="text-gray-400">
-                                {post.date?.start_date}
-                            </span>{' '}
-                            &nbsp;
-                            <Link
-                                href={url}
-                                passHref
-                                className="dark:text-gray-400  dark:hover:text-gray-300 overflow-x-hidden hover:underline cursor-pointer text-gray-600">
-
-                                {post.title}
-
-                            </Link>
-                        </div>
-                    </li>
-                })}
-            </ul>
-        </div>
+      <ul>
+        {archivePosts[archiveTitle].map(post => {
+          return (
+            <li
+              key={post.id}
+              className='border-l-2 p-1 text-xs md:text-base items-center  hover:scale-x-105 hover:border-gray-500 dark:hover:border-gray-300 dark:border-gray-400 transform duration-500'>
+              <div id={post?.publishDay}>
+                <span className='text-gray-400'>{post.date?.start_date}</span>{' '}
+                &nbsp;
+                <Link
+                  href={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>
+              </div>
+            </li>
+          )
+        })}
+      </ul>
+    </div>
   )
 }

themes/nobelium/components/BlogPost.js

@@ -1,40 +1,40 @@
-import Link from 'next/link'
-import { siteConfig } from '@/lib/config'
-import { checkContainHttp, sliceUrlFromHttp } from '@/lib/utils'
 import NotionIcon from '@/components/NotionIcon'
 import NotionPage from '@/components/NotionPage'
+import { siteConfig } from '@/lib/config'
+import Link from 'next/link'
 
 const BlogPost = ({ post }) => {
-  const url = checkContainHttp(post.slug) ? sliceUrlFromHttp(post.slug) : `${siteConfig('SUB_PATH', '')}/${post.slug}`
-
   const showPreview = siteConfig('POST_LIST_PREVIEW') && post.blockMap
 
   return (
-    (<Link href={url}>
-
-      <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">
-            {siteConfig('POST_TITLE_ICON') && <NotionIcon icon={post.pageIcon} />}{post.title}
+    <Link 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'>
+            {siteConfig('POST_TITLE_ICON') && (
+              <NotionIcon icon={post.pageIcon} />
+            )}
+            {post.title}
           </h2>
-          <time className="flex-shrink-0 text-gray-600 dark:text-gray-400">
+          <time className='flex-shrink-0 text-gray-600 dark:text-gray-400'>
             {post?.publishDay}
           </time>
         </header>
         <main>
-          {!showPreview && <p className="hidden md:block leading-8 text-gray-700 dark:text-gray-300">
-            {post.summary}
-          </p>}
+          {!showPreview && (
+            <p className='hidden md:block leading-8 text-gray-700 dark:text-gray-300'>
+              {post.summary}
+            </p>
+          )}
           {showPreview && post?.blockMap && (
-            <div className="overflow-ellipsis truncate">
+            <div className='overflow-ellipsis truncate'>
               <NotionPage post={post} />
-              <hr className='border-dashed py-4'/>
+              <hr className='border-dashed py-4' />
             </div>
           )}
         </main>
       </article>
-
-    </Link>)
+    </Link>
   )
 }
 

themes/plog/components/BlogArchiveItem.js

@@ -1,6 +1,4 @@
 import Link from 'next/link'
-import { siteConfig } from '@/lib/config'
-import { checkContainHttp, sliceUrlFromHttp } from '@/lib/utils'
 
 /**
  * 归档分组文章
@@ -9,36 +7,31 @@ import { checkContainHttp, sliceUrlFromHttp } from '@/lib/utils'
  */
 export default function BlogArchiveItem({ archiveTitle, archivePosts }) {
   return (
-        <div key={archiveTitle}>
-            <div id={archiveTitle} className="pt-16 pb-4 text-3xl dark:text-gray-300" >
-                {archiveTitle}
-            </div>
+    <div key={archiveTitle}>
+      <div id={archiveTitle} className='pt-16 pb-4 text-3xl dark:text-gray-300'>
+        {archiveTitle}
+      </div>
 
-            <ul>
-                {archivePosts[archiveTitle].map(post => {
-                  const url = checkContainHttp(post.slug) ? sliceUrlFromHttp(post.slug) : `${siteConfig('SUB_PATH', '')}/${post.slug}`
-
-                  return <li
-                        key={post.id}
-                        className="border-l-2 p-1 text-xs md:text-base items-center  hover:scale-x-105 hover:border-gray-500 dark:hover:border-gray-300 dark:border-gray-400 transform duration-500"
-                    >
-                        <div id={post?.publishDay}>
-                            <span className="text-gray-400">
-                                {post.date?.start_date}
-                            </span>{' '}
-                            &nbsp;
-                            <Link
-                                href={url}
-                                passHref
-                                className="dark:text-gray-400  dark:hover:text-gray-300 overflow-x-hidden hover:underline cursor-pointer text-gray-600">
-
-                                {post.title}
-
-                            </Link>
-                        </div>
-                    </li>
-                })}
-            </ul>
-        </div>
+      <ul>
+        {archivePosts[archiveTitle].map(post => {
+          return (
+            <li
+              key={post.id}
+              className='border-l-2 p-1 text-xs md:text-base items-center  hover:scale-x-105 hover:border-gray-500 dark:hover:border-gray-300 dark:border-gray-400 transform duration-500'>
+              <div id={post?.publishDay}>
+                <span className='text-gray-400'>{post.date?.start_date}</span>{' '}
+                &nbsp;
+                <Link
+                  href={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>
+              </div>
+            </li>
+          )
+        })}
+      </ul>
+    </div>
   )
 }

themes/simple/components/BlogArchiveItem.js

@@ -1,6 +1,4 @@
-import { siteConfig } from '@/lib/config'
 import Link from 'next/link'
-import { checkContainHttp, sliceUrlFromHttp } from '@/lib/utils'
 
 /**
  * 归档分组文章
@@ -9,35 +7,31 @@ import { checkContainHttp, sliceUrlFromHttp } from '@/lib/utils'
  */
 export default function BlogArchiveItem({ archiveTitle, archivePosts }) {
   return (
-        <div key={archiveTitle}>
-            <div id={archiveTitle} className="pt-16 pb-4 text-3xl dark:text-gray-300" >
-                {archiveTitle}
-            </div>
+    <div key={archiveTitle}>
+      <div id={archiveTitle} className='pt-16 pb-4 text-3xl dark:text-gray-300'>
+        {archiveTitle}
+      </div>
 
-            <ul>
-                {archivePosts[archiveTitle].map(post => {
-                  const url = checkContainHttp(post.slug) ? sliceUrlFromHttp(post.slug) : `${siteConfig('SUB_PATH', '')}/${post.slug}`
-                  return <li
-                        key={post.id}
-                        className="border-l-2 p-1 text-xs md:text-base items-center  hover:scale-x-105 hover:border-gray-500 dark:hover:border-gray-300 dark:border-gray-400 transform duration-500"
-                    >
-                        <div id={post?.publishDay}>
-                            <span className="text-gray-400">
-                                {post.date?.start_date}
-                            </span>{' '}
-                            &nbsp;
-                            <Link
-                                href={url}
-                                passHref
-                                className="dark:text-gray-400  dark:hover:text-gray-300 overflow-x-hidden hover:underline cursor-pointer text-gray-600">
-
-                                {post.title}
-
-                            </Link>
-                        </div>
-                    </li>
-                })}
-            </ul>
-        </div>
+      <ul>
+        {archivePosts[archiveTitle].map(post => {
+          return (
+            <li
+              key={post.id}
+              className='border-l-2 p-1 text-xs md:text-base items-center  hover:scale-x-105 hover:border-gray-500 dark:hover:border-gray-300 dark:border-gray-400 transform duration-500'>
+              <div id={post?.publishDay}>
+                <span className='text-gray-400'>{post.date?.start_date}</span>{' '}
+                &nbsp;
+                <Link
+                  href={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>
+              </div>
+            </li>
+          )
+        })}
+      </ul>
+    </div>
   )
 }