What's Your Ghost Stack?

Using Ghost
1

I’m intruiged to hear what Ghost tech stacks you are using with your site. There’s integrations that are general, and then there’s developers doing things bringing Ghost specific tools to the fore,

Be interested to learn what everyone is using. :smiley: So much must fly below the radar.

1 Like
2

Oh, nice idea!

I’m using all the Ghost built-ins and standard integrations and a highly customised theme. Aside from that the stack is:

  • Zapier - automations like sending welcome emails to new subscribers
  • TypeSense - for full-text searching (built-in with my host MagicPages, but it’s open source)
  • Enzuzo - for cookie consent
  • Letterbird - contact forms
  • Shorthand - for beautiful interactive pages or ‘scrollytelling’
  • Littlefoot - for footnotes, but adapted with a custom script to also place all footnotes at the end of the page. See this handy page from @Cathy_Sarisky for more info. I’m also happy to share my customisation if anyone would like.
  • TimelineJS - for beautiful timelines but Knight lab have a whole range of cool integrations.
  • Mermaid - for diagramming and charting
3 Likes
3

I’d be curious to see the implementation and how it’s done if open to sharing, thanks! End of post footnotes would def be nice!

4

Sure!

You can see the implementation here:

You’ll notice the littlefoot popups are in-text. Then at the bottom of the page, the full list of footnotes with return link. It has a little highlight effect when you click it.

Just view source and Ctrl+F for “littlefoot” and you’ll see the scripts. Place that in your code injection. In my custom.css you can also Cltrl+F for “littlefoot” to see the styling. Just adapt that to your site design. You can either place at bottom of your custom.css stylesheet or place in code injection.

Then in your post.hbs template, add this after {{content}}:

<div id="footnotes-container"></div>

That will make sure the footnotes list appears on every post. Alternatively, you could create a snippet and insert it only on posts you want footnotes to appear on.

Disclaimer: I used Gemini to help with the script to build the list at the end. It basically goes through the littlefoot [[1]] syntax to find all of the footnotes, and populates the list. But it works so that’s all I care about! I’m pleased with the setup… and it’s not too hard to maintain in Editor - i.e. no Markdown cards or wrapping entire article in HTML card.

2 Likes