Configure Pagefind

Author Name — Sun, 26 Jan 2025 00:00:00 +0000

Setting up search in Hugo configuration

To enable search functionality, you’ll need to modify your config.toml file. First, enable the search button using .params.search. Then activate .params.pagefind, if you skip this step, the theme will default to using DuckDuckGo instead.

[params]
 search = true
 pagefind = true

Creating search page

Unlike hugo-brewm theme, this theme use single page for search by configuring new page with search layout. Create search.en.md:

---
title: "Search"
type: "search"
menus:
 main:
 identifier : "Search"
---

Setting up your CI/CD pipeline

To create the search index, add this command to your CI/CD pipeline’s build step:

- name: Index pagefind
 run: npx pagefind --source "public"

Pagefind on example

Configure Pagefind

Setting up search in Hugo configuration

Creating search page

Setting up your CI/CD pipeline