Hexo Next 主题中添加本地搜索功能

在 next 主题侧边列表有一个 搜索 菜单，但是点击之后页面会处于卡死状态，后台显示是 404，需要添加搜索插件才可以。

1、安装本地搜索插件 `hexo-generator-search`

# 安装插件，用于生成博客索引数据（在博客根目录下执行下列命令）：
npm install hexo-generator-search --save

安装之后，会在站点目录的 public 文件夹下创建一个 search.xml 文件。

2、修改站点配置文件

在站点配置文件 _config.yml 中添加如下内容：

# Search
search:path: ./public/search.xmlfield: postformat: htmllimit: 10000

path：索引文件的路径，相对于站点根目录
field：搜索范围，默认是 post，还可以选择 page、all，设置成 all 表示搜索所有页面
limit：限制搜索的条目数

3、主题配置文件

在主题配置文件 _config.yml 中找到如下内容：

local_search:enable: truetrigger: autotop_n_per_article: 1

确保 enable 设成 true。

top_n_per_article 字段表示在每篇文章中显示的搜索结果数量，设成 -1 会显示每篇文章的所有搜索结果数量。

然后，重新部署网站即可愉快的使用本地搜索功能了。

可以参考我的网站效果：我的博客

Hexo Next 主题中添加本地搜索功能相关推荐

Hexo next主题中添加播放器Aplayer
Hexo next主题中添加播放器Aplayer 下载首先,先下载Aplayer源码:APlayer dist文件夹再将文件中的dist文件夹复制到路径:blog/themes/next/sour ...
《Hexo: 从零开始编写自己的主题》5. 添加本地搜索功能以及发布博客让官网接收
<Hexo: 从零开始编写自己的主题> 1. Hexo概述以及Hexo工作原理 2. 入门Hexo主题编写 3. 优化样式,设计自己的主题 4. fancybox优化图片展示效果.代码高亮 ...
为 hexo 博客添加本地搜索功能
点击上方好好学java ,选择星标公众号重磅资讯.干货,第一时间送达今日推荐:我的大学到研究生自学 Java 之路,过程艰辛,不放弃,保持热情,最终发现我是这样拿到大厂 offer 的!个人 ...
hexo博客添加本地搜索功能
写在前面本文主要描述了怎么添加hexo博客搜索插件,然后启动搜索功能,对两个本地搜索插件的使用进行了描述,文章可能还有很多不足,请大家谅解,欢迎大佬提意见. 本文用的东西 hexo 3.1.0 wi ...
ASP.NET在主题中添加CSS文件
ASP.NET在主题中添加CSS文件在ASP.NET中,可以使用CSS来控制页面上HTML元素和ASP.NET控件的皮肤.如果在主题文件夹中添加了CSS文件,则在页面应用主题时也会自动应用CSS. ...
hexo博客中添加categories分类
title: hexo博客中添加categories分类 date: 2020-04-01 16:45:16 tags: hexo categories: 学习方法如下: 在根目录下scaffold ...
wordpress谷歌字体_如何以“正确”的方式在WordPress主题中添加Google Web字体
wordpress谷歌字体 Google fonts are amazing free resource for web designers. In WPBv4, we have started us ...
lzg_ad:在WES中添加语音识别功能
如果我们希望在WES操作系统中添加语音识别和语音朗读功能,那么我们需要关注以下组件: Speech Control Panel: 添加该组件可以在控制面中添加语音控制图标,我们可以通过这个功能来选择或 ...
qq空间的相册名称java_jsp实现仿QQ空间新建多个相册名称并向相册中添加照片功能...
工具:Eclipse,Oracle,smartupload.jar:语言:jsp,Java:数据存储:Oracle. 实现功能介绍: 主要是新建相册,可以建多个相册,在相册中添加多张照片,删除照片,删 ...

Hexo Next 主题中添加本地搜索功能

1、安装本地搜索插件 `hexo-generator-search`

2、修改站点配置文件

3、主题配置文件

Hexo Next 主题中添加本地搜索功能相关推荐

最新文章

热门文章

Hexo Next 主题中添加本地搜索功能

1、安装本地搜索插件 hexo-generator-search

2、修改站点配置文件

3、主题配置文件

Hexo Next 主题中添加本地搜索功能相关推荐

最新文章

热门文章

1、安装本地搜索插件 `hexo-generator-search`