【个人网站搭建】Hexo框架下Next主题中添加站内搜索功能

0x00 前言

文章中的文字可能存在语法错误以及标点错误，请谅解；

如果在文章中发现代码错误或其它问题请告知，感谢！

Hexo博客框架版本（hexo version）：v5.3.0

Next主题版本: v5.1.3

0x01 实现步骤

1.安装搜索插件

在根目录安装hexo-generator-search插件:

$ npm install hexo-generator-search --save

2.修改站点配置文件

在根目录下的站点配置文件_config.yml 中添加下列内容：

#Search
search:
  path: search.xml
  field: post
  format: html
  limit: 10000

path：索引文件路径，相对于根目录
field：搜索范围，默认是post，另外可以选择page、all，设置成all表示搜索所有页面
limit：最大搜索条目数

上述内容配置完成后便实现了搜索功能，接下来需要在next主题上部署搜索入口。

3.修改主题配置文件

打开themes\next \ _config.yml文件，定位到local_search位置将enable状态设置成true:

# Local Search
# Dependencies: https://github.com/next-theme/hexo-generator-searchdb
local_search:
  enable: true

4.重新部署网站

上述步骤配置完成后重新部署网站：

$ hexo s

在本地打开http://localhost:4000/查看效果：

以上。

参考文档：
1.https://blog.csdn.net/lijing742180/article/details/87970909
2.https://www.jianshu.com/p/5b62c01c4dfa
3.https://blog.csdn.net/fly_wugui/article/details/108638358