首页
学习
活动
专区
圈层
工具
发布

Hexo + butterfly 使用 Alogolia 替代本地搜索

什么是 Alogolia Algolia 是一个托管搜索引擎,提供全文,数字和多面搜索,能够从第一次击键中提供实时结果,它提供了一组工具,可简化制作完整搜索体验并将其集成到您的网站和应用程序中的过程。...这些包括: 支持多种不同语言的后端 API 客户端,用于索引、配置和管理数据 用于构建 Web 和移动搜索体验的前端小部件 与流行的框架和平台集成,进一步简化Algolia在现有项目中的集成 一个安全的分布式搜索网络...,我们可以通过调用 Algolia 的API接口把我们自己站点的数据上传到 Algolia 中,实现我们自己站点的搜索功能。...注册 Algolia 进入官网地址用 Github 授权登录 新建 Index 查看 Application ID 、 Search-Only API Key 和 Admin API Key...上查看 Application ID 、 Search-Only API Key 和 Admin API Key ,indexName 填入前面你创建的index名称 填写完成后,执行下面语句,把索引信息上传

1.3K30

工作记录 | 基于DocSearch黑一套搜索引擎

由于“被搜索”的数据库就是所有markdown文档的一二三级标题,所有这些标题存储在index.json(下面简称index)作为【文档索引】从后端运送到前端,并在前端完成搜索工作。...将index从外存懒加载到内存中需要做一些准备: 我们需要一个变量来存放index; 我们需要一个函数来处理懒加载; 我们需要一个promise来确定外存是否可读; 我们需要一个算法来在index中搜索关键词...至于docSearch的后端,是一个叫做algolia的服务器,algolia通过爬取你的网站总结出一套关键词索引,再暴露给docSearch来请求。...他的初衷是这样玩的,但是为了免费使用,我决定模拟一个服务器,伪造返回数据,达到同样的检索效果。 于是轮到我们ServiceWorker上场了(下面简称SW)。...*algolia/.test(event.request.url)) { event.respondWith( (async () => { // 从request

82410
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    hugo loveit构建github page博客

    尽管对编程还是很感兴趣的,一直以来也没拿什么奖,甚是可惜。即使后来从七十五种毕业去了华附,当时的华附的信息学社在校内的五大学科竞赛中也是打酱油水平。...与其他学科动不动出个国家集训队的辉煌成绩(包括天文,王远浩的国际天文银牌我一直记忆尤新,大佬大佬)相比,信息学社属于省一都要看年份的苦逼水平。没人教,也没什么动力学,我在水了个省二之后就去准备高考了。...操作: 前往官网注册账号 在左侧第二个Indices下选择New,创建Index(我的名称为myblog) 在API Keys上拿到Search-Only API Key作为searchKey和Application...文件 每次hugo命令之后会产生/public/index.json文件,需要将这个文件上传到algolia中 用travis进行自动化部署 algolia的问题在于每次录入新文章之后都需要更新index.json...参考官方指导获取github token并配置,再按照同样的方式配置ALGOLIA_ADMIN_KEY和GH_REF(比如github.com/wtysos11/wtysos11.github.io.git

    1.3K10

    7 个令人惊叹的 Python 库

    部分中文国家简称的编码 地名数据库中提供的国家名单 以及相应的国家代码如下: 安道尔(AD)、阿根廷(AR)、美属萨摩亚(AS)、 奥地利(AT)、澳大利亚(AU)、奥兰群岛(AX)、 孟加拉国(BD..., "620012") 输出 geopandas 派生出若干新的需求: a、就是如何获得中国的国家简称?...待续 b、如何根据邮编获取经纬度和所在地名称? 待续 5 rembg rembg 是另一个有用的库,可以轻松地从图像中删除背景。...该库的目标是获取数据并使其更加人性化,例如,通过将秒数转换为更具可读性的字符串,如“2 分钟前”。 该库可以通过多种方式格式化数据,包括使用逗号格式化数字、将时间戳转换为相对时间等。...# 循环年份并在地点获取时间快照: 对于城市中的城市: 对于年份: # 定义标签标签 for place in places: for city in cities:

    1.5K31

    7 个令人惊叹的 Python 库

    部分中文国家简称的编码 地名数据库中提供的国家名单 以及相应的国家代码如下: 安道尔(AD)、阿根廷(AR)、美属萨摩亚(AS)、 奥地利(AT)、澳大利亚(AU)、奥兰群岛(AX)、 孟加拉国(BD..., "620012") 输出 geopandas 派生出若干新的需求: a、就是如何获得中国的国家简称?...待续 b、如何根据邮编获取经纬度和所在地名称? 待续 5 rembg rembg 是另一个有用的库,可以轻松地从图像中删除背景。...该库的目标是获取数据并使其更加人性化,例如,通过将秒数转换为更具可读性的字符串,如“2 分钟前”。 该库可以通过多种方式格式化数据,包括使用逗号格式化数字、将时间戳转换为相对时间等。...# 循环年份并在地点获取时间快照: 对于城市中的城市: 对于年份: # 定义标签标签 for place in places: for city in cities:

    1.5K10

    (译) 如何使用 React hooks 获取 api 接口数据

    原文地址:robinwieruch 全文使用意译,不是重要的我就没有翻译了 在本教程中,我想向你展示如何使用 state 和 effect 钩子在React中获取数据。...如果你想查看完整的如何使用 React Hooks 获取数据的项目代码,可以查看 github 的仓库 如果你只是想用 React Hooks 进行数据的获取,直接 npm i use-data-api...使用 React hooks 获取数据 如果您不熟悉React中的数据提取,请查看我在React文章中提取的大量数据。...但是,如果你对错误处理、loading、如何触发从表单中获取数据或者如何实现可重用的数据获取的钩子。请继续阅读。 如何自动或者手动的触发 hook?...目前我们已经通过组件第一次加载的时候获取了接口数据。但是,如何能够通过输入的字段来告诉 api 接口我对那个主题感兴趣呢?(就是怎么给接口传数据。

    31.2K20

    如何优雅的在react-hook中进行网络请求

    本文将介绍如何在使用React Hook进行网络请求及注意事项。...,依赖项中数据发生变化的时候,hook就会重新执行,如果依赖项为空,hook认为没有数据发生变更,在组件更新的时候就不会在此执行。...,在代码中,useEffect hook的第二个参数是空数组,所以没有触发effect运行,重新获取数据,我们添加一下依赖项"search"到数组中,重新运行代码后,点击按钮就可看到我们的数据已经正确更新了...错误处理是在网络请求中是非常必要的,添加一个error状态,使用try/catch来进行捕获处理。...讲述了react hooks部分API的使用及注意事项,这几个api也是平时开发工作中常见的,因此通过阅读本文,你应该可以收获如下内容: useState的使用 useEffect的使用及注意事项

    10.6K73

    最全面的 Deno 入门教程

    对于你来说,可能还有其他选择,所以你应该从 Deno 网站获取的这个方法列表中为你的计算机使用适当的命令。...我喜欢在自己的教程中使用 Hacker News 的 API。为了学习有关 Deno 和权限中的数据获取的知识,我们将用这个 API 来获取数据。...在这种从远程 API 获取数据的情况下,需要允许网络请求: Deno run --allow-net index.js 再次运行 Deno 程序后,你应该在命令行上看到一系列 Hacker News...Deno 的标准库 Deno 带有一组实用函数,这些函数被称为 Deno 的标准库(简称:Deno std)。Deno 并没有从外部库中导入所有内容,而是尝试通过提供几种内部解决方案来使其可用。...我们不会从服务器(Deno)上将硬编码文本发送回客户端(浏览器),而是从 Hacker News 获取最重要的 JavaScript 文章并将其发送给客户端: import { serve } from

    4.1K10

    Apifox与Apipost大比拼:谁才是API文档管理的优选?

    ✅ 集成如Algolia的高级搜索❌ 无全文搜索跨域代理支持✅ 完整跨域代理❌ 无支持Google Analytics✅ 深度嵌入❌ 无数据统计API 版本管理✅ 完善版本管理❌ 未涉及文档可见性控制✅...Apifox支持自定义页面SEO元素(标题、描述、关键词等),还引入如Algolia等高级站内全文检索,助力用户高效定位文档内容。实际应用中,这一点能显著提升API可发现性和文档利用率。...缺少SEO和站内搜索,限制了外部用户的获取效率,也不利于企业API文档生态的长期建设。...技术集成与数据洞察:效率与决策的保障Apifox集成了跨域代理方案,帮助开发者简化API调试流程,尤其对于涉及前后端分离项目效果尤为突出。...直观展示Apifox:Apipost:个人思考与行业展望从综合对比来看,Apifox在API文档管理领域构建起较为完整和细致的生态,尤其在文档定制、SEO、权限、安全、数据分析乃至AI前沿能力方面,均展现出较高的行业成熟度

    29410

    通过与 GPT 对话实现零样本信息抽取

    我们通过对GPT-3.5用提示工程的方法建立一个通用的零样本IE系统——GPT4IE(GPT for Information Extraction),发现GPT3.5能够自动从原始句子中提取结构化信息。...在与GPT3.5和提示的结合下,它能够自动从原始句子中提取结构化信息。...2 技术框架 设计了特定任务的提示模板(task-specified prompt template), 然后将用户的输入填充模板中特定的槽值 (slot),形成提示(prompt),输入GPT-3.5...具体如下: RE任务的目标是从文本中抽取三元组,比如“(China, capital, Beijing)”, “(《如懿传》, 主演, 周迅)”。...OpenAI API key: OpenAI API 密钥 EE任务旨在从纯文本中提取事件,例如“{Life-Divorce: {Person: Bob, Time: today, Place: America

    2K30

    如何使用RVM在FreeBSD 10.1上安装Ruby on Rails

    介绍 Ruby on Rails,简称RoR,是一个用Ruby编写的非常流行的全栈Web应用程序开发框架。它允许您快速开发符合MVC(模型 - 视图 - 控制器)模式的Web应用程序。...本教程将介绍如何在FreeBSD 10.1服务器上使用RVM设置Ruby on Rails开发环境。 课程准备 在开始之前,您只需要: 一个FreeBSD 10.1 腾讯CVM。...cd /tmp 从https://get.rvm.io中下载RVM安装程序脚本。...如果您还不在/tmp目录中,请更改为该目录。 cd /tmp 使用该rails命令创建一个名为test-project的新项目(或任何您喜欢的项目)。...exit 结论 在本教程中,您学习了如何在FreeBSD 10.1服务器上设置Ruby on Rails。您现在可以使用FreeBSD服务器作为Rails项目的开发环境!

    7.9K10

    数字藏品NFT的开发框架

    数字藏品NFT(非同质化代币)的开发框架涉及区块链技术、智能合约、存储解决方案、用户交互等多个方面。以下是一个完整的数字藏品NFT开发框架,涵盖从技术选型到部署上线的关键步骤。1....交易(Transfer):支持NFT的买卖和转让。版税(Royalty):在每次交易中自动分配版税给创作者。安全性:使用OpenZeppelin库编写安全的智能合约。...API交互:使用Web3.js或Ethers.js与区块链交互。调用智能合约的铸造、交易等功能。6. 后端开发(可选)功能需求:用户认证和权限管理。数据缓存和索引(如NFT列表、交易记录)。...集成测试:测试前后端与区块链的交互。安全测试:进行智能合约和系统的安全审计。部署:部署智能合约到主网或测试网(如Rinkeby、Polygon Mumbai)。...提供API和SDK,方便第三方开发者集成。10. 法律与合规版权保护:确保NFT的元数据包含版权信息。提供透明的版权声明和使用条款。税务合规:遵守不同国家和地区的税收法规。

    71910

    【Web后端架构】2022年10个最佳Web开发后端框架

    1.面向Java开发人员的Spring框架+Spring Boot Java被认为是一种常青的编程语言。它的一个常见用途是在后端开发中。Spring框架是最好的Java框架之一。...js,JavaScript在后端开发社区的受欢迎程度迅速增加,在过去十年中,Node。js已经成为顶级品牌之一。 这就是为什么Express在2010年为节点开发者发布的原因。它是一个极小的节点。...它被认为是性能最好的后端框架之一。 它基本上是ASP的统一版本。NET MVC和ASP。NET Web API转换为编程模块,从而使其功能更加强大。 如果你想学习ASP。...它是一个初学者友好的框架,具有用户友好的界面、广泛的库和出色的API支持。 使用Laravel可以简化后端开发,同时构建现代安全的web应用程序。如果您正在处理非平凡的应用程序,这一点尤其正确。...如果您是初学者,可以从Ruby on rails等对初学者友好的框架或Flask等轻量级框架开始。如果你热衷于学习最受欢迎的,那么你可以选择Spring Boot、Django或Express。

    5.8K20

    开发一个 Web 项目的完整流程:从需求确认到上线

    架构设计涉及到的内容包括: 技术栈选择:根据项目需求选择合适的前端和后端技术,例如 React、Vue.js、Node.js、Django、Ruby on Rails 等。...开发过程中需要遵循的步骤包括: 组件开发:根据设计文档开发可复用的 UI 组件。 状态管理:选择合适的状态管理方案(如 Redux、Vuex 等)以管理应用状态。...API 集成:与后端开发人员协作,集成 RESTful API,实现数据的获取和提交。 3.2 后端开发 后端开发负责实现业务逻辑和数据存储。...安全性考虑:在后端实现用户认证、授权及数据加密等安全措施。 3.3 版本控制 在开发过程中,使用版本控制工具(如 Git)管理代码,确保团队成员之间的协作和代码的版本历史记录。...构建与打包:根据生产环境的需求,构建前端和后端项目,生成可部署的代码包。 5.2 上线部署 将项目部署到生产环境,主要步骤包括: 数据迁移:将开发和测试环境中的数据迁移到生产环境,确保数据一致性。

    61110

    【12】2小时还你一个集打赏、评论、RSS功能于一身的个人博客

    添加搜索功能 导航菜单栏 完成了上述菜单选项的添加后,读者们可以看到菜单栏中还有搜索一项,搜索的功能源于第三方服务——Algolia,接下来看看配置的步骤: 注册Algolia,创建...获取Key,修改站点配置 完成Hexo Algolia后,回到Algolia官网的Dashboard,在左侧导航栏选择API Keys一项,跳转到如下图所示的页面。...获取Key 基于这个页面的Key,编辑站点配置文件,在文件内容最后添加如下图所示的信息,包括 ApplicationID、Search-Only API Key、 Admin API Key和indexName...,其中apiKey就是Search-Only API Key: Algolia配置信息 更新Index 配置好Key后,在Hexo根目录执行hexo algolia来更新Index...然后配置对应链接的图标,其格式为: 社交平台名称: Font Awesome中的图标的名字(区分大小写) 如下图所示: 添加链接图标 如笔者添加的社交链接中有简书,但是Font Awesome

    1.6K30

    RadRails1.0降临——增加Profiler、CallGraph Analyzer和Rails Shell等新特性

    这里有一个RadRails、Netbeans和CodeGears的3rdRail的特性完全比较,从比较中可以看出RadRails在重构(refactoring)和性能剖析(profiling)方面更胜一筹...如 果大量用户开始尝试使用Rubinius并向我们告知缺少调试器,我们一定会使之集成进来。...因此已经有了大 量的de-facto标准来为RDT/RadRails和Netbeans继承一个调试后端。只需要连接Rubinius的调试器,打开一个套接字并读入 XML命令即可。...公用调试协议实现详见RubyForge的debug-commons项目。InfoQ报道了Rubinius的全速调试器——目前并不支持公用调试协议,因此使用全速调试器的API需要另外的协议后端。...通过 DOM我们能够提供一个很小很简单的API,看上去很像Ruby API。 想尝试Aptana和RadRails 1.0或者只是想实际看看其特性的话,请看展示了大量特性的截屏视频。

    2.9K80

    不要学习“网红”编程语言

    Ruby on Rails (也简称为 Rails)是一个使用 Ruby 编程语言的开源 Web 应用程序框架,曾一度大受欢迎,Rails 的出现极大的推动了 Ruby 语言的发展。...从 2000 年开始,到该时代中期,Ruby 受欢迎程度在 TIOBE 指数评级中逐渐达到顶峰,人们认为 Ruby 还有它的旗舰级 Rails 框架,可以大大提高生产力。...最近十年来,现代 SaaS 方案中的 API 几乎都不提供官方 Ruby 客户端或 SDK。 形成鲜明对比的是,Java、JavaScript、Python 甚至是 Rust 可都在支持之列。...在所有 HubSpot API 实施意见中,Ruby 版本的人气(根据 stars 和 forks 判断)和更新频率都是最低的。...在过去的十年里,开发领域的创新成果可谓百花齐放。HTML5、Node.js、Angular 和 React 已经在前端和后端遍地开花。

    3.3K30

    【周一通勤电台 · 特辑】六千字漫谈2022后端框架流行趋势

    笔者目前是从事的是后端Java开发,这篇文章中不仅包括Java的流行框架,还会有其他后端语言的框架。 对于后端开发人员来说,了解市场上最流行的后端框架永远不会有坏处。...节约时间 显然,当开发者可以从预先写好的功能中创建应用功能时,开发过程所需的时间就会大大减少。这也导致了更少的错误,从而缩短了开发周期,提高了最终产品的质量。...世界知名的网站和应用程序,如Instagram、Pinterest、Shopify、Coursera和Reddit都是使用Django、Ruby on Rails、Laravel、Node.js和ASP.NET...基于API的邮件发送。使用Laravel, 你可以得到与所有主要的邮件服务的API集成, PHP邮件驱动, 以及多渠道信息发送的通知。这大大简化了通知和邮件的实施。 简单的数据缓存。...6.4 React Native image.png React Native,简称RN,是一个用JavaScript编写的开源平台,最初由Facebook开发。

    6K30

    激荡二十年:HTTP API 的变迁

    一切其他协议的 API(如 TCP),或者服务器之间的 HTTP API(如 gRPC),不在深入讨论之列。...2005年之前:API 的狂野西部 早期的互联网是非常狂野的,没有所谓前端后端之分。...尤其是,当 Ruby on Rails(以下简称 rails)这个引领一个时代的 web 框架横空出世后,PHP 尴尬的发现,自己的优势,可能就只剩下多年来积攒的生态系统,以及在这个生态下滋养着的一大堆开发者了...如果我们重新审视 API 的作用,我们会发现,作为客户端和服务端数据的桥梁,API 解析客户端的请求,从服务端某个 data store(可能是数据库,也可能是其他服务的数据等),获取相应的数据,然后按照...本来这篇文章应该在上周末发表出来,可是我一时技痒,把周末可用的时间匀给了代码实现,于是我在撰写了(主要是通过 psql -E 偷师 psql 命令是如何查询的)上百行 SQL,从postgres 中获取关于

    2.5K30
    领券