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:
{ {< 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
:
{ {< inTextImg url="https://images2.imgbox.com/74/00/i6V2sbkk_o.png" alt="Test" height="150">} }
Here is the result:
Learning External Links - linkblank (2024-02-04 18:52:46)
This is a great on how to work with Shortcodes in Hugo to achieve tailor made behaviours extending outside the links expression in Markdown.
{ {< linkblank href="https://dn.se" title="Dagens Nyheter" >} }
…and here is the result (the link will open in a new tab):