Ghostium

A Ghost theme focused on content based on Medium design/ux.

NOT UNDER ACTIVE DEVELOPMENT

Features

Focused on content
Fully responsive
HTML5 semantics, WAI-ARIA and Rich Snippets(microdata) roles
Asynchronous content loading
Disqus comments
Syntax Highlight with Prism
Google Universal Analytics snippet
OpenGraph and Twitter Cards meta's
Baseline HTML5 features, DNS prefetching, responsive meta
One-file CSS/JS for performance

Installing

Using Git

Navigate to your Ghost theme directory ghost/content/themes
Clone the theme repository using the command below

$ git clone https://github.com/oswaldoacauan/ghostium/ "ghostium"

Restart ghost and log in to your dashboard
In settings under themes select ghostium and save
That's all, now its time to configure your theme

Manually

Download the files using the GitHub .zip download option
Unzip the files and rename the folder to ghostium
Copy the folder into your Ghost theme directory ghost/content/themes
Restart ghost and log in to your dashboard
In settings under themes select ghostium and save
That's all, now its time to configure your theme

Building from source

Prerequisites

Ruby >= 2.4
Bundler (gem install bundler)
Sass (gem install sass)
Node >= 8.9
Bower (npm install -g bower)
Run npm install

Build

npm run build

Compiles all assets into the build/ directrory.

Zip

npm run zip

This creates the ghostium.zip bundle ready for upload through the UI.

Configuring

All configurable files are located in ghostium/partials/custom.

config.hbs

Configurable javascript identifiers.

ga_ua: Your Google Analitycs account identifier
disqus_shortname: Your Disqus unique identifier

meta.hbs

Configurable meta tags.

twitter:site: Used for Twitter Card identification, the twitter @username of the owner of this card's domain
twitter:creator: Used for Twitter Card identification, the twitter @username of the author of this content
google-site-verification: Used for Google Webmaster Tools identification
fb:admins: Used for Facebook Insights identification

navigation.hbs

Your site navigation items, markup template below.

<li class="drawer-list-item">
  <a href="#" title="My awesome menu">
    My menu
  </a>
</li>

Roadmap

Many features listed here still depend on future implementations in Ghost, take a look at the their Roadmap and Planned features.

Cover image for single post
Infinite scroll
Next post cover

Contributing

If you want to help, please read the Contributing guide.

History

For detailed history, see Changelog.

License

About