小学期的那些事情总算是结束了,可以继续安心做自己的事情了。最近发现自己小站的文章数变得越来越多,发现搜索功能其实还是挺有用的。所以,今天就给小站添加一个搜索功能出来。

不过,我们这个没有后端,那怎么搜索呀🤔🤔

后面发现 Hexo 有一个提供搜索的插件,叫做 hexo-generator-search 的搜索模块,它是通过生成 xml 文件的方式来提供搜索的,我们先安装一下。

npm install hexo-generator-search

安装完成之后,然后再 _config.yml 配置文件配置中添加以下配置

search:
  path: search.xml
  field: post
  content: true

使用第三方的主题(这里是 Yun 主题),可能需要按照第三方主题配置的规定来配置。

local_search:
  enable: true
  src: /js/search/local-search.js

关闭搜索引擎搜索

engine_search:
  enable: false

这样基本的配置算是完成了,运行 hexo s 看看能否生成出来。看到右上角有一个搜索框。

image-20210715153508577

点击右上角的搜索栏,在搜索关键字,已经可以了。

image-20210715152818453

至此,到这里就结束了。

后续:如果我不想搜到这篇文章 (比如黑历史) ,那么我们可以这样做。在文章头部添加一个 indexing: false ,然后重新部署一下,这样这篇文章就不会被搜索到。

title: 添加一个搜索功能
date: 2021-07-15 14:28:54
tags:
  - Hexo
categories: 
  - 网站的部署与维护
indexing: false

image-20210715155550873