feat: add search using pagefind

Author: SKalt

content/search/_index.md

@@ -0,0 +1 @@
+<!-- placeholder -->

layouts/search/list.html

@@ -0,0 +1,17 @@
+{{- define "head" -}}
+  <link href="/pagefind/pagefind-ui.css" rel="stylesheet">
+  <script src="/pagefind/pagefind-ui.js"></script>
+  
+
+{{- end -}}
+
+{{- define "main" -}}
+  <main data-pagefind-ignore style="width: 100%">
+    <div id="search"></div>
+  </main>
+  <script>
+    window.addEventListener('DOMContentLoaded', (event) => {
+      new PagefindUI({ element: "#search", showSubResults: true });
+    });
+  </script>
+{{- end -}}

scripts/serve.sh

@@ -0,0 +1,9 @@
+#!/usr/bin/env bash
+set -eu;
+rm -rf ./public
+hugo --gc --buildDrafts
+mkdir -p ./static/
+rm -rf ./static/pagefind
+pagefind --site ./public --output-path ./static/pagefind --root-selector main
+hugo serve --buildDrafts --navigateToChanged
+