Note to Self: On Working With Hugo

In early 2026, I had the urge to start using my website again. I had a few ideas for some blog posts that I want to write about. While checking out the page and updating what’s been here, I had to figure a few things out. This is just for me to remember what I did for the next time I have to do a major jump.

Updating the theme Link to heading

At the time of writing, I’m using the theme hugo-coder. I did not install it as a submodule but as a plain copy. When updating to the newest version, I had to replace a few files.

1. To always link to a link post’s url of to the associated external link: themes/hugo-coder/layouts/posts/li.html

   <li>
     <span class="date">{{ .Date | time.Format (.Site.Params.dateFormat | default "January 2, 2006" ) }}</span>
     <a class="title" href="{{ default .RelPermalink }}">{{ .Title }}</a>
   </li>
   

2. To display link post’s title with an arrow: themes/hugo-coder/layouts/posts/single.html

   …
   <div class="post-title">
   {{ if .Params.ExternalLink }}
     <h1 class="title">→ <a href="{{ .Params.ExternalLink }}">{{ .Title }}</a></h1>
   {{ else }}
    <h1 class="title">{{ .Title }}</h1>
   …
   

Overview Link to heading

I liked this video tutorial by Luke Smith that helped me understand how Hugo works.