51工具盒子

依楼听风雨
笑看云卷云舒,淡观潮起潮落

Hexo+NexT的主题如何配置本地全局搜索?

本地搜索不需要任何外部第三方服务,在网站内全局快速搜索。本文的配置是基于Hexo 6.0的系统和NexT8.0以上的主题。版本如果不正确可能无法正常应用。

具体操作的步骤 {#具体操作的步骤}

安装搜索需要的插件 {#安装搜索需要的插件}

在Hexo的根目录下,打开命令可执行窗口,执行如下命令:

|-------------|---------------------------------------------------------------------------------------------| | 1 2 | npm install hexo-generator-search --save npm install hexo-generator-searchdb --save |

在站点全局配置文件(_config.yml),新增如下内容: {#在站点全局配置文件-config-yml-,新增如下内容:}

|-------------------|-------------------------------------------------------------------------| | 1 2 3 4 5 | search: path: search.xml field: post content: true format: html |

修改 hexo主题配置文件:themes/xxx/_config.yml {#修改-hexo主题配置文件:themes-xxx-config-yml}

|---------------------------------|--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| | 1 2 3 4 5 6 7 8 9 10 11 | local_search: enable: true #修改这个参数,默认是false # If auto, trigger search by changing input. # If manual, trigger search by pressing enter key or search button. trigger: auto # Show top n results per article, show all results by setting to -1 top_n_per_article: 1 # Unescape html strings to the readable one. unescape: false # Preload the search data when the page loads. preload: false |

重新生成站点 {#重新生成站点}

|---------------|----------------------------------| | 1 2 3 | hexo clean hexo g hexo s |

操作完成后,可以在菜单中多出一个"搜索"的项目,如下图:
img.png

点击"搜索",如下弹框:

img.png

学习交流 {#学习交流}

赞(3)
未经允许不得转载:工具盒子 » Hexo+NexT的主题如何配置本地全局搜索?