搜索功能 | Nobilta's Blog
0%

搜索功能

一直觉得blog的搜索功能很有用装x,方便我们来查找自己曾经写过的东西,所以今天按照大佬的方法给博客加了个搜索的功能,操作很简单,有手就行没有也行

参考链接

  • 首先切换到博客目录下,安装hexo的搜索插件
    1
    npm install hexo-generator-search --save
    安装后会自动创建一个search.xml,我个人理解是相当于创建了索引(因为是纯静态页面嘛)
  • 然后修改hexo的配置文件_config.yml(注意不是主题的),添加如下内容:
    1
    2
    3
    4
    5
    6
    # Search 
    search:
    path: ./public/search.xml //索引的位置
    field: post //搜索的范围,默认post,也可以手动设置all、page等等
    format: html //搜索的类型
    limit: 10000 //限制搜索的条目数
  • 接下来只要配置好主题相关内容就可以了,因为我用的是next主题,默认就有搜索功能的支持,所以我只要选择打开这个功能就可以了。在next的_config.xml文件中搜索local_search,然后做如下修改:
    1
    2
    3
    4
    local_search:
    enable: true //开启搜索功能
    trigger: auto
    top_n_per_article: 1
您的支持将鼓励我继续创作!