From 03da8478fae1935a66af73b0ac7ae1e20344ece8 Mon Sep 17 00:00:00 2001
From: kazoottt <31075337+KazooTTT@users.noreply.github.com>
Date: Mon, 13 Nov 2023 18:33:45 +0800
Subject: [PATCH] fix: set SUB_PATH default value to '' if not , the href will
 be `undefined/xxx`

---
 components/AlgoliaSearchModal.js | 103 ++++++++++++++++++++-----------
 1 file changed, 67 insertions(+), 36 deletions(-)

diff --git a/components/AlgoliaSearchModal.js b/components/AlgoliaSearchModal.js
index fe672e44..7c6bfdcb 100644
--- a/components/AlgoliaSearchModal.js
+++ b/components/AlgoliaSearchModal.js
@@ -102,43 +102,74 @@ export default function AlgoliaSearchModal({ cRef }) {
   }
 
   return (
-        <div id='search-wrapper' className={`${isModalOpen ? 'opacity-100' : 'invisible opacity-0 pointer-events-none'} z-30 fixed h-screen w-screen left-0 top-0 mt-12 flex items-start justify-center`}>
-
-            {/* 模态框 */}
-            <div className={`${isModalOpen ? 'opacity-100' : 'invisible opacity-0 translate-y-10'} flex flex-col justify-between w-full min-h-[10rem] max-w-xl dark:bg-hexo-black-gray dark:border-gray-800 bg-white dark:bg- p-5 rounded-lg z-50 shadow border hover:border-blue-600 duration-300 transition-all `}>
-
-                <div className='flex justify-between items-center'>
-                    <div className='text-2xl text-blue-600 font-bold'>搜索</div>
-                    <div><i className="text-gray-600 fa-solid fa-xmark p-1 cursor-pointer hover:text-blue-600" onClick={closeModal} ></i></div>
-                </div>
-
-                <input type="text" placeholder="在这里输入搜索关键词..." onChange={(e) => handleInputChange(e)}
-                    className="text-black dark:text-gray-200 bg-gray-50 dark:bg-gray-600 outline-blue-500 w-full px-4 my-2 py-1 mb-4 border rounded-md" />
-
-                {/* 标签组 */}
-                <div className='mb-4'>
-                    <TagGroups/>
-                </div>
-
-                <ul>
-                    {searchResults.map((result) => (
-                        <li key={result.objectID} className="replace my-2">
-                            <a href={`${siteConfig('SUB_PATH')}/${result.slug}`} className="font-bold hover:text-blue-600 text-black dark:text-gray-200">
-                                {result.title}
-                            </a>
-                        </li>
-                    ))}
-                </ul>
-
-                <Pagination totalPage={totalPage} page={page} switchPage={switchPage}/>
-                <div>{totalHit > 0 && <div>共搜索到 {totalHit} 条结果，用时 {useTime} 毫秒</div> }</div>
-                <div className='text-gray-600 mt-2'><span><i className="fa-brands fa-algolia"></i> Algolia 提供搜索服务</span> </div>
-            </div>
-
-            {/* 遮罩 */}
-            <div onClick={closeModal} className="z-30 fixed top-0 left-0 w-full h-full flex items-center justify-center glassmorphism" />
-
+    <div
+      id="search-wrapper"
+      className={`${
+        isModalOpen ? 'opacity-100' : 'invisible opacity-0 pointer-events-none'
+      } z-30 fixed h-screen w-screen left-0 top-0 mt-12 flex items-start justify-center`}
+    >
+      {/* 模态框 */}
+      <div
+        className={`${
+          isModalOpen ? 'opacity-100' : 'invisible opacity-0 translate-y-10'
+        } flex flex-col justify-between w-full min-h-[10rem] max-w-xl dark:bg-hexo-black-gray dark:border-gray-800 bg-white dark:bg- p-5 rounded-lg z-50 shadow border hover:border-blue-600 duration-300 transition-all `}
+      >
+        <div className="flex justify-between items-center">
+          <div className="text-2xl text-blue-600 font-bold">搜索</div>
+          <div>
+            <i
+              className="text-gray-600 fa-solid fa-xmark p-1 cursor-pointer hover:text-blue-600"
+              onClick={closeModal}
+            ></i>
+          </div>
         </div>
+
+        <input
+          type="text"
+          placeholder="在这里输入搜索关键词..."
+          onChange={e => handleInputChange(e)}
+          className="text-black dark:text-gray-200 bg-gray-50 dark:bg-gray-600 outline-blue-500 w-full px-4 my-2 py-1 mb-4 border rounded-md"
+        />
+
+        {/* 标签组 */}
+        <div className="mb-4">
+          <TagGroups />
+        </div>
+
+        <ul>
+          {searchResults.map(result => (
+            <li key={result.objectID} className="replace my-2">
+              <a
+                href={`${siteConfig('SUB_PATH', '')}/${result.slug}`}
+                className="font-bold hover:text-blue-600 text-black dark:text-gray-200"
+              >
+                {result.title}
+              </a>
+            </li>
+          ))}
+        </ul>
+
+        <Pagination totalPage={totalPage} page={page} switchPage={switchPage} />
+        <div>
+          {totalHit > 0 && (
+            <div>
+              共搜索到 {totalHit} 条结果，用时 {useTime} 毫秒
+            </div>
+          )}
+        </div>
+        <div className="text-gray-600 mt-2">
+          <span>
+            <i className="fa-brands fa-algolia"></i> Algolia 提供搜索服务
+          </span>{' '}
+        </div>
+      </div>
+
+      {/* 遮罩 */}
+      <div
+        onClick={closeModal}
+        className="z-30 fixed top-0 left-0 w-full h-full flex items-center justify-center glassmorphism"
+      />
+    </div>
   )
 }