How I Added a Simple TOC to My Ghost Blog

Integrations & API
1

I wanted to share a quick and easy way I added a Table of Contents (TOC) to my Ghost blog posts. This method automatically pulls in your headings and updates them without needing to mess with complex code.

So for any one wanting a Seo friendly Table of Contents in their Blog Posts here is a super simple guide.
I posted it on Reddit check it out. One user just refined the code and made it even better.
https://www.reddit.com/r/Ghost/comments/1ixuvnk/how_i_added_a_simple_toc_to_my_ghost_blog_without/

1 Like
2

I believe that this topic was already covered here: TOC on Source theme

There you can find a couple of options of your taste

I also have a very similar solution with some customizartions: Table of Contents (TOC) v2 for your blog - Ghost

Your version is full of CSS styles, which people may like. Good job.

3

That’s a different approach which (from my understanding) involves doing things on the server side which I don’t want. Because it’s not my playground (which I learned the hard way)
my Method involved only code-injection in the settings similar to yours :slight_smile: but didn’t find it when i was researching it. Would’ve saved me hours.