Hexo Next 主题中添加本地搜索功能
生活随笔
收集整理的這篇文章主要介紹了
Hexo Next 主题中添加本地搜索功能
小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
在 next 主題側(cè)邊列表有一個(gè) 搜索 菜單,但是點(diǎn)擊之后頁面會(huì)處于卡死狀態(tài),后臺(tái)顯示是 404,需要添加搜索插件才可以。
1、安裝本地搜索插件 hexo-generator-search
# 安裝插件,用于生成博客索引數(shù)據(jù)(在博客根目錄下執(zhí)行下列命令): npm install hexo-generator-search --save安裝之后,會(huì)在站點(diǎn)目錄的 public 文件夾下創(chuàng)建一個(gè) search.xml 文件。
2、修改站點(diǎn)配置文件
在站點(diǎn)配置文件 _config.yml 中添加如下內(nèi)容:
# Search search:path: ./public/search.xmlfield: postformat: htmllimit: 10000- path:索引文件的路徑,相對(duì)于站點(diǎn)根目錄
- field:搜索范圍,默認(rèn)是 post,還可以選擇 page、all,設(shè)置成 all 表示搜索所有頁面
- limit:限制搜索的條目數(shù)
3、主題配置文件
在主題配置文件 _config.yml 中找到如下內(nèi)容:
local_search:enable: truetrigger: autotop_n_per_article: 1確保 enable 設(shè)成 true。
top_n_per_article 字段表示在每篇文章中顯示的搜索結(jié)果數(shù)量,設(shè)成 -1 會(huì)顯示每篇文章的所有搜索結(jié)果數(shù)量。
然后,重新部署網(wǎng)站即可愉快的使用本地搜索功能了。
可以參考我的網(wǎng)站效果:我的博客
總結(jié)
以上是生活随笔為你收集整理的Hexo Next 主题中添加本地搜索功能的全部?jī)?nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 100款现代科技感的英文字体打包分享
- 下一篇: html制作学生成绩表,学生成绩查询系统