Table Of Contents

For pages with a lot of content it can be helpful to provide links to each section of the page using a table of contents.

Project source code

To generate table of contents enable the transform in your site settings:

[transform.html]
toc = true

Which will make the compiler generate anchors for every heading and enable support for the toc helper.

Now for pages that need a table of contents you just call the toc helper like this:

{{toc}}

Using the details element as a wrapper for the table of contents allows the visitor to collapse the menu; see this example partial for markup and a working example is here.