added search

Author: dev10110

.github/workflows/hugo.yaml

@@ -61,6 +61,8 @@ jobs:
             --gc \
             --minify \
             --baseURL "${{ steps.pages.outputs.base_url }}/"
+      - name: Index pagefind
+        run: npx -y pagefind --source "public"
       - name: Upload artifact
         uses: actions/upload-pages-artifact@v3
         with:

content/search.md

@@ -0,0 +1,4 @@
+---
+title: Search
+layout: search
+---

hugo.toml

@@ -29,6 +29,10 @@ buildFuture = true
     name = "Projects"
     url = "/projects/"
     weight = 4
+  [[menu.main]]
+    name = "Search"
+    url = "/search/"
+    weight = 100
 
 [params]
   dateFormat = "Jan 2, 2006"

layouts/page/search.html

@@ -0,0 +1,17 @@
+{{ define "main" }}
+
+
+<h1>{{ .Title }}</h1>
+
+<p> Rendered from layouts/page/search </p>
+
+<link href="/pagefind/pagefind-ui.css" rel="stylesheet">
+<script src="/pagefind/pagefind-ui.js"></script>
+<div id="search"></div>
+<script>
+    window.addEventListener('DOMContentLoaded', (event) => {
+        new PagefindUI({ element: "#search", showSubResults: true });
+    });
+</script>
+
+{{ end }}