Learning Shortcodes - rawhtml

I am using the shortcode called rawhtml (note that it needs to be {{ … }}, skip the blanks, that was just something I had to do here) that is provided in the PaperMod theme:

1
2
3
4
5
6

{ {< rawhtml >} }
<hr>
<p><sup>And</sup> <sub>here</sub> some <b>HTML</b> content...</p>
<p align="center"><strong>This is raw HTML</strong></p>
<hr>
{ {< /rawhtml >} }

This is the result:

And here some HTML content...

This is raw HTML

Learning Shortcodes - inTextImg

This Shortcode is using the class called in-text:

1

{ {< inTextImg url="https://images2.imgbox.com/74/00/i6V2sbkk_o.png" alt="Test" height="150">} }

Here is the result:

Test

Learning External Links - linkblank (2024-12-19 00:35:06)

This is a great on how to work with Shortcodes in Hugo to achieve tailor made behaviours extending outside the links expression in Markdown.

1

{ {< linkblank  href="https://dn.se" title="Dagens Nyheter" >} }

…and here is the result (the link will open in a new tab):

Dagens Nyheter

Learning YouTube Shortcodes (2024-12-19 00:35:19)

1

{ {< youtube  udT2k11snXc >} }

And the result is: