Hexo博客Next主题站内搜索模块相关，解决搜索无效、一直loading的问题

2022-01-14 08:59:42 浏览数 (1)

站内搜索配置

设置方法：首先安装hexo-generator-searchdb插件

代码语言：javascript复制

npm install hexo-generator-searchdb --save

编辑博客根目录下的博客本地目录/_config.yml站点配置文件，新增以下内容到任意位置，search顶格放否则可能没效果：

代码语言：javascript复制

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

编辑博客本地目录/themes/next/_config.yml 主题配置文件，启用本地搜索功能,将local_search:下面的enable:的值，改成true，local_search顶格放置。

代码语言：javascript复制

local_search:
  enable: true
  # 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

可以输入以下命令，先清理缓存，然后本地部署调试

代码语言：javascript复制

hexo clean
hexo s

命令输入完成，提示：Hexo is running at http://localhost:4000/，可以把网址复制到浏览器上，查看本地生成的博客搜索功能

搜索无效、一直loading的问题

根据以上配置出的搜索框有可能出现无法加载，搜索无效，动画一直loading的问题，如下图：

按F12可以查看请求命令的状态，状态码200表示请求成功。但是搜索动画还是一直在转。

解决方案

为了解决以上问题，也是花了很多时间在寻找办法，找个几个办法，终于解决了我的问题。

国光的博客地址

Linchao的博客地址

现给出比较详细的解决方法，如果搜索不成功，可能是以下原因之一

1、搜索插件没有配置好

配置就按照文章前面配置的步骤走就行了

2、文章中包含特殊字符，文件编码时出错

一般情况下，博客部署到网上想要进行本地调试，输入以下命令

代码语言：javascript复制

hexo clean
hexo s

报错先不用管，命令输入完成，提示

现在就要检查search.xml 文件，复制以下网址到浏览器，查看search.xml文件内容，是否报错。

代码语言：javascript复制

localhost:4000/search.xml

效果图如下：

可以看到，有报错，报错内容就是说search.xml 文件有一些不能读取的内容，因为xml文件是有特殊符号不能使用。如果报错，浏览器右侧滑条拉到底，看看是哪里的文章出现问题。

效果图如下：

从最后的文字中找到一些信息，打开博客根目录下的search.xml文件

打开search.xml文件，找到包含那一些信息的那篇文章，最好是能开MarkDown在线编辑，也可以把有问题的.md文件拿出来，重新部署博客。

修改完成后，照平时那样部署博客就行。如果还有错，继续排查。

0 人点赞