This page is a Draft, for testing purpose only

Pages liées

Insert videos

<video controls loop muted>
<source src="/illustrations/webm.webm" type="video/webm">
Sorry, your browser doesn't support embedded videos.
</video>

Video from Asciinema

Shortcodes

(the support of Shortcodes depends on the theme you use)

Insert a picture with caption

{{< figure src="/img/banner.jpg" title="Landscape" >}}

Landscape

Insert a Gist

{{< gist spf13 7896402 >}}

<!-- image -->
<figure {{ if isset .Params "class" }}class="{{ index .Params "class" }}"{{ end }}>
{{ if isset .Params "link"}}<a href="{{ index .Params "link"}}">{{ end }}
<img src="{{ index .Params "src" }}" {{ if or (isset .Params "alt") (isset .Params "caption") }}alt="{{ if isset .Params "alt"}}{{ index .Params "alt"}}{{else}}{{ index .Params "caption" }}{{ end }}"{{ end }} />
{{ if isset .Params "link"}}</a>{{ end }}
{{ if or (or (isset .Params "title") (isset .Params "caption")) (isset .Params "attr")}}
<figcaption>{{ if isset .Params "title" }}
<h4>{{ index .Params "title" }}</h4>{{ end }}
{{ if or (isset .Params "caption") (isset .Params "attr")}}<p>
{{ index .Params "caption" }}
{{ if isset .Params "attrlink"}}<a href="{{ index .Params "attrlink"}}"> {{ end }}
{{ index .Params "attr" }}
{{ if isset .Params "attrlink"}}</a> {{ end }}
</p> {{ end }}
</figcaption>
{{ end }}
</figure>
<!-- image -->
view raw img.html hosted with ❤ by GitHub

Video from Youtube

{{< youtube w7Ft2ymGmfc >}}

Param from Front Matter

{{< param title >}} will display the title : Hugo: Shortcodes demonstration