Prove di shortcodes e hooks

Keywords: #hooks #shortcodes #markdown

Twitter

Inserisco un tweet con uno shortcode twitter_simple per non caricare le immagini.

Questo è il codice

{{< twitter_simple user="piu_europa" id="1491439146006900737" >}}

Il risultato è

Figura

Figura inserita con sintassi markdown e resa da un hook che riduce le dimensioni e aggiunge un titolo.

Questo il codice

{{ if .Title }}
<figure>
  <img src="{{ .Destination | safeURL }}" alt="{{ .Text }}" width="500" height="300">
  <figcaption>{{ .Title }}</figcaption>
</figure>
{{ else }}
  <img src="{{ .Destination | safeURL }}" alt="{{ .Text }}" width="500" height="300">
{{ end }}

che Hugo usa per rendere l’immagine

![Gattini](gattini.jpg "A passeggio")

Gattini
A passeggio
Photo by Dorothea OLDANI on Unsplash

Anche qui un hook che amplia il markdown CommonMark di Hugo. Esempio:

[Linkiesta](https://www.linkiesta.it "Linkiesta")

Linkiesta

Link a un vecchio post con shortcode

[Provo cross-linking]({{< relref "post/2018-11-25-primo-post" >}})

Provo cross-linking