前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >Next -16- 添加搜索功能

Next -16- 添加搜索功能

作者头像
为为为什么
发布2022-08-04 14:23:01
4230
发布2022-08-04 14:23:01
举报
文章被收录于专栏:又见苍岚

本文介绍开启 Next 主题站内搜索功能的方法。

安装插件

安装插件hexo-generator-searchdb

代码语言:javascript
复制
npm install hexo-generator-searchdb --save

确定插件安装过程中,没有错误,不然生成站点可能会有搜索框显示问题。

修改站点配置文件

添加内容:

代码语言:javascript
复制
# Search 
search:
  path: ./public/search.xml
  field: post
  format: html
  limit: 10000

修改主题配置文件

修改主题配置文件,开启站内搜索开关:

代码语言:javascript
复制
# Local Search
# Dependencies: https://github.com/theme-next/hexo-generator-searchdb
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: 7
  # Unescape html strings to the readable one.
  unescape: false
  # Preload the search data when the page loads.
  preload: false

生成站点

生成 hexo 站点,建议先清理public文件夹,避免显示异常的问题:

代码语言:javascript
复制
hexo clean && hexo g && hexo d

效果

成功后可以搜索站内内容:

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2020年3月21日,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 安装插件
  • 修改站点配置文件
  • 修改主题配置文件
  • 生成站点
  • 效果
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档