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…

But note that this isn’t the best way of doing it in Hugo > .0.20. Hugo is a fast moving target. I would say it would be cleaner to create the JSON search index as an alternative output format to the home page, with its own template (which then would look similar to the one listed).

[image] bep: Hugo is a fast moving target. I have also implemented search pretty much like @Rick and I really need time to understand how the new output & alternative output formats work, but right now I can’t do it. At least I hope you give us some kind of warning if things are about to bre…

I was actually just playing with this. Put this in config.toml [outputs] home = [ "HTML", "JSON"] page = [ "HTML"] That tells your site to make a JSON page for the home page. Make a file called index.json in the layouts folder of your preference (mine is in my theme for reasons) Use Rick…

And is possible an solution multilingual?

Not sure about the Lunr.js side of it, but in Hugo it is pretty straight forward to create multiple language versions of the same output format, say a JSON index for the home page. You would just have to make sure to have content files for each language for the page kind you want (i…e home page) and…

[image] ipstenu: I was actually just playing with this. […] Having custom (aka non-Google-based) search is the last stumbling block before fully migrating to Hugo, so I wonder if this is recommended way to do it? The two popular Python-powered static-site-generators have plugin which use Ti…

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…

Search Index .json-file for Lunr.js

tips & tricks

cobol May 23, 2017, 7:50am 8

Thank you for the clarifications!

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

Search Index .json-file for Lunr.js

Related topics