Hexo NexT主题配置搜索功能教程

首发于羽毛工作室官方博客——和有趣的人做尽有趣的事！

之前我说：关于搜索功能，我也没用，配置麻烦不说，这完全就是一个只能感动自己的功能。谁会在你的博客内搜索而不是用搜索引擎搜索呢。如果只是为了快速索引文章。那么做好文章分类，甚至自己编排一个文章目录，用户体验会更好。而且我始终认为。博客的文章，就是需要定期归档与整理的，这样才真正意义上免去内容沉积的问题，为读者创造最好的阅读体验。

啪啪打脸，配置之后发现，Local Search搜索功能真香！

配置方法

已经集成在Next主题中，只需要简单的配置即可使用，而且体验非常好。官方文档中也有详细的安装说明，如下图。

image-20210323194032518

第一步，安装 hexo-generator-searchdb，在站点的根目录下执行以下命令：

$ npm install hexo-generator-searchdb --save

第二步，编辑【站点配置文件】，新增以下内容到任意位置：

# Local Search搜索功能
search:
  path: search.xml
  field: post
  format: html
  limit: 10000

第三步，编辑【主题配置文件】，启用本地搜索功能：

# Local search
local_search:
  enable: true

使用效果

电脑版

image-20210323194453675

image-20210323194515479

手机版如下

image-20210323194745465

image-20210323194613350

写在最后的话

之前立flag的时候就应该想到会有打脸的一天，本来想偷偷把之前的内容改了，实在没必要。打脸就打脸呗，又不是第一次了。

主要是出现了新的需求，《羽毛闻荐》专栏中会推荐大量的内容，试想有一天，当我想分享某篇文章时，出现了“咦！这篇内容我是不是之前推荐过？”的疑虑，该怎么办呢？难道要把之前的内容都浏览一遍吗，可以但没必要。

搜索功能很好的解决了这个需求。而且是本地调取数据，加载速度极快。至于弊端嘛，我相信随着内容数量增多，一定会出现各种问题。但静态博客本就有这种通病，到时候做好文章分类，甚至自己编排一个文章目录，从而提升用户体验即可。