Hexo成功集成【Algolia搜索】

最新推荐文章于 2024-08-20 10:02:47 发布
最新推荐文章于 2024-08-20 10:02:47 发布
阅读量1.3k 收藏 7
点赞数 1
分类专栏： Hexo专栏 文章标签： hexo algolia
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_45234510/article/details/116885792
版权
这篇博客详细介绍了如何将Algolia搜索引擎集成到个人博客中，包括注册Algolia账号、创建Index、生成AppKey、安装hexo-algolia插件、配置博客设置以及测试搜索功能的过程。通过这些步骤，可以提升博客的用户体验，实现快速且精准的站内搜索。
摘要由CSDN通过智能技术生成

文章目录

1、注册账号

官网：https://www.algolia.com/users/sign_in

2、之后在左侧导航栏中找到Api Keys

在这里插入图片描述

3、创建Index

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

4、新建 App Key

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

5、到博客根目录下安装hexo-algolia

npm install hexo-algolia --save

在这里插入图片描述

6、前往站点根目录打开_config.yml添加以下代码

在这里插入图片描述

7、之后在博客根目录右击git bash

输入

export HEXO_ALGOLIA_INDEXING_KEY="你刚才新创建的APIKEY"

hexo algolia

在这里插入图片描述
在这里插入图片描述

8、修改主题内的_config.yml

在这里插入图片描述

9、启动即可

hexo s

10、测试

在这里插入图片描述

x-dragon8899
关注
专栏目录
为Hexo增加algolia搜索功能
qq_35479468的博客
07-14 6013
今天给博客增加了algolia站内搜索功能，中途有个地方整了半天，现在把遇到的坑填了。 功能预览： 注册algolia 官网注册：https://www.algolia.com/ ，或者直接用GitHub账号登陆，登陆地址： https://www.algolia.com/users/sign_in 我就是用GitHub账号登陆的 新建一个index [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-SSSLMeGL-1594701164262)(http://pic
Hexo+NexT搭建博客笔记
Janking's Blog
03-24 2557
文章目录前言安装HEXO安装主题基本配置网站图标网站脚注版权声明代码块分享访问次数顶部阅读进度条加载动画搜索功能添加RSS订阅添加置顶博客显示最近博客点击爱心效果创建js文件修改_layout.swig添加文章字数统计搜索功能Algolia_searchNote的使用配置风格使用方法文本居中的引用自定义文章摘要主题颜色及大小定制添加自己喜欢的颜色主题颜色链接颜色顶部条颜色字体大小文章标题大小和颜色...
hexo next 搜索 algolia
lol155的博客
10-30 519
1. 目的:添加搜索功能algolia似乎是试用一段时间就不能用了,建议使用本地搜索hexo-next 本地搜索 2. next版本我的版本号是# Theme versionversion: 5.1.2 next5.0+版本集成了algolia 这样使配置algolia更简单 3. algolia账号申请Algolia官网 直接...
Hexo-Algoliasearch 开源项目教程
最新发布
gitblog_01025的博客
08-20 342
Hexo-Algoliasearch 开源项目教程 hexo-algoliasearch:mag_right: A plugin to index posts of your Hexo blog on Algolia项目地址:https://gitcode.com/gh_mirrors/he/hexo-algoliasearch 1. 项目的目录结构及介绍 Hexo-Algoliasearch ...
Hexo集成Algolia实现搜索功能
欢迎来到 Baret~H 的博客
02-10 6714
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
Hexo+Next集成Algolia搜索
weixin_33826268的博客
05-10 1283
集成Algolia搜索 起因Swiftype现在收费了，也没有免费版本。Local Search搜索体验不好，微搜索Next官网上描述太少！所以选择Algolia。 注：Algolia搜索在版本** 5.1.0 **中引入，要使用此功能请确保所使用的 NexT 版本在此之后 首先注册Algolia账户 Algolia 登陆页面https://www.algolia.com/users/sign_...
【Hexo实战】第三方服务集成
2401_84049282的博客
04-05 309
面试难免让人焦虑不安。经历过的人都懂的。但是如果你提前预测面试官要问你的问题并想出得体的回答方式，就会容易很多。此外，都说“面试造火箭，工作拧螺丝”，那对于准备面试的朋友，你只需懂一个字：刷！给我刷刷刷刷，使劲儿刷刷刷刷刷！今天既是来谈面试的，那就必须得来整点面试真题，这不花了我整28天，做了份“Java一线大厂高岗面试题解析合集：JAVA基础-中级-高级面试+SSM框架+分布式+性能调优+微服务+并发编程+网络+设计模式+数据结构与算法等”
hexo next主题
06-29
9. **强大的搜索功能**：集成Algolia或Lunr.js等搜索引擎，提供快速的站内搜索。 下载并安装Next主题后，你需要将`hexo-theme-next-master`文件夹移动到Hexo项目的`themes`目录下，然后在`_config.yml`文件中将主题...
Hexo系列 | Hexo+next主题搭建炫酷的个人博客网站
多选参数-程序锅
10-02 3146
在 Hexo 中有两份主要的配置文件，其名称都是 _config.yml。 其中，一份位于站点根目录下，主要包含 Hexo 本身的配置；另一份位于主题目录下，这份配置由主题作者提供，主要用于配置主题相关的选项。为了描述方便，在以下说明中，将前者称为 网站配置文件， 后者称为 主题配置文件。 目录 主要包括以下高级使用： 更换主题 更改头像 设置Menu 侧边栏社交信息设置 摘要自动生成 主页文章...
Hexo 个性化配置(三)
kunkun5love的博客
02-28 7923
本片博客是在上一篇博客Hexo个性化配置(二)的基础上在写的一篇博客,主要不在一起写的原因是,这是自己配置自己搭建的博客时候变学习边记录的文章,记录的比较详细.放置在一篇上面文章比较长,所以截取一次十中个性化的配置.这是第三篇.涉及到如下的个性化配置: 1. jiathis的配置实现博文的分享 2. 文章的置顶功能 3. 打赏功能的实现 4. 点击爆炸效果(有一篇是实现的是红心的效果) ...
Hexo装修记录
黄老师的博客
09-22 174
文章目录选主题安装主题主题配置基础配置背景特效支持搜索文章阅读计数PV/UVGoogle Analytics问题解决标签和分类页面不显示问题其他推荐 前篇《个人博客搭建-结缘Hexo》 从时间投入上来说，搭建Hexo可谓是分分钟的事情，装修可花了我近一天的时间。 Hexo 是一个开放、扩展性强的框架，样式风格、功能都可以通过主题包、插件来实现。完全可以根据个人口味来装修你的博客。 选主题 关于Hexo的主题，你可以问度娘"Hexo Themes"网友好评度高的主题，也可以去官网自行挑选https://he
HEXO博客系统添加搜索功能
03-15 945
Hexo 可以通过接入第三方搜索引擎来为博客添加搜索功能。这里给出一种基于 Algolia 搜索引擎的实现方式。
用TravisCI持续集成自动部署Hexo博客的个人实践
weixin_34293141的博客
01-09 452
优秀的程序员都是不用持续集成的 前几天我面试了一个码农，连续几个专业问题他都没答上来。 尴尬之余，我问它：「你没有什么理想吗？你现在最渴望的事情是什么？」 码农转悠着大眼睛，不假思索道：「做一个持续集成的自动部署！」 真没想到在面试中居然还有这种操作。 我问为什么这能成为现阶段最渴望的事情。 他反问「你就没有...
hexo搭建的博客中添加搜索、评论功能、文章字数统计功能
weixin_39893889的博客
11-05 2022
hexo搭建的博客中添加添加搜索、评论功能、文章字数统计功能 本次使用的hexo主题为Butterfly。 添加搜索功能 搜索功能使用的是Algolia插件， 官网地址。 1. 安装Algolia cnpm install -S hexo-algolia 2. 打开 Algolia官网注册登录进入控制台如下图所示 3. 在主题目录下的_config.yml中进行配置 algolia_...
hexo&github 搭建博客（保姆级）
Andy0214的专栏
11-16 2569
从 2021 年 8 月 13 日开始，我们将在对 Git 操作进行身份验证时不再接受帐户密码，并将要求使用基于令牌（token）的身份验证，例如个人访问令牌（针对开发人员）或 OAuth 或 GitHub 应用程序安装令牌（针对集成商）这些图片都是在配置文件中配置的，只能使用图片的Url，如果是本地应用，可能导致无法显示，或者有些页面显示有些页面不显示。打开Github，在个人设置页面，找到【Setting】，然后打开找到【Devloper Settting】，如下图。
Algolia搜索引擎配置
qq_52475653的博客
11-30 1042
Algolia简介：Algolia是一家提供全文搜索和实时搜索解决方案的云服务提供商。它专注于提供高效、快速和可定制的搜索功能，为网站和应用程序提供强大的搜索体验并提高内容的可发现性和可访问性。Algolia提供各种付费方案，根据需求和使用情况进行定价。付费方案提供更高的搜索请求限制、更多的记录保存数量和更高的并发搜索请求速度。您可以在Algolia的官方网站上查看详细的付费方案和定价信息。请注意，Algolia的资费方案可能会随时间而变化，请确保在使用之前查阅最新的资费信息。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值