Code

Pines Image Gallery With Hugo

The first place I used this is on the recipe page about my mom’s family recipe cookbook Setting up the pines open source image gallery to work with Hugo Open source image-gallery from devdojo pines project integrated with hugo as a partial that loads and optimizes the images.

Styling a RSS feed With XSL

When you put a link to your rss / atom feed on your website it is a link to a raw xml file designed for feed readers such as feedly to import them and provide the reader with all their internet in one place.

Tunnel Localhost Server Through Cloudflare

This is something I have done in the past and it usually involved pretty in-depth knowledge of the shell and networking, but now there is a free service that makes it oh-so-easy to spin up a tunnel with a public human readable domain name for temporary viewing of your local network development environment on the internet.

Hugo Snippets

Get the first of something in a collection For example the first jpg image in the current directory starting with the word feature. {{ $first := index (.Page.Resources.Match "feature*.jpg") 0 }} Get a param from either hugo.

Github Action to Create New Content in Hugo

I am using Hugo for some of the websites I have made, and I think it is pretty great. The one problem with it for many non-technical people I work with is that there is no CMS feature, they want a website administration page where they can do the usual.

Hugo Helpers

Here are some useful partials I use in this theme. layouts/_default/_markup/render-image.html This replaces the default markup template for rendering an image when the markdown code ![Alt Text](/path/to/img.jpg) is used. It calls another partial you have to add to your theme or layout directory in your site called ImageConverter.