Working with Hugo, Markdown and HTML

Adaptions

I am busy doing some adaptions to this sites. I initially started designing it with the idea of replacing my Daily update site. But I started re-thinking that idea…

How about if this could be the new IamPrinting.xyz site instead?

Practical and Ideas Working with Hugo

Working with Hugo and in Markdown brings some new challenges. Here below are the two ways of adding images and how to include HTML tags in Markdown.

The following two images are inserted in two different ways, one true Markdown and the other with HTML code, like this:

The above images are done in two different ways, one true Markdown and the other with HTML code, like this:

1
2
3

![just a dummy image](https://dummyimage.com/300x150/e8e8e8/2932ab&text=Dummy+image+here...)

<img width="170" height="Auto" src="https://dummyimage.com/300x150/e8e8e8/2932ab&text=Dummy+image+here...">

The HTML way is only possible by including it in the Hugo configuration file, in YAML and in TOML:

This is YAML:

1
2
3
4

markup:
  goldmark:
    renderer:
      unsafe: true

…and this is in TOML:

1
2

[markup.goldmark.renderer]
  unsafe = true

Tables

Here I showing how I am creating tables in…

Markdown:

HTML: