How to Add Search to Your Hugo Site

Add instant search to your Hugo site using Lunr.js or Algolia.

Why Add Search?

Help users find content quickly and improve UX.

1. Generate a Search Index

Use Hugo to output a JSON index of your content.

2. Add a Search UI

Use Lunr.js or Algolia to power the search box.

3. Style the Results

Customize the look of your search results with CSS.