为Hexo增加algolia搜索功能

最新推荐文章于 2024-05-27 09:52:46 发布
最新推荐文章于 2024-05-27 09:52:46 发布
阅读量5.8k 收藏 13
点赞数 8
分类专栏： Hexo 文章标签： 爬虫 搜索引擎 java爬虫程序 爬虫搜索 关键字搜索
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_35479468/article/details/107335663
版权
今天给博客增加了algolia站内搜索功能，中途有个地方整了半天，现在把遇到的坑填了。功能预览：注册algolia官网注册：https://www.algolia.com/ ，或者直接用GitHub账号登陆，登陆地址： https://www.algolia.com/users/sign_in 我就是用GitHub账号登陆的新建一个index[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-SSSLMeGL-1594701164262)(http://pic
摘要由CSDN通过智能技术生成

今天给博客增加了algolia站内搜索功能，中途有个地方整了半天，现在把遇到的坑填了。

功能预览：

image-20200713225007017

注册algolia

  • 官网注册：https://www.algolia.com/ ，或者直接用GitHub账号登陆，登陆地址： https://www.algolia.com/users/sign_in 我就是用GitHub账号登陆的

  • 新建一个index

    [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-SSSLMeGL-1594701164262)(http://pic.heson.xyz/img/image-20200713225553512.png)]

  • 左侧侧边栏找到API Keys，进入后，点击ALL API Keys**（这点比较重要，因为前面的API不可用，要自己新建一个拥有增加删除权限的api key）**

    image-20200713225911444

    image-20200713230054350

点开新增api keys后，如上图

最低0.47元/天 解锁文章
黑石博客
关注
  • 8
    点赞
  • 踩
  • 13
    收藏
    觉得还不错? 一键收藏
  • 9
    评论
专栏目录
Hexo集成Algolia实现搜索功能
欢迎来到 Baret~H 的博客
02-10 6419
2年前搭建的hexo博客好久没有维护了，一看 hexo 以及先前使用 butterfly 主题已经更新好几个版本了，看介绍在速度性能上有了很大的提高，于是打算给 hexo 升个级，整理整理翻翻新。通过阅读 butterfly 的官方文档，发现 butterfly 内置功能越来越丰富并且支持了更多的三方功能，本文就带大家通过搜索引擎Algolia实现 hexo 站内的高效检索～ 参考： https://butterfly.js.org/（ hexo-butterfly 官方） https://www.d.
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
推荐一款强大的搜索解决方案：Algolia Search API Client for Laravel
最新发布
gitblog_00009的博客
05-27 437
推荐一款强大的搜索解决方案：Algolia Search API Client for Laravel 项目地址:https://gitcode.com/algolia/algoliasearch-laravel 项目简介 Algolia Search API Client for Laravel 是一个专为 Laravel 框架设计的集成工具，它将 Algolia 的高效全文搜索引擎无缝连接到 ...
Hexo成功集成【Algolia搜索】
x-dragon8899的博客
05-16 1293
文章目录1、注册账号2、之后在左侧导航栏中找到Api Keys3、创建Index4、新建 App Key5、到博客根目录下安装hexo-algolia6、前往站点根目录打开_config.yml添加以下代码7、之后在博客根目录右击git bash8、修改主题内的_config.yml9、启动即可10、测试 1、注册账号 官网：https://www.algolia.com/users/sign_in 2、之后在左侧导航栏中找到Api Keys 3、创建Index 4、新建 App Key 5、
hexo next 搜索 algolia
lol155的博客
10-30 510
1. 目的:添加搜索功能algolia似乎是试用一段时间就不能用了,建议使用本地搜索hexo-next 本地搜索 2. next版本我的版本号是# Theme versionversion: 5.1.2 next5.0+版本集成了algolia 这样使配置algolia更简单 3. algolia账号申请Algolia官网 直接...
Hexo+Next集成Algolia搜索
weixin_33826268的博客
05-10 1269
集成Algolia搜索 起因Swiftype现在收费了，也没有免费版本。Local Search搜索体验不好，微搜索Next官网上描述太少！所以选择Algolia。 注：Algolia搜索在版本** 5.1.0 **中引入，要使用此功能请确保所使用的 NexT 版本在此之后 首先注册Algolia账户 Algolia 登陆页面https://www.algolia.com/users/sign_...
HEXO博客系统添加搜索功能
03-15 906
Hexo 可以通过接入第三方搜索引擎来为博客添加搜索功能。这里给出一种基于 Algolia 搜索引擎的实现方式。
hexo-tag-steam:为Hexo嵌入Steam标签插件
05-10
为Hexo嵌入Steam标签插件。 演示 入门 安装 npm install hexo-tag-steam --save 用法 {% steam https://store.steampowered.com/app/286000/Tooth_and_Tail/ %} 还是这样？ {% steam 286000 %} 定制 该嵌入具有....
hexo-generator-search:一个为Hexo生成搜索数据的插件
04-29
六元发生器搜索 生成Hexo 3.x和4.x的搜索数据。 此插件用于生成搜索索引文件，其中包含您文章的所有必要数据，可用于为博客编写本地搜索引擎。 支持XML和JSON格式输出。 -试用此站点中的搜索引擎。安装$ npm install...
blog:yuque和hexo的博客功能
05-01
3. **插件扩展**：通过安装插件，Hexo可以增加各种功能，如SEO优化、评论系统、统计分析等。 4. **本地预览与快速部署**：Hexo允许在本地快速预览博客效果，并提供一键部署功能，可方便地将博客发布到GitHub、GitLab...
hexo-tag-twitter：为Hexo嵌入twitter tweet标签插件
02-06
六边形标签推特为嵌入Twitter tweet标签插件。介绍这是一个Hexo标签插件，允许您将Twitter tweet嵌入到博客文章中。演示安装npm install hexo-tag-twitter --save用法{% twitter tweet-url %}要么{% twitter tweet-...
hexo搭建的博客中添加搜索、评论功能、文章字数统计功能
weixin_39893889的博客
11-05 1980
hexo搭建的博客中添加添加搜索、评论功能、文章字数统计功能 本次使用的hexo主题为Butterfly。 添加搜索功能 搜索功能使用的是Algolia插件， 官网地址。 1. 安装Algolia cnpm install -S hexo-algolia 2. 打开 Algolia官网注册登录进入控制台如下图所示 3. 在主题目录下的_config.yml中进行配置 algolia_...
Algolia搜索引擎配置
qq_52475653的博客
11-30 988
Algolia简介：Algolia是一家提供全文搜索和实时搜索解决方案的云服务提供商。它专注于提供高效、快速和可定制的搜索功能，为网站和应用程序提供强大的搜索体验并提高内容的可发现性和可访问性。Algolia提供各种付费方案，根据需求和使用情况进行定价。付费方案提供更高的搜索请求限制、更多的记录保存数量和更高的并发搜索请求速度。您可以在Algolia的官方网站上查看详细的付费方案和定价信息。请注意，Algolia的资费方案可能会随时间而变化，请确保在使用之前查阅最新的资费信息。
使用hexo+Anisina+github搭建个人博客
weixin_34221073的博客
01-06 278
前言 这是本人的最新博客，也是刚刚搭建起来的，过程中还是遇到了很多的坑，自己也对Anisina这个主题进行了一些更改，希望能够帮到大家，然后有兴趣的可以自己尝试进行搭建，话不多说，开始吧！ 起步 hexo是一个是基于node.js的快速、简洁且高效的博客框架，Anisina是一个hexo的主题，简洁，明了，这也是本人选择这个主题的原因。 下载 可以参考hexo的官网，对应环境需要node和git我...
github+Hexo 搭建博客
ahuihui1227的博客
04-18 169
结果大概如下 https://birdy-c.github.io 只有测试文件……将就一下……吧…… 教程 很多教程都非常的完整（言下之意：你们自己去搜吧我懒的写） 基本上如果对git熟悉一点的话很快能够完成基本的功能 我是对着下面这个配的，还提供了一些好看的模板 https://www.jianshu.c...
Algolia使用教程 ， 超详细傻子看都会
weixin_34111819的博客
02-28 3198
框架描述　 　 　　发现网上Algolia这块的资料较少，就花了点时间从官网上整理了下，总结了几项常用的功能用法。 　　现在比较有名的Algolia提供了云搜索的服务。具体办法是我们将数据库的信息以JSON的格式上传到Algolia服务器，然后通过相应的API进行搜索，搜索可以是前端也可以是后端。这里描述的JavaScript的用法，不仅高效，而且对用户友好。Algolia的免费许可允...
2016年31款轻量高效的开源 JavaScript 插件和库
阳光雨露
09-30 194
目前有很多网站设计师和开发者喜欢使用由JavaScript开发的插件和库，但同时面临一个苦恼的问题：它们中的大多数实在是太累赘而且常常降低网站的性能。其实，其中也有不少轻量级的插件和库，它们不仅轻巧有用，而且不会影响网站的性能。本文，就为大家整理了2016年以来30多款轻量级Javascript插件和库的列表，这些工具服务于特定的目标，并且它们能够非常有效和高效地实现目标。 不管你想创建一个图...
NexT主题集成Algolia搜索插件
luzheqi的专栏
10-12 7286
欢迎移步到我的个人博客 版权声明：本文为博主原创文章，转载请注明出处，谢谢! 很长时间不整理是很容易忘记的 为什么要增加Algolia搜索插件第一个原因当然是这样可以让博客显得更加炫酷；其次就是原来常用的swiftype插件不再免费，而且Algolia不仅免费，感觉上要比Swiftype要快。 就没有别人有写相关博客吗你可能会有这样的疑问。我的回答是当然有，例如Hexo集成A
hexo博客添加搜索功能
05-14
要为 Hexo 博客添加搜索功能，你可以使用第三方搜索引擎，如 Algolia 或 Google Custom Search。这里我们介绍如何使用 Algolia。 Algolia 是一个强大的搜索引擎，提供了易于使用的 API，可以轻松地将搜索功能添加到你的 Hexo 博客中。以下是如何为 Hexo 博客添加 Algolia 搜索的步骤： 1. 注册 Algolia 账户并创建一个应用程序。 2. 安装 Hexo Algolia 插件。 ``` npm install hexo-algolia --save ``` 3. 在博客根目录下创建一个名为 `algolia.json` 的配置文件，并填写以下内容： ``` { "applicationID": "YOUR_APP_ID", "apiKey": "YOUR_API_KEY", "indexName": "YOUR_INDEX_NAME" } ``` 将 `YOUR_APP_ID`、`YOUR_API_KEY` 和 `YOUR_INDEX_NAME` 替换为你在 Algolia 上创建的应用程序的信息。 4. 在你的 Hexo 主题中添加搜索框和搜索结果页面。 在主题的相应文件中添加以下代码： 搜索框： ```html <form class="search-form" method="get" action="/search/"> <input class="search-input" type="text" placeholder="Search" name="query"> <button class="search-submit" type="submit">Search</button> </form> ``` 搜索结果页面： ```html --- title: "Search Results" layout: "search" --- <section class="search-results"> {% for page in page.posts %} <article class="search-result"> <h2 class="search-result-title"><a href="{{ page.url }}">{{ page.title }}</a></h2> <p class="search-result-excerpt">{{ page.excerpt }}</p> </article> {% endfor %} </section> ``` 5. 重新生成站点并上传到你的服务器。 ``` hexo generate ``` 6. 同步你的博客数据到 Algolia 上。 ``` hexo algolia ``` 完成以上步骤后，你的 Hexo 博客就可以使用 Algolia 进行搜索了。当用户在搜索框中输入关键字并提交时，将会跳转到搜索结果页面，显示与关键字匹配的文章列表。
评论 9
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值