Plugins

Small, open-source plugins for Ghost that add common blog features with a single line of code injection. No theme editing, no build step, and nothing to self-host: each one loads from a CDN. All are MIT licensed.

List of Plugins

Every plugin below has a live demo where you can tweak the options and copy the exact install snippet.

ghost-toc-plugin

A floating table of contents that reads your post headings and tracks your scroll position, folding away on narrow screens.

ghost-toc-plugin: Floating table of contents for Ghost

Add a floating table of contents to your Ghost blog with one line of code. Tweak options, preview live, and copy the embed snippet. Open source (MIT).

ghost-progress-plugin

A thin reading progress bar at the top or bottom of the page, coloured to match your theme accent by default.

ghost-progress-plugin: Reading progress bar for Ghost

Add a reading progress bar to your Ghost blog with one line of code. Tweak options, preview live, and copy the embed snippet. Open source (MIT).

ghost-giscus-plugin

Keeps the official giscus script as it is and lets you choose where comments mount, for example right after the post or in place of the theme's native comments block.

ghost-giscus-plugin: place giscus comments anywhere

Keep the official giscus script as-is and pick where comments mount with one line. Works through Ghost code injection with no theme editing.

List of Demos

These are live pages with the plugins installed. Anywhere you can add one line of HTML to the page runs them, so the same snippets reach far beyond the platforms below. I have verified each of these. Others such as super.so or Webflow should work the same way, but they usually keep custom-code injection behind a paid plan, so I have not tested them.

One thing to adjust per platform: the widgets look for the article body through data-content. If the widget does not appear, open the plugin's demo page, set data-content to your theme's content element, and copy the updated snippet.

Ghost

Self-hosted Ghost, the platform these plugins were first built for, so everything works out of the box. Paste the snippet into Settings, then Code injection, then Site Footer, and it applies to every post.

https://tech.greedylabs.kr/ghost-table-of-contents-widget/

WordPress

Self-hosted WordPress. The safest place is a headers-and-footers plugin such as WPCode or Insert Headers and Footers, which survives theme updates.

https://demo-wordpress.greedylabs.kr/ghost-plugins

Hugo

A static site generator, so there is no admin panel and you edit the theme's templates instead. Add the snippet to the layout that wraps every page, layouts/_partials/footer.html, then rebuild and deploy. Many Hugo themes use article for the post body, so check data-content if nothing shows.

https://demo-hugo.greedylabs.kr/posts/ghost-plugins/

코드 한 줄로 더하는 Ghost 기능 세 가지

Ghost로 블로그를 운영하다 보면 목차, 읽기 진행 표시, 댓글처럼 있으면 좋을 기능이 아쉬울 때가 있습니다. 대부분은 테마 파일을 직접 고치거나 유료 서비스를 붙여야 해서 쉽게 손이 가지 않습니다. 그래서 테마는 건드리지 않고 설정의 코드 주입(code injection)만으로 붙는 작은 플러그인 세 가지를 만들었습니다. 셋 다 MIT 라이선스 오픈소스이며, 이 글에서 하나씩 소개합니다. 지금 이 글에 걸린 목차와 상단의 진행 바, 그리고 맨 아래 댓글이 바로 그 결과물입니다. 떠다니는 목차, ghost-toc-plugin 긴 글일수록 지금 어디쯤 읽고 있는지, 어떤 내용이 남았는지 한눈에 보이면 편합니다. ghost-toc-plugin은 본문의 h2, h3 제목을 읽어 화면 옆에 목차를 띄우고, 스크롤에 따라 현재 위치를 표시합니다. 화면이 좁아지면 자동으로 접혀서 본문을 가리지 않습니다.

My New Hugo Project

Tistory

A Korean blog platform. Open the blog admin, then 꾸미기, then 스킨 편집, then 'html 편집', and paste the snippet just after the <footer> tag. Tistory skins vary a lot, so you will often need to set data-content to the skin's article wrapper.

https://ghost-plugins-demo.tistory.com/1

Blogger

Google's blog platform. Open Theme, then the arrow next to Customise, then Edit HTML, and paste the snippet just after the </main> tag. Blogger posts usually sit in .blog-posts, so set data-content accordingly.

https://ghost-plugins-demo.blogspot.com/2026/07/ghost.html