首页 > 其他分享 >Hexo博客Next主题站内搜索模块相关,解决搜索无效、一直loading的问题

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

时间:2023-04-14 14:04:57浏览次数:48  
标签:xml search loading 站内搜索 hexo Hexo 博客 搜索 报错


站内搜索配置

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

npm install hexo-generator-searchdb --save

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

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

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

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

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

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-ZRUfVNJD-1617112883771)(https://img-blog.nos-eastchina1.126.net/blog/hexo_search_config2.png)]

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

hexo clean
hexo s

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


搜索无效、一直loading的问题

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

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

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


解决方案

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

国光的博客地址

Linchao的博客地址

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

1、搜索插件没有配置好

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

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

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

hexo clean
hexo s

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-jCkhxlbL-1617112883779)(https://img-blog.nos-eastchina1.126.net/blog/hhexo_search_local1.png)]

报错先不用管,命令输入完成,提示:Hexo is running at http://localhost:4000/。可以把网址复制到浏览器上,查看本地生成的博客,体验跟网站版的差不多,不出所料搜索框的动画还是会一直loading。

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

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

localhost:4000/search.xml

效果图如下:

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

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

效果图如下:

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

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

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

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

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

我的个人博客主页,欢迎访问

我的GitHub主页,欢迎访问


标签:xml,search,loading,站内搜索,hexo,Hexo,博客,搜索,报错
From: https://blog.51cto.com/u_16066155/6190027

相关文章

  • Hexo博客使用valine评论系统无效果及终极解决方案
    注意事项有一些博主valine评论系统无效果,有一些原因:1、很大程度是因为next的版本升级导致某些参数设置不同2、valine评论是基于LeanCloud,还有一个文章阅读次数功能也是用LeanCloud,两者会有一点冲突之后会给出一些解决方案评论系统选择Hexo可用的评论系统有很多,如下:来必力:https://l......
  • 涨姿势了,有意思的气泡 Loading 效果
    今日,群友提问,如何实现这么一个Loading效果:这个确实有点意思,但是这是CSS能够完成的?没错,这个效果中的核心气泡效果,其实借助CSS中的滤镜,能够比较轻松的实现,就是所需的元素可能多点。参考我们之前的:使用纯CSS实现超酷炫的粘性气泡效果巧用CSS实现酷炫的充电动画圆弧......
  • 在win10下用pyinstaller 包成.exe win7运行报错error loading Python DLL
    在win10下运行一切正常,复制到win7电脑运行,直接报错,有两个错误,一个是缺少xxxxx.dll一个是errorloadingPythonDLL......正常思路以为是缺少dll,按照提示名称下载dll放到系统目录,没啥用。最后搜索一大堆论坛,找到如下思路:原因为win7系统中缺少运行库,需要安装VisualStudio201......
  • Hexo 评论系统
    Hexo评论系统上一篇文章博客搭建教程搭建了一个博客的基本框架,但是没有解决博客评论问题,本文填充一下这部分欠缺。Hexo博客系统是静态博客,本身无法支持评论等动态的功能,但是可以通过第三方的评论系统让Hexo博客支持评论功能。常见的评论系统包括:Valine、Disqus、Gitment、Gi......
  • 在云服务器上搭建hexo博客(亲测可用)
    前言​本来博客是用wordpress在服务器搭建的,但苦于wordpress的后端语言是php,对markdown的支持也不尽如人意,最终还是放弃了wordpress,转战后端为Node的Hexo框架。​整体思路:在服务器上配置Git环境,创建Git仓库在主机安装Hexo,并生成Hexo静态文件,通过与服务器链接,将静态文件推送......
  • UICollectionView(loading...)
    前言用第三方判断当前网络情况(AFN)#import"AFNetworkReachabilityManager.h"-(void)reach{AFNetworkReachabilityManager*manager=[AFNetworkReachabilityManagersharedManager];[managerstartMonitoring];[managersetReachabilityStatusChangeBl......
  • Next.js 13 如何使用loading.js
    要在next.js13中使用loading.js,我们需要先在对应的文件目录下创建loading.js文件文件结构如下:apptest1loading.tsxpage.tsx如上面的目录结构所示,我们创建了/test1路径下的页面,以及其对应的loading组件我们知道,nextjs13的组件默认都是服务端渲染(Server-sideRend......
  • 延迟加载(Lazy Loading)在C#中的应用
    延迟加载是一种常见的编程技术,它可以在需要时才加载数据或资源,而不是在程序启动时就加载。这种技术可以提高程序的性能和响应速度,因为它可以避免不必要的资源浪费。在C#中,延迟加载可以通过使用Lazy<T>类来实现。这个类是在.NETFramework4中引入的,它提供了一种简单的方法来实现......
  • An Error Ocurred - Error loading password's vault file ---Uninstall MySQL for Ex
    还是在2020年疫情封控开始前后的连续几个月天天重温Delphi、MSSQL、也偶尔折腾一下MySQL,最近2年都没再折腾,昨天2023.4.1,打开Excel是提示此此问题:卸载掉MySQLforExcel之后,再次打开Office2016就Ok了,奇怪为什么会出现这个问题呢 //点击showdetails之后如下:     ......
  • centos安装hexo
    之前参照网上教程,但是使用npm不存在,尝试不同的方法,终于测试一个成功解决方案:wgethttps://nodejs.org/dist/v14.17.4/node-v14.17.4-linux-x64.tar.xztar-xvfnode-v14.17.4-linux-x64.tar.xzmvnode-v14.17.4-linux-x64/usr/local/nodejsecho"exportPATH=$PATH:/usr/loc......