Pagefind:静态站也能有全文搜索

399 字
2 分钟
Pagefind:静态站也能有全文搜索

🔍 静态站的搜索难题#

搜索通常需要服务器:你输入关键词,服务器去数据库里查,返回结果。

但静态站只有一堆 HTML 文件,没有服务器可以问。怎么办?

🧩 思路反过来#

Pagefind 的做法很聪明:构建的时候就把索引做好。

你在本地跑构建,它扫描所有页面的正文,生成一份压缩过的索引文件,跟网页一起发布。用户搜索时,浏览器按需下载那一小片索引,在前端完成查询。

不需要后端,不需要数据库,不需要按月付费的搜索服务。

⚡ 为什么它轻#

关键在”按需”。

索引是按块切分的,搜一次只下载几十 KB,不会把整个站的索引都拉下来。所以哪怕文章涨到几百篇,搜索依然是秒出。

对中文也支持,可以按词切分。

🛠 接入有多简单#

Astro 这类框架基本是装个插件、构建时自动跑一遍的事。它会在输出目录生成 pagefind/ 文件夹,页面里引一下 JS 就行。

唯一要注意的是:它必须在生成 HTML 之后运行。也就是说构建流程里顺序不能错,先出页面,再建索引。

🪵 一点感受#

我现在搜自己三个月前写的东西,一两秒就出来了。

在这个站上没有阅读量统计、没有后台,但有个能用的搜索框——这就够了。工具不必复杂,解决问题就行。

文章分享

如果这篇文章对你有帮助,欢迎分享给更多人!

Pagefind:静态站也能有全文搜索
https://shudong.cyou/posts/pagefind/
作者
树洞
发布于
2026-10-19
许可协议
CC BY-NC-SA 4.0

评论区

Profile Image of the Author
树洞
shudong · 把想说的话,说给树洞听
公告
欢迎来到树洞 —— 一个安静说话的地方。
分类
标签
最新动态
站点统计
文章
27
分类
5
标签
28
总字数
9,570
运行时长
0 天
最后活动
0 天前
站点信息
构建平台
Cloudflare Workers
博客版本
Firefly v6.16.8
文章许可
CC BY-NC-SA 4.0
文章目录