HTML elements <kbd> <mark> <br> etc

How do i get these HTML elements <kbd> <mark> <br> <h1> etc to work in hugo .md posts ?

I created styles:

kbd {
  color: #444;
  border: 1px solid #444;
  border-bottom: 3px solid #444;
  border-radius: 5px;
  padding: 0.1rem 0.4rem;
}

mark {
  padding: 2px 5px;
  border-radius: 5px;
  background-color: orange;
  color: black;
}

I inserted text in my post: <kbd> alt + r </kbd><br><mark>this text should be marked</mark>

but they are not working in my posts md files:
alt + r
this text should be marked

But this is how it is rendered on my page in one line:
alt + r this text should be marked

i was able however to apply styles for table, th, td?

Like for br i have to create partial br.html and insert <br>
and the in my posts i need to use {{<br>}} for it to work.
But i just want to use basic html elements without partials…

What am I missing here?

Set this and you can add html tags together with markdown.

markup:
  goldmark:
    renderer:
      unsafe: true

It is only “unsafe” if you do not trust the people writing posts on your site.

See Configure markup | Hugo

3 Likes

This topic was automatically closed 2 days after the last reply. New replies are no longer allowed.