July 17, 2020

Images and Galleries, Part 2

OK, so yesterday I tried and failed to get images and galleries working reasonably well with the 2nd theme that I have deployed. I’m afraid that I’m just not much of an HTML and CSS wiz, so it was time for a new strategy: find a more full-featured theme.

Theme #3, Academic

I’d say it’s a strength to figure out my weaknesses quickly and move on (that’s my story and I’m sticking to it). So, the search began for a more-robust full-featured theme (aka, beginner friendly). One thing that I was looking for was built-in gallery shortcodes. After some time researching options it seemed like a lot of smart people are using the Academic Theme. It is really well built and well supported. I’m still wrapping my head around some of the core concepts of Hugo, but Academic gives you a bunch of short cuts by having a Hugo “Kickstart” package, which is basically a pre-built Hugo site with a bunch of stuff customized and ready to go for the Academic theme.

As you may be able to tell, this theme is really clean and professional looking - assuming I haven’t munged it up yet!

OK, time to try to figure out the one thing that has been vexing me in my Hugo journey - a nice, simple image gallery…

Success! One thing I need to remember to do is run the images through an optimizer like tinypng.com, which does a nice job of reducing the size and fixing the orientation.

Mark Brudos
Mark Brudos
Husband, Father and Data Management Professional