Technology on Gary Danton's Blog

Changing Fonts in Hugo

Sat, 06 Jun 2026 17:53:38 +0100

Another tweak I’ve made to the base Hugo Bear Blog theme is to swap out the default font (Verdana - i’ve never much cared for it) with some alternatives, in my case Ubuntu for headers and Lucidia Console for body text.

It’s a very quick change and just involves editing the style.html file created we editing the code-block defaults

Right at the top of the style.html file you need to edit the following:

Neater Hugo Code Blocks

Sat, 06 Jun 2026 15:46:51 +0100

For the most part i’m happy with the styling of the Bear Blog theme.

I’m a big fan of contraints and by picking a well featured but simply styled blog theme it means that I can focus on the content rather than constantly messing around with the look of the blog.

I do however have a gripe with the way that code blocks are presented.

By default, theres no text wrapping, so longer blocks of code spead themselves all over the page, looking very out of place and generally ruining the look of the blog.

Bear Blog Home Page Customisation

Sat, 06 Jun 2026 15:08:17 +0100

I want to be able to add some customision to the stadard Hugo Bear Blog home page, specifically adding in some header text and a break down of blog posts made in certain categories.

To add in this type of customisation, we need to

Adding header text to the home page

In order to add in some header text to the home page, we need to create a _index.md file in the root of the content directory, within this file you can add in the text you want, along with any approprite front matter, for example:

My First Post

Sat, 06 Jun 2026 12:49:31 +0100

Introduction

This is bold text, and this is emphasized text.

Visit the Hugo website!