Table of Contents - without editing theme files

Using Ghost
1

I’ve read the official tutorial on the recommended table of contents here.

I use the Pro Starter tier, so I cannot edit the theme files.

Anyone have a code example of how they are creating their table of contents without editing the theme files? I want to create a quick snippet so I can manually insert a table of contents into my posts and adjust it as necessary.

I assume this is just simple HTML and some CSS styling, linking to the header titles of different sections in the article.

2

I’d take a look at tocbot: Tocbot

You can load it from CDN (styling too) and put its init stuff (under ‘Usage’) all in the code injection footer. Ghost already puts ID tags on all the headings, so all you need to do is make sure there’s an element with a class (maybe that’s your snippet?) that tocbot can stuff the TOC into.

2 Likes