Shortcodes

Hugo

All of the standard Hugo shortcodes work with HugoModo by default.

Those listed below also work with the shims provided by the Shortcode Partials extension.

figure

Markup

{{< figure src="/img/mountaineer.jpg" title="A walk with a view." >}}

Example

gist

Markup

{{< gist spf13 7896402 >}}

Example

highlight

Markup

{{< highlight go-html-template >}}
<section id="main">
  <div>
   <h1 id="title">{{ .Title }}</h1>
    {{ range .Pages }}
        {{ .Render "summary"}}
    {{ end }}
  </div>
</section>
{{< /highlight >}}

Example

<section id="main">
  <div>
   <h1 id="title">{{ .Title }}</h1>
    {{ range .Pages }}
        {{ .Render "summary"}}
    {{ end }}
  </div>
</section>

Note: If you use one of the content shims provided by a HugoModo extension, the above shortcode example will fail. You should opt for markdown code fences instead. Check out the Hugo docs for setup instructions: Highlight in Code Fences.

HugoModo

HugoModo will extend the standard set of shortcodes. Take a look at the extensions library for a complete list.