Hugo

Link Graveyard

Where I bury my favorite resources

The link graveyard is my page for remembering where I found stuff – whether it’s something I learned, something cool I stumbled upon, or maybe just a friend’s site.

Book Store Sample Data

In projects

Example

I just followed the example here on the hugo docs to set up the simple books demo, but I intend to use this new feature to build out some great new dynamic content for content marketing purposes, such as lists of top products.

Ingredients Section

In Posts

Check out the new Ingredients Taxonomy pages

Using Taxonomy effectively

As part of the recipe template configuration being developed for The Ryder Theme for Hugo websites, a new taxonomy is created for ingredients. Ingredients are not the same as recipeIngredients; they are defined as an array in the front matter. I didn’t want a taxonomy page generated for every single recipe ingredient, so I created a separate variable. The recipeIngredients are used to display the ingredients on the page and for the recipe schema, ensuring the pages are properly displayed as recipe rich results in Google and other search engines.

Federal Disaster Emergency Preparedness Kit Digitized

In projects

Digital Federal Financial First Aid Kit (EFFAK)

Digital Federal Financial First Aid Kit

Digital Federal Financial First Aid Kit

Be prepared for the worst case scenario with an encrypted grab and go device the size of bic lighter.

Github Action to Create New Content in Hugo

In Posts

This is what it looks like
This is what it looks like

I use Hugo a lot for my web development work, 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.

Adding Leaflet to Ryder Theme

In Posts

I made this quick and easy shortcode to get started using leaflet.js in the Ryder Theme for Hugo Websites, as I add more features supported by leaflet to the shortcode I might update this page.

Styling a RSS feed With XSL

In Posts

A styled RSS feed makes your site more usable

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.

Pines Image Gallery With Hugo

In Posts

A super simple alpinjs image gallery

The first place I used this is on the recipe page about my mom’s family recipe cookbook

Recipe Template for Ryder Theme

In Posts

Optimize Recipe Content with the Schema

The recipe templates for The Ryder Theme for Hugo websites are progressing well. Today I released an update that creates the schema.org json-ld specification tags for a recipe. This allows your recipe content to show up as “rich content” in search engines and social media platforms.

Tag Cloud

In Posts

Cloudy days a hoy-hoy

I found this partial to create a tag cloud on Mert Bakir’s personal website and I have been adapting the code to suit my needs for this project, for now I’m just leaving it under this project page until I can decide what to do with it.

Home Feed Filtering and Colorization

In Posts

Limit your home page feed by Section, Category or Tag

You can now set params in your hugo.toml file to keep any pesky pages off your homepage that you may not wish to promote for whatever reason.

The Ryder Theme for Hugo

In projects

In honor of this old guy
In honor of this old guy

Introducing the Ryder theme, a theme for the hugo static website generator. This is an open-source Hugo theme boasting Tailwind CSS, FontAwesome integration, and customizable features. Perfect for beginners and seasoned developers alike, kickstart your website with this versatile theme.

Hugo Snippets

In Posts

Get the first of something in a collection

For example the first jpg image in the current directory starting with the word feature.

Hugo Helpers

In Posts

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.