博客搭建之路：hexo增加搜索功能

已于 2024-10-23 11:31:34 修改
阅读量981 收藏 4
点赞数 8
CC 4.0 BY-SA版权
分类专栏： 博客搭建 文章标签： 后端
于 2024-10-23 11:05:40 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Lxn2zh/article/details/143178835

文章目录

hexo增加搜索功能

hexo版本5.0.2 npm版本6.14.7 next版本7.8.0

作为一个博客，没有搜索功能，如何在大批文章中找到自己想要的，那在hexo中如何增加搜索功能呢？

search:
  path: search.json
  field: post

在博客目录下安装npm install hexo-generator-search --save，此时使用hexo cl && hexo g就会在博客public目录下生成一个search.json，在使用hexo d部署上去搜索就可以用了

本地搜索弊端

前期还好，后来随着我的文章越来越多，search.json文件已经达到了十几M，每次加载页面都需要花费几分钟来加载search.json文件，使用体验很不好

algolia搜索

本地搜索走不通，那就只能使用远程搜索了，还好hexo提供了algolia搜索

先去官网登录一下，这里我使用的是

最低0.47元/天 解锁文章

200万优质内容无限畅学
使用Hexo实现前端开发中的搜索功能
loop_git667的博客
09-19 837
通过安装并配置"hexo-generator-search"插件，生成搜索索引，创建搜索页面和搜索布局，并编写相应的JavaScript代码，我们成功地为Hexo静态网站添加了搜索功能。在Hexo根目录下的"source"文件夹中创建一个名为"js"的文件夹，并在该文件夹下创建一个名为"search.js"的JavaScript文件。这段JavaScript代码将监听搜索输入框的输入事件，并根据输入的关键字从搜索索引中筛选匹配的结果，并将结果显示在搜索结果列表中。第七步：美化样式（可选）
个人网站搭建保姆级教学：Hexo + Kaze + Gitee Pages
superjava_的博客
12-27 759
前 言 建网站本身是一个很大的工程，涉及前端页面的搭建，网站数据的存储，还要购置服务器资源，甚至是后期的维护，过程相当繁琐。 不过如果仅仅是想搭建个人的网站，写写博客，想要美观，又不想操心太多和写博客无关的事情。那么，Hexo + Kaze + Gitee Pages 的方式就很适合你。 本文就讲下如何借助这三样免费的技术或服务，来搭建一个可访问的静态博客网站。 Hexo 简介 Hexo 是什么？ Hexo[1]是一个快速，简单且功能强大的博客框架。如果你用 Markdown 写博.
hexo 搜索功能
阿甘的博客
01-12 9121
搜索功能真心好用，当文章多起来的时候，标签提供的作用已经很少了，只能简单索引，搜索却能精确查找，这里我用的依旧是最简单的本地站内搜索。 安装插件 npm install hexo-generator-searchdb --save 修改 站点配置 文件 search: path: search.xml field: post format: html limit:
HEXO博客系统添加搜索功能
03-15 1638
Hexo 可以通过接入第三方搜索引擎来为博客添加搜索功能。这里给出一种基于 Algolia 搜索引擎的实现方式。
hexo 搜索_hexo博客添加搜索功能
weixin_36488589的博客
02-01 316
安装插件在自己博客根目录下(我的目录：D:\workspace\hexo)，执行如下命令cnpm install hexo-generator-searchdb --save修改站点配置文件修改根目录下的_config.yml(我的目录：D:\workspace\hexo_config.yml)，在最底部添加如下配置search:path: search.xmlfield: postformat:...
Hexo博客添加搜索功能
Peak Xin's Blog
09-25 1948
当文件慢慢变多的时候，分类和标签已经不能快速找到所需要的文章，我们需要添加本站的搜索功能。 安装插件 在博客根目录执行命令 npm install hexo-generator-searchdb --save Hexo的搜索功能依赖于 hexo-generator-search 插件 修改站点配置文件 修改根目录下的_config.yml search: path: search.xml field: post format: html limit: 10000 content: t
【图文教程】Hexo+GitHubPages搭建个人博客
middle_age666的博客
08-17 1749
Hexo 是一个高效的静态网站生成器，使用简洁的 Markdown（或其他模板引擎）编写内容，支持丰富的插件和主题，允许用户轻松定制网站。它通过将文本转换为静态HTML页面，使得网站加载速度快，易于部署，同时支持多平台发布，非常适合创建博客、文档或个人网站。本文将介绍如何使用Hexo搭建个人博客并且将博客文章免费放到github上。more。
site:hexo-theme-keep演示站点
03-26
总结起来，Hexo结合Keep主题能帮助用户轻松搭建美观、高效的个人博客，而HTML作为基础语言，对于理解和定制主题至关重要。通过GitHub Pages，我们可以便捷地将博客部署到互联网上，让更多人访问。
Hexo博客搭建与管理：tingdongwei.github.io
Hexo还支持代码高亮、分页、标签、分类、RSS订阅等丰富的博客功能。 3. Markdown Markdown是一种轻量级标记语言，允许人们使用易读易写的纯文本格式编写文档，然后转换成有效的XHTML（或者HTML）文档。Markdown的...
hexo 搜索_hexo干货系列：（五）hexo添加站内搜索
weixin_40005437的博客
12-22 322
前言本来想用百度站内搜索，但是没成功，所以改用swiftype，用起来还是很棒的，这里分享一下我的安装步骤正文注册去swiftype官网注册个账号，然后登陆，对了不要去在意30天试用，30天过了还能继续使用，网站给的是30天高级账户的使用(那种有可以建立多个搜索引擎、多账户共同管理、一个引擎index多个域名的功能的账户)，降级成为免费的账户类型，但是还能使用。Create an engine登陆...
hexo-generator-search:一个为Hexo生成搜索数据的插件
04-29
六元发生器搜索 生成Hexo 3.x和4.x的搜索数据。 此插件用于生成搜索索引文件，其中包含您文章的所有必要数据，可用于为博客编写本地搜索引擎。 支持XML和JSON格式输出。 -试用此站点中的搜索引擎。 安装 $ npm install hexo-generator-search --save 选项 您可以在根_config.yml配置此插件。 search : path : search.xml field : post content : true template : ./search.xml path-文件路径。 默认情况下是search.xml 。 如果文件扩展名为.json ，则输出格式为JSON。 否则，将导出XML格式的文件。 字段-您要搜索的搜索范围，可以选择： 帖子（默认）-仅涵盖您博客的所有帖子。 页面-仅覆盖博客的所有页面。 全部
hexo-algoliasearch:一个插件，用于索引你在 Algolia 上的 Hexo 博客的帖子
07-23
hexo-algoliasearch 一个插件，用于索引你在 Algolia 上的 Hexo 博客的帖子 安装 npm install hexo-algoliasearch --save 如果 Hexo 自动检测所有插件，仅此而已。 如果不是这种情况，请在您的_config.yml文件中注册插件： plugins : - hexo-algoliasearch 配置 你可以在你的_config.yml文件中配置这个插件： algolia : appId : " Z7A3XW4R2I " apiKey : " 12db1ad54372045549ef465881c17e743 " adminApiKey : " 40321c7c207e7f73b63a19aa24c4761b " chunkSize : 5000 indexName : " my-hexo
探索 Hexo 的强大插件：Hexo-Generator-Search
gitblog_00088的博客
04-19 423
探索 Hexo 的强大插件：Hexo-Generator-Search 项目简介 是一个为 Hexo 构建的搜索引擎生成器。如果你是 Hexo 博客的用户，想要在你的站点中添加一个高效、自托管的搜索功能，那么这个项目就是你需要的解决方案。 技术分析 该插件基于lunr.js，一个轻量级的全文搜索引擎库，可以在客户端进行高效的文本检索。它的工作原理是在 Hexo 渲染博客文章时，会将每篇文章的关键信...
Hexo博客添加站内搜索功能
WwLK123的博客
04-26 1366
引言 给大家介绍一款用于Hexo博客站内搜索文章的插件hexo-generator-search，通过此插件，我们可以根据关键字搜索Hexo博客内的任何文章。下面是插件的安装以及使用操作。 安装插件 npm install hexo-generator-search --save 更改主题配置文件 找到主题文件夹下的\themes\next\_config.yml文件，并添加以下代码： local_search: enable: true # If auto, trigger sea
为Hexo博客添加全文搜索
weixin_51426778的博客
11-03 519
本文介绍如何利用`hexo-generator-search`插件为Hexo博客添加本地全文搜索
hexo+git+github+域名搭建个人博客提示404_hexo基本安装及配置
weixin_39558391的博客
12-01 410
前言经过了快一星期的折腾，我的博客的各项功能也在陆续开通中，本文就来记录一下hexo + github pages心路历程及配置方法。本文首发在我的个人博客，欢迎来访！Vince's Blog​haomingzhang.com欢迎关注我的公众号：安装hexo需要准备的东西github账号git(本地)node.jsnpm个人域名(可选)安装流程申请github账号这里xxx填写你的github账户...
【亲测免费】 为Hexo博客打造本地搜索功能：hexo-generator-search
最新发布
gitblog_01046的博客
09-14 510
为Hexo博客打造本地搜索功能：hexo-generator-search 项目介绍 hexo-generator-search 是一个专为 Hexo 3.x 和 4.x 版本设计的插件，旨在为你的博客生成一个搜索索引文件。这个插件能够提取你博客中的所有必要数据，帮助你构建一个高效的本地搜索引擎。无论是XML还是JSON格式的输出，hexo-generator-search 都能轻松应对，让你的博...
hexo添加搜索功能
liusirdotnet
08-12 1598
hexo博客添加搜索功能 step1:安装插件 直接在博客文件夹下运行命令 npm install hexo-generator-searchdb --save step2:修改站点全局配置文件_config.yml search： path: search.xml field: post format: html limit: 10000 ste...
Hexo博客搭建之Next主题添加搜索服务
StevenX5
06-14 878
随着时间的推移，我们博客站点上的文章会越来越多，因此在站点中增加一个文本搜索服务是非常有必要的。本文介绍一种添加站内搜索服务的方法，站点配置基于 Hexo5.4.2 博客和 Next 主题。NexT 提供 Algolia 搜索插件，搜索你的 Hexo 网站内容。请注意仅在 NexT 配置文件中打开 algolia_search 的 enable 不允许您正确使用 Algolia 搜索。你需要安装相应的 Hexo 插件来索引你的网站。注册 Algolia 账号，并创建 Index本地搜索不需要任何外部第三方服
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

拾光师

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值