Adding a search to your Hugo website

Introduction In this tutorial I’ll show you how you can add a client-side-search page to your Hugo website. This is done using Javascript and depends on fuse.js. This tutorial is split in 5 parts: Copying fuse.js dependencies Configuring search layout Adding search page Editing hugo.yml Editing index.json How it works The search is processed by fuse.js. You can read more here more about the fuse.js Scoring theory or the API reference. Getting started Copying some fuse.js dependencies First, you need to copy the fuse.js library: ...

 · 3 min · 493 words ·  Tuxilio

Mastodon comment system for your website

One of the biggest disadvantages of static site generators is that they are static and can’t include comments. In this short blog entry, I’ll explain how to add a comment system to Hugo’s static blog engine. I’ll expand on Carl Schwan’s and Tony Cheneau’s blog article and attempt to make it more accessible to Hugo’s newcomers. Foreword Most the hard work has been pulled of by Carl. I just made some minor changes. I hope it will help others like me, willing to bring some life into their blogs. ...

 · 4 min · 676 words ·  Tuxilio

Use Woodpecker CI to build HUGO your website

Woodpecker CI is a simple and powerful CI/CD engine. In this tutorial I’ll show you how you can use it to automatically rebuild and publish your website on each push to a git repo. In this tutorial I’ll describe how to do this using Codeberg pages and the Codeberg CI, but you can do it with any other Forge as well. Both is hosted by Codeberg, a free git hosting platform. On Codeberg, you have to request CI access so just fill out the form as described here. ...

 · 5 min · 934 words ·  Tuxilio