From e0b7fc31ac01544250117f185faa7695db03e171 Mon Sep 17 00:00:00 2001
From: "tangly1024.com" <tlyong1992@hotmail.com>
Date: Tue, 24 Sep 2024 16:01:11 +0800
Subject: [PATCH] =?UTF-8?q?gitbook=E4=BC=98=E5=8C=96=E6=90=9C=E7=B4=A2?=
 =?UTF-8?q?=E7=BB=84=E4=BB=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 styles/globals.css                       |  4 +++
 themes/gitbook/components/SearchInput.js | 34 +++++++++++++++++-------
 2 files changed, 29 insertions(+), 9 deletions(-)

diff --git a/styles/globals.css b/styles/globals.css
index c3a4818e..7c215c46 100644
--- a/styles/globals.css
+++ b/styles/globals.css
@@ -276,3 +276,7 @@ a.avatar-wrapper {
 img {
   display: unset;
 }
+
+.adsbygoogle {
+  overflow: hidden;
+}
diff --git a/themes/gitbook/components/SearchInput.js b/themes/gitbook/components/SearchInput.js
index e3120ec6..5c91fd70 100644
--- a/themes/gitbook/components/SearchInput.js
+++ b/themes/gitbook/components/SearchInput.js
@@ -2,6 +2,7 @@ import { siteConfig } from '@/lib/config'
 import { deepClone } from '@/lib/utils'
 import { useGitBookGlobal } from '@/themes/gitbook'
 import { useImperativeHandle, useRef, useState } from 'react'
+import { useHotkeys } from 'react-hotkeys-hook'
 let lock = false
 
 /**
@@ -19,6 +20,15 @@ const SearchInput = ({ currentSearch, cRef, className }) => {
     }
   })
 
+  /**
+   * 快捷键设置
+   */
+  useHotkeys('ctrl+k', e => {
+    searchInputRef?.current?.focus()
+    e.preventDefault()
+    handleSearch()
+  })
+
   const handleSearch = () => {
     // 使用Algolia
     if (siteConfig('ALGOLIA_APP_ID')) {
@@ -29,6 +39,7 @@ const SearchInput = ({ currentSearch, cRef, className }) => {
       keyword = keyword.trim()
     } else {
       setFilteredNavPages(allNavPages)
+      return
     }
     const filterAllNavPages = deepClone(allNavPages)
 
@@ -79,6 +90,7 @@ const SearchInput = ({ currentSearch, cRef, className }) => {
   const cleanSearch = () => {
     searchInputRef.current.value = ''
     handleSearch()
+    setShowClean(false)
   }
 
   const [showClean, setShowClean] = useState(false)
@@ -103,11 +115,20 @@ const SearchInput = ({ currentSearch, cRef, className }) => {
   }
 
   return (
-    <div className={`${className}`}>
+    <div className={`${className} relative`}>
+      <div
+        className='absolute left-0 ml-4 items-center justify-center py-2'
+        onClick={handleSearch}>
+        <i
+          className={
+            'hover:text-black transform duration-200 text-gray-500  dark:hover:text-gray-300 cursor-pointer fas fa-search'
+          }
+        />
+      </div>
       <input
         ref={searchInputRef}
         type='text'
-        className={`rounded-md outline-none w-full text-sm pl-2 transition focus:shadow-lg font-light leading-10 text-black bg-gray-100 dark:bg-black dark:text-white`}
+        className={`rounded-lg border dark:border-black pl-12 leading-10 placeholder-gray-500 outline-none w-full transition focus:shadow-lg text-black bg-gray-100 dark:bg-black dark:text-white`}
         onFocus={handleFocus}
         onKeyUp={handleKeyUp}
         placeholder='Search'
@@ -117,15 +138,10 @@ const SearchInput = ({ currentSearch, cRef, className }) => {
         onChange={e => updateSearchKey(e.target.value)}
         defaultValue={currentSearch}
       />
-
       <div
-        className='flex -ml-8 cursor-pointer float-right items-center justify-center py-2'
+        className='absolute right-0 mr-4 items-center justify-center py-2 text-gray-400 dark:text-gray-600'
         onClick={handleSearch}>
-        <i
-          className={
-            'hover:text-black transform duration-200 text-gray-500  dark:hover:text-gray-300 cursor-pointer fas fa-search'
-          }
-        />
+        Ctrl+K
       </div>
 
       {showClean && (