Hugo LoveIt添加Algolia搜索

最新推荐文章于 2023-12-24 08:00:59 发布
最新推荐文章于 2023-12-24 08:00:59 发布
阅读量589 收藏 1
点赞数
文章标签： 数据库 javascript 前端 Algolia
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_43457463/article/details/125708065
版权

本文介绍如何在Hugo LoveIt主题中添加Algolia搜索

1. 在algolia官网注册登录之后，创建应用

在这里插入图片描述

2. 选择区域，确认应用创建完成，然后创建索引

在这里插入图片描述

3. 运行hugo命令，生成public文件夹

在这里插入图片描述

4. 上传index.json

在这里插入图片描述

5. 进入API页面

在这里插入图片描述

6. 配置config.toml

在这里插入图片描述

将之前的索引名、Application ID、Search-Only API Key依次填入params.search.algolia即可。
在这里插入图片描述

βίςღ
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
使用 Algolia 云引擎，实现个人博客 Hugo 本地智能搜索
回忆中的明天
07-01 1012
一直想实现博客的本地搜索，没有找到好的实现方式。尝试了好几个方案，现在使用Algolia实现本地搜索。实现方式简单，每月可搜索 10000 次，可以一直白票下去 构建数据 1、 修改配置文件 修改config.toml，配置生成algolia.json文件 [outputs] home = ["HTML","RSS","TXT","Algolia"] section = ["HTML"] taxonomy = ["HTML"] term = ["HTML"] [outp...
Algolia Search - 使用Javascript实现前端实时搜索
热门推荐
In the Cloud
04-24 1万+
在网站开发中，很重要的一个功能那就是搜索了。对于一个访问量很大的网站来说，对于所有的搜索请求直接读取数据库来完成将会造成非常大的负荷。两种办法可以有效地解决以上问题，第一种就是缓存，memcached,redis等都很有名气，在这里就不予赘述了。 那么第二种就是使用云搜索。什么是云搜索？类似于CDN，我们把数据库内可以用于被搜索的信息推送至云端，然后用户在我们的网站进行搜索时，实际上搜索请求并没
hugo-blog-main:我的 github 博客源由 Hugo Love It Theme 提供支持
05-29
启动雨果博客 : 安尚浩 2020 年 7 月 10 日 基于Hugo的github博客创建者 介绍 开发描述 内容描述 参考 1.简介 2. 开发描述 虽然基本功能很扎实，但我想创建一个博客，可以专注于数据分析和编程以及使用数学公式和代码进行数据分析和编程，因此存在以下附加要求。 要求 数学表达式的KaTex 关于我等的固定页面 Pygments代码高亮替换 Highlight.js 分类的子类别 评论和讨论的发言 一些设计特点 配色方案 徽标和缩略图 简单的Css , JavaScript动画 支持Dark Mode 3. 内容描述 博客中涵盖的主要主题要放大到机器学习和数学（Machine Learning & Math） 、开发（D evelop）和设计（ Design）三个方面。 我会把其他领域作为其他主题发布，但如果我将来想主要处理它们，我想添加它们。 机器学习与数学
TyrangYang_blog:欢迎来到我的博客库！ Hugo框架和loveit主题支持的博客
05-06
TyrangYang博客 这是我所支持的个人博客和主题是通过提供 我已经移走了所有以前的内容 雨果 loveIt文档 更新主题： git submodule update --remote --merge
algolia-sitemap:节点库，可让您根据Algolia索引生成站点地图
05-13
阿尔及利亚站点地图生成器 这是一个节点库，允许您从Algolia索引生成站点地图。 需要节点v6 +（如果这对您来说是个问题，请提出问题）。 它将在您选择的文件夹（例如/sitemaps ）中创建站点地图和站点地图索引。 然后，您可以将/sitemaps/sitemap-index.xml上传到Google，以便为您的页面建立良好的索引！ 它是如何工作的？ Algolia索引中的所有条目 每链接，将在所选文件夹中生成一个sitemap.n.xml（其中n是索引） 浏览完所有阿尔戈利亚数据后，将生成最终的sitemap-index.xml 通过让搜索引擎知道或将其放置在，sitemap-index.xml。 此过程是一个脚本，应定期运行以使站点地图保持最新状态，尚未设置任何“监视”功能（还好吗？） 如何使用 首先从npm安装模块（或使用yarn ）： $ npm install
FixIt 是一个简洁、优雅且高效的 Hugo 博客主题
05-02
FixIt 是一个简洁、优雅且高效的 Hugo 博客主题。它的原型基于 LoveIt 主题，KeepIt 主题 和 LeaveIt 主题。FixIt 主题继承了这些主题的优秀功能，并在此基础上添加了新的功能与优化
LeaveIt一款简约的Hugo主题
08-11
《LeaveIt：简约之美在Hugo世界的绽放》 在网页设计与开发的世界中，主题扮演着至关重要的角色，它们不仅赋予网站独特的外观，还能提升用户体验。"LeaveIt"是一款专为Hugo构建的简约博客主题，它以简洁、干净的设计...
基于Javascript的Hugo博客主题FixIt设计源码
最新发布
04-08
Hugo博客主题FixIt：基于Javascript开发，包含3264个文件，包括2758个SVG图像文件、163个CSS样式文件、94个HTML文件、65个SCSS样式文件、40个JavaScript文件、25个TTF字体文件、25个WOFF2字体文件、21个YAML配置文件...
使用Hogo+LoveIt主题搭建博客网站
诸葛建站
03-03 798
========================== Hugo (雨果)简介 ========================== Hugo 是一个静态网站生成系统, 可以将Markdown文档转成html, Hugo 同时也是一个网站服务器. 特点: 1. go 语言编写, 所以转码速度库, 网站的性能高, 没有依赖部署非常方便 2. 系统没有内置 theme, 但社区有大量的 theme...
Hugo LoveIt主题配置与使用
坚果的博客
05-21 5540
我的博客地址luckly 1. 安装主题 把这个主题克隆到 themes 目录: git clone https://github.com/dillonzq/LoveIt.git themes/LoveIt 2. 配置主题 2.1. 站点配置文件的修改 将根目录\themes\LoveIt\exampleSite路径下的config.toml文件复制到根目录下，覆盖掉根目录下的config.toml文件。然后，我们在notepad++中打开并对其作一定的修改就可以直接使用，具体可以修改的内容如下： bas
在自己的网站中使用 Algolia
文摘资讯
12-24 171
Algolia是一个提供搜索和实时数据查询的云服务平台。它提供了强大的搜索功能和开发工具，使开发者能够轻松地在自己的应用程序或网站中实现高性能的搜索体验。Algolia的主要特点包括：1、 快速：Algolia的搜索引擎被设计为高速的，能够在毫秒级别内返回搜索结果。它使用了先进的搜索算法和分布式架构，以提供快速的搜索响应时间。2、 实时性：Algolia的搜索引擎是实时更新的，可以在数据发生变化时...
如何使用hugo搭建个人博客（五）：添加站内搜索（gcse）
stepup
06-10 4705
站内搜索推荐使用google custom search engine(gsce) gcse的使用方法强烈推荐阅读：Hexo博客优化配置之–为自己博客添加站内搜索关键部分： 下面介绍如何在crisp的侧边栏中添加search box 1.在以下github 仓库中获取search.html文件，存放到本地header.html所在的目录。 https://github.com/penn2
利用 Algolia 为静态博客搭建实现内容搜索
CSDN for recording problems
01-25 2283
现在静态博客的标配之一就是博客搜索🔍，我也是通过搭建博客发现了它，这篇主要记录一下怎么使用algolia完成博客搜索。
gitbook + disqus = 轻松让自己的网站带有评论
vbaspdelphi的专栏
01-21 2749
gitbook是个好东西吧，我们可以轻松地撰写自己的知识和信息，如果能加上一个留言功能是不是更好呢？disqus.com出现了，过程如下： 登陆disqus.com站点，注册 新建站点， 起个名字，比如snowbearopjournal gitbook 在线editor，在pluginstore里面，搜索disqus并安装，并 configure写上之前的站点名字，提交 gitbook重新发布，刷新
Hugo 实现搜索功能小白教程
foxscallionBlog
09-11 4876
这是我的博客地址->神州部落格 欢迎来访哦······ 前言 Hugo 这种静态站点默认没有搜索功能，大概因为没了数据库实现反而不方便。Search for your Hugo Website 列出了一些可选项，要么自己生成索引用开源的工具搜索，要么用第三方搜索服务如 algolia。 自己来的方案里我选择 Github Gist for Fuse.js integration，因为它不需要另外引入 Node.js、 Grunt 或 Gulp，而是利用 Hugo 内置的功能在 build 的时候生成索
[tools]hugo&github构建静态网站/百度统计
weixin_34352449的博客
02-11 692
hugo/github构建网站基本原理 1.hugo是一个静态化的工具,你写md,然后他把md转换成对应样式的html, 2.并给html嵌入百度统计的script.然后你将html放到github上,github可以支持静态博客.你就拥有了自己的博客 3.用户访问时,触发js统计代码,上报给百度统计. 安装配置hugo+githubpage站点 老宋专门写了一本关于这个的书 参考 这个文档...
使用hugo生成静态博客并部署在GitHub上
weixin_43176364的博客
08-08 1094
使用hugo生成静态博客并部署在GitHub上 hugo是一个用Go语言编写的静态网页生成器，只需要一个命令 hugo 就可以在几秒钟内生成一个静态的博客页面，被称为世界上最快的网站构建框架，使hugo称为最受欢迎且最热门的静态网站生成器之一。 我之前使用的是wordpress作为博客的载体，但是wordpress太笨重，对markdown格式的支持不是很好，且打开速度极慢，所以就使用hugo进行博客的撰写，生成静态博客后就可以部署在云服务器上或者GitHub上，这样在国内搜到的云服务器上的博客http:/
Algolia使用教程 ， 超详细傻子看都会
weixin_34111819的博客
02-28 3199
框架描述　 　 　　发现网上Algolia这块的资料较少，就花了点时间从官网上整理了下，总结了几项常用的功能用法。 　　现在比较有名的Algolia提供了云搜索的服务。具体办法是我们将数据库的信息以JSON的格式上传到Algolia服务器，然后通过相应的API进行搜索，搜索可以是前端也可以是后端。这里描述的JavaScript的用法，不仅高效，而且对用户友好。Algolia的免费许可允...
给 VitePress 添加 algolia 搜索
超逸の学习技术博客
12-18 2761
分享 VitePress 集成 algolia 搜索的方法。
linux安装hugo
03-31
Hugo是一个用于创建静态网站的开源框架，它基于Go语言开发。在Linux上安装Hugo可以按照以下步骤进行： 1. 首先，确保你已经安装了Go语言环境。你可以通过运行`go version`命令来检查是否已经安装。 2. 打开终端，并使用以下命令下载Hugo的二进制文件： ``` wget https://github.com/gohugoio/hugo/releases/download/v0.88.1/hugo_0.88.1_Linux-64bit.tar.gz ``` 3. 解压下载的文件： ``` tar -zxvf hugo_0.88.1_Linux-64bit.tar.gz ``` 4. 将Hugo二进制文件移动到系统的可执行路径中： ``` sudo mv hugo /usr/local/bin/ ``` 5. 确认Hugo是否成功安装，运行以下命令检查版本： ``` hugo version ``` 现在，你已经成功安装了Hugo。你可以使用Hugo来创建和管理静态网站。如果你需要更多关于Hugo的信息，可以参考Hugo的官方文档。
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值