前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >algolia配置站内搜索:vitepress配置示范

algolia配置站内搜索:vitepress配置示范

原创
作者头像
周陆军博客
发布2023-06-06 11:07:09
1.1K0
发布2023-06-06 11:07:09
举报
文章被收录于专栏:前端博客前端博客

之前一直用百度站内搜索,但是百度站内搜索现在停用了。用谷歌的站内搜索,国内的GWF(fuck!),只好投向Algolia

当然也可以采用混用的方案,比如:https://www.zhoulujun.cn/search.html?m=search&c=index&a=init&siteid=1&typeid=1&ajax=1&q=JavaScript

但是,vitepress的主题,不想定制,第二个,他集成了Algolia,所以还是研究下其配置

Algolia是什么?

Algolia是一家为网站与移动应用提供托管式搜索API的初创企业,成立于2012年,总部位于旧金山,曾参加过去年的YC训练营。网站或移动应用只需嵌入简单代码数分钟即可实现搜索功能。

如果注意一下 Algolia 的历史,2014 年开始,而 Elastic Search 最早大致从 09 年开始,因此可以看出 Algolia 其实是为了解决 Elastic Search 配置复杂、工程成本高的问题而诞生的。 只要你

  • 不做日志搜索
  • 索引量不超过一百万

那么几乎可以肯定的是 Algolia 好用得多。 algolia和elasticsearch哪个更有潜力? - 谢科的回答 - 知乎https://www.zhihu.com/question/65456259/answer/1626340794

具体查看:Algolia是一家怎样的公司 https://www.zhihu.com/zvideo/1318577856813973504

search配置

  • 注册Algolia:https://www.algolia.com/users/sign_up
    • 打开Algolia进行注册。可直接使用github账号进行注册。(一般直接用github或google账号授权登录即可)
  • 创建index
    • 点击 NEW INDEX创建一个新的index
2.jpg
2.jpg

注册后的 14 天内拥有所有功能(包括收费类别的)。之后若未续费会自动降级为免费账户,免费账户 总共有 10,000 条记录,每月有 100,000 的可以操作数。免费版对于一个博客来说也是足足够的了

Index含义:

之前我一直以为indexName 是我网站的index 或者路径啥的。

index 其实你可以理解为一个服务器名称,会有配到search key

Algolia 服务站点上找到需要使用的一些配置的值,包括 ApplicationID、Search-Only API Key、 Admin API Key。

注意,Admin API Key 需要保密保存

点击ALL API KEYS 找到新建INDEX对应的key,编辑权限,在弹出框中找到ACL选择勾选Add records, Delete records, List indices, Delete index权限,点击update更新:

编辑站点配置文件,新增以下配置:这些值除了chunkSize不用修改,其他都可从Algolia网站上API Keys获得:

代码语言:javascript
复制
algolia:
  applicationID: 你的APPID
  apiKey: 你的API Key
  indexName: 你的Index名字
  chunkSize: 5000

配置vitepress Algolia

然后在docs/.vitepress/config.js

代码语言:javascript
复制
{
    themeConfig: {
        algolia: {
            appId: 'your id',
                apiKey: 'your API key',
                indexName: 'zhoulujun.co',
            // searchParameters: {
            //     facetFilters: ['tags:guide,api']
            // }
        },
    }
}

然后就好了

参考文章:

有没有人站内搜索用过Algolia,具体Index怎么配置?我在网上查了很久都没有结果? - 邻家枫扬的回答 - 知乎 https://www.zhihu.com/question/46822587/answer/308411949

转载本站文章《algolia配置站内搜索:vitepress配置示范》, 请注明出处:https://www.zhoulujun.cn/html/tools/Bundler/vite/8832.html

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • Algolia是什么?
    • search配置
      • Index含义:
        • 配置vitepress Algolia
        相关产品与服务
        Elasticsearch Service
        腾讯云 Elasticsearch Service(ES)是云端全托管海量数据检索分析服务,拥有高性能自研内核,集成X-Pack。ES 支持通过自治索引、存算分离、集群巡检等特性轻松管理集群,也支持免运维、自动弹性、按需使用的 Serverless 模式。使用 ES 您可以高效构建信息检索、日志分析、运维监控等服务,它独特的向量检索还可助您构建基于语义、图像的AI深度应用。
        领券
        问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档