静态博客的客户端搜索方案

构建期输出 search.json,搜索页用 Fuse.js 在浏览器里完成匹配,不需要后端服务。

技术 #搜索#Fuse.js#静态站点

半神的搜索不依赖服务端。构建时生成 /search.json,里面包含标题、描述、分类、标签、日期和链接;搜索页加载这个文件,然后用 Fuse.js 匹配。

这种方案适合个人博客:

  • 部署简单,任意静态托管平台都能用。
  • 数据量不大时速度足够。
  • 不暴露额外服务,也不需要索引服务器。

后续如果文章数量非常大,可以把索引拆分,或者接入 Algolia、Meilisearch 这类服务。但对主题首版来说,客户端搜索是最稳妥的默认值。

Comments

评论区

Artalk

输入关键词开始搜索。

0