Hey guys, I’ve seen a lot of people asking for a tutorial on creating a search index .json-file. In a thread @bep recommended having a look at his commits for his blog. With the help of bep’s code it shouldn’t be rocket science. I hope to provide a small tutorial of my own in the coming week, but i…

Lunr.js is a vanilla JS plugin and it’s blazing fast (although it can be slower on larger sites) Tipue is a jQuery plugin so it’s not as fast as Lunr.js since jQuery is slower than vanilla JS

[image] alexandros: Lunr.js is a vanilla JS plugin and it’s blazing fast (although it can be slower on larger sites) Would it be sufficient for sites with several hundreds blog posts? Any other recommendation?

I haven’t used Lunr.js it with hundreds of pages yet. But I have found out a way to keep the JSON file size in check by having Lunr.js search only for titles and descriptions -not the whole content-. If you need a full blown content search then look into Algolia. It’s a paid product but it has a fr…

I’ve used Lunr and Tipue on larger sites. A few hundred posts shouldn’t be a problem, particularly if you limit your fields, as @alexandros suggests. For larger sites they can be a slog and if search is important you’d probably want a server-side solution like Algolia.

[image] budparr: I’ve used Lunr and Tipue on larger sites. A few hundred posts shouldn’t be a problem, particularly if you limit your fields, as @onedrawingperday suggests. How did you like Tipue on larger sites? [quote]For larger sites they can be a slog and if search is important you’d pro…

@gour Tipue is fine. I wouldn’t use it now because I try not to use JQuery, but I think it performs pretty well. You can see it in action by hitting this page, and I think there or 2-3k pages on this site: http://www.ndbooks.com/books/?q=animal&page=1 One thing I didn’t like (and not sure if this i…

Thanks for this discussion, is there any guide how to apply Lunr.js to hugo generated sites? I am not Javascript expert… Thank you very much. I would be interested in some search field to be available on generated sites.

Hey @Ladislav_Jech , Sorry for the late reply, feel I’m a main culprit in the Lunr discussions. @maiki is right, that’s how most of us have learned (while trying to ask only questions that haven’t been answered) But as just might happen, I have the thread for you right here (check the links in my s…

I am also looking for a complete lunr.js setup guide. I had stumbled across the thread you linked, and I got the index.json created by Hugo working. But that’s only small part of the whole setup. As I don’t know JS, I am lost at how to interface that .json file with lunr.js in the Hugo templates. S…

Search Index .json-file for Lunr.js

tips & tricks

maiki November 28, 2017, 4:13am 17

Use the forum search, and read about how to request help.

Topic		Replies	Views
How are you implementing site search support	85	43917	April 9, 2026
Live Hugo Site search with Lunr.js tips & tricks	15	15216	September 1, 2017
How to add lunr.js to your site? support	4	7861	June 4, 2020
How-to: Hugo Search + Lunr + Gulp tips & tricks	1	1892	October 23, 2018
Hugo Codex websites tips & tricks	10	2322	December 12, 2017

Search Index .json-file for Lunr.js

Related topics