feat: 重構本地搜索

feat: Algolia 搜索,點擊文章內容也會跳轉到相應頁面
fix: 修復 fullpage loading 顯示滾動條的 bug close #1235
fix: 修復 safari 下,搜索內容被系統搜索框遮擋的 bug
improvement: 手機 safari 橫屏時,網頁全屏幕顯示
improvement: 當沒有開啟 beautify 時, hr 顯示默認的樣式
This commit is contained in:
Jerry committed 2023-03-28 20:40:43 +08:00
1 parent 63dc605794
commit 8199e25215
21 files changed
+426 -226

No files matched your search

+13 -2
View File
@@ -144,15 +144,26 @@ beautify()
p
margin: 0 0 8px
> :last-child
margin-bottom: 0 !important
hr
margin: 20px 0
if hexo-config('beautify.enable')
if hexo-config('beautify.field') == 'site'
beautify()
else if hexo-config('beautify.field') == 'post'
&.post-content
beautify()
else
hr
margin: 20px 0
border: 1px inset
width 100%
> :last-child
margin-bottom: 0 !important
&:before
content: none
#post
.tag_share
+5 -1
View File
@@ -113,4 +113,8 @@ span.mathjax-overflow
content: none
.snackbar-css
border-radius: 5px !important
border-radius: 5px !important
+maxWidth768()
.fancybox__toolbar__column.is-middle
display: none
+10 -16
View File
@@ -26,12 +26,15 @@
color: $search-keyword-highlight
font-weight: bold
.algolia-hits-item-title
font-weight: 600
.algolia-hit-item-content
margin: 0 0 8px
word-break: break-word
.ais-Pagination
margin: 20px 0 0
margin: 15px 0 0
padding: 0
text-align: center
@@ -61,22 +64,16 @@
.ais-Pagination-item--disabled
visibility: hidden
.algolia-logo
padding-top: 2px
width: 80px
height: 30px
#algolia-hits
> div
overflow-y: scroll
margin: 0 -20px
padding: 0 22px
+minWidth768()
max-height: calc(80vh - 240px)
max-height: calc(80vh - 240px)
+maxWidth768()
height: calc(100vh - 260px)
max-height: none
height: calc(var(--search-height) - 265px)
#algolia-info
div
@@ -84,10 +81,7 @@
.algolia-poweredBy
float: right
vertical-align: text-top
.apple
#algolia-search
#algolia-hits
> div
+maxWidth768()
height: calc(90vh - 260px)
svg
height: 1.1em
Loaded 3 of 21 files, more files were not shown because too many files have changed in this diff. Show more