Made major changes to my #BurgeonLab blog!
#Changelog:
- Add light/dark switcher
- Improve colours
- Update fonts to variable, #woff2, preloading
- Add Lastmod date
- Add search with #Pagefind (Haven't fully customized results page but I'm happy to get it working online after updating the #GitHubActions workflow)
- Improve CSS
- Fix RSS
- Small cosmetic updates to interface/layout
- Summary on post cards
New posts soon! Open to any feedback. ➡️ https://burgeonlab.com
Woah very cool, I just tried using #Pagefind indexer with #NodeJS for the first time to add #search functionality to my current #Hugotheme that doesn't have it built-in. https://github.com/hugo-theme-anubis2/hugo-theme-anubis2
Still customizing... it was amazing to see the indexing and being able to search for any keyword immediately!
I really do love learning about #Hugo #SSG. Despite more code, it makes more sense to me than clunky #WordPress' GUI and backend that's not required for basic blogs like mine. #npm #npx #node
I'm also experimenting with using Pagefind to provide search for my static site using client-side Javascript. It currently analyzes 10934 files and indexes 8183 pages (87272 words) in 40 seconds. The data is 125MB, but a search for, say, "sketchnote" transfers only 280KB, so that's pretty good. I think I'm adding the date properly and I know I can set that as the default sort, but I haven't yet figured out how to make it possible for people to sort by either relevance or date as they want. I also want to eventually format the search results to include the date. Maybe Building a Pagefind UI – dee.underscore.world will be useful. #pagefind #ssg #search
Does anyone know if I can turn off backtracking for #PageFind search? Currently it returns results for '19' when searching for '1960' which is not helpful. I want zero results if the term is not found.
I've tried setting language unknown but it didn't seem to help (even with word searches).
#webDev #StaticWebsites
Wrote a blog about adding static search to your website without needing Algolia or other paid tools.
https://karl.fail/blog/2025/01/06/building-a-static-site-search-with-pagefind/
It only took me 30 minutes to implement #PageFind, and it produces nice looking results right out of the box. Amazing! https://blog.cavelab.dev/search/
Anyone using surge.sh that has a site search running?
I tried using pagefind, which runs everywhere for me (local development servers, lighttpd), but there are a series of errors thrown up on Surge and it does not work there.
I don't want to spend the rest of the week trying other solutions so I wonder whether anyone else might have a tip for me 🙂
I finally got around to adding search to my website. It was pretty easy with #eleventy and #pagefind from @cloudcannon. I will probably fiddle with the styling a bit more before I am done but it is good enough for now.
https://www.alexhyett.com check it out and let me know what you think.
Thinking of adding search to my static site... This seems to be a good option! https://pagefind.app/
Might give this a try when I have the time. Looks easy enough.
Habe nun endlich meinen kurzen Blogpost zum Thema "Pagefind" (by @cloudcannon ) geschrieben:
"Den statischen Hugo-basierten Blog mit Pagefind durchsuchen" -
https://thomas-leister.de/hugo-suchfunktion-mit-pagefind/
Die Suchfunktion ist auch schon in meinen Blog integriert und funktioniert. Nur hier und da will ich demnächst noch ein bisschen nachbessern.
Bin sonst aber sehr glücklich mit Pagefind. Klasse Projekt - und danke @cloudcannon !
I built a prototype for client-side, fully distributed search for the #IndieWeb, predictably called #IndieSearch — check out the short demo & explainer. Your site may even support it already (if you use the awesome #Pagefind static site search!)
I'd love to hear what you think!
There is now a search feature on my photography site! 🔍
For example: https://nicolas-hoizey.photo/search/?q=lamine
It is powered by the great pagefind project, thanks @bglw and @cloudcannon! 🙏
Wow, #Pagefind search is so easy to add to an existing static site!
I'm trying it for my photography site: https://nicolas-hoizey.photo/search/
Adding the indexer in the build script and the client JS for the UI required less than half an hour. 😍
Thanks @cloudcannon ! 🙏
Great post from @fcamarlinghi about adding #Pagefind search to an @astro website!
https://minifloppy.it/posts/2024/adding-pagefind-search-astro-website/
[Перевод] Мой первый прототип поискового движка
Я реализовал первый прототип собственного механизма поиска, который сокращённо назвал PSE (Personal Search Engine). Создал я его с помощью трёх скриптов Bash , возложив всю основную работу на sqlite3 , wget и PageFind . Браузер Firefox вместе с Newsboat сохраняют полезную информацию в базах данных SQLite. В moz_places.sqlite содержатся все посещённые URL-адреса и адреса закладок (то есть moz_bookmarks.sqlite базы данных SQLite). У меня получилось около 2000 закладок. Это меньше, чем я предполагал, так как многие оказались нерабочими из-за битых ссылок. Нерабочие URL-адреса страниц сильно замедляют процесс сбора, так как wget приходится ожидать истечения различных таймаутов (например, DNS, ответа сервера, время скачивания). URL-адреса из «истории» составили бы интересную коллекцию для сбора, но тут не обойтись без списка исключений (например, нет смысла сохранять запросы к поисковым системам, веб-почте, онлайн-магазинам). Изучение этого вопроса я отложу до следующего прототипа.
Ok a bit more time was needed. Had to figure out how to read the category meta data from my posts correctly. #pagefind is a fantastic example of a bit of software that just makes static websites so much nicer than bloated dynamic options you se people running.
Just deployed #pagefind onto my #selfhosted #static #website over at https://peekread.info Damn that's nice static website indexing. https://github.com/CloudCannon/pagefind/
