Anchored headings in Hugo
If you want to have anchored headings in Hugo
(e.g. having a #
before each headings that links to the heading directly), this is how you do it (found in a post on hugos forum
).
Create a layouts/_default/_markup/render-heading.html
and put the following code in it:
<h{{ .Level }} id="{{ .Anchor | safeURL }}">
<a class="heading-anchor" href="#{{ .Anchor | safeURL }}">
{{ strings.Repeat .Level "#" }}
</a>
{{ .Text | safeHTML }}
</h{{ .Level }}>