hexo+next+GitHub搭建静态博客(四)-添加站内搜索

作者:jcmp      发布时间:2021-04-17      浏览量:0
一、为hexo和next增加站内搜索功能

一、为hexo和next增加站内搜索功能

二、安装插件

npm install hexo-generator-search npm install hexo-generator-searchdb。

三、修改hexo配置

在你的hexo目录下的_config.yml中增加如下配置:

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

配置上之后,其实搜索已经配置完成了,但现在我们还看不到搜索的入口,接下来我们需要在next的主体上进行配置。

四、配置next中的搜索入口

打开themes\next_config.yml,打开local search:

# Local searchlocal_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。

接下来就可以运行:

$ hexo s

在本地打开 http://localhost:4000/ 进行查看了。

五、travis-ci构建搜索模块

如果你的博客是使用travis-ci自动进行构建的话,需要将上面提到的两个插件在.travis.yml中进行配置:

# S: Build Lifecycleinstall: - npm install - npm install hexo-generator-search - npm install hexo-generator-searchdb。

效果图如下:

欢迎访问我的博客: http://atecher.com/ ,有更多精彩文章!