移除冗余的slug转换函数

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>
+  )
 }