Added support for pagefind

_includes/scripts.html

@@ -15,6 +15,8 @@
       {% include_cached search/google-search-scripts.html %}
     {%- when "algolia" -%}
       {% include_cached search/algolia-search-scripts.html %}
+    {%- when "pagefind" -%}
+      {% include_cached search/pagefind-search-scripts.html %}
   {%- endcase -%}
 {% endif %}
 

_includes/search/pagefind-search-scripts.html

@@ -0,0 +1,2 @@
+<link href="{{ "/pagefind/pagefind-ui.css" | relative_url }}" rel="stylesheet">
+<script src="{{ "/pagefind/pagefind-ui.js" | relative_url }}"></script>

_includes/search/search_form.html

@@ -22,5 +22,12 @@
   {%- when "algolia" -%}
   <div class="search-searchbar"></div>
   <div class="search-hits"></div>
+  {%- when "pagefind" -%}
+  <div id="search"></div>
+  <script>
+    window.addEventListener('DOMContentLoaded', (event) => {
+        new PagefindUI({ element: "#search", showSubResults: true });
+    });
+  </script>
   {%- endcase -%}
 </div>

docs/_docs/05-configuration.md

@@ -702,6 +702,18 @@ Add a Google search box to your site.
 **Note:** If your site is new and hasn't been indexed by Google yet, search will be incomplete and won't provide accurate results.
 {: .notice--info}
 
+#### Pagefind from Cloudcannon
+
+You can use [Pagefind](https://pagefind.app/) to add search for you static site also.
+
+First you build your site like normal, and then afterwards you run the following command.
+
+```bash
+npx -y pagefind --site public
+```
+
+It is important that you run the script after you have build your site (and everytime you rebuild). You can read more in the [Pagefind docs](https://pagefind.app/docs/).
+
 ### SEO, social sharing, and analytics settings
 
 All optional, but a good idea to take the time setting up to improve SEO and links shared from the site.