How I configured and customized the Nurui theme for Ghost

Add a Table of Contents

<aside class="toc"></aside>

Automatically add the ToC to all posts

Hide the ToC with a custom tag

Style the ToC

Hide subheadings

headingSelector: 'h1, h2'

Add a title

tocbot.init({ 
tocSelector: '.toc',
contentSelector: '.post-content',
headingSelector: 'h1, h2',
hasInnerContainers: true
});
.is-active-link::before { background-color: var(--color-details); }

Style the headings

h2 { font-size: 40px; margin-top: 32px; }

Add a ‘Back to Top’ Button

<span onclick="goToTop()" id="goToTopButton" class="go-to-top-button"/>

Use the automatic dark version of the theme

Style code blocks

Add Disqus Comments

Allow users to subscribe to new posts

Enable Search

Set the background color of posts without images

#red 
#blue
#green
#yellow
#orange
#violet
#post-red 
#post-blue
#post-green
#post-yellow
#post-orange
#post-violet

Version information

--

--

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store
Katharina Sick

Katharina Sick

Creative and detail-oriented software developer. Advanced from mobile to backend development and now getting into full stack solutions.