Hugo

Understanding and Customizing Your Hugo Tag List Widget

0xRommel
I’ve been adding a bunch of articles lately (mostly AI related) and my list of tags is growing. I didn’t quite like the look of so many tags on the sidebar so I went on and make the needed code changes to trim it. Hope this helps someone trying to do the same thing. The tag list is a common feature available on a lot of websites. It helps visitors navigate content quickly by topic they are interested in.

How to Use Custom CSS on Hugo Site (With Pictures)

0xRommel
After setting up your Hugo site for the first time, next thing to do is to customize it to your own liking. One of the more common things you have to do is to change some of the styling (CSS). Here’s how to do it. Note: I use Visual Studio code (VS Code). My IDE of choice. All steps below were executed from VSC. Should be doable as well from a different IDE.

How to Set up a Hugo Site In Cloudflare (With Pictures)

0xRommel
Prerequisites 1. You should have a Cloudflare account If you don’t have one, it’s easy to register and it’s free to start. It does a have paid premium service but all of the Cloudflare services that we’ll use below are all free. 2. You should have already installed Hugo on your machine Try to get the latest Hugo release. If you haven’t installed Hugo yet, check Hugo’s quick start guide to get started.