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

NOT UNDER ACTIVE DEVELOPMENT

• Features
• Installing
• Configuring
• Roadmap
• Contributing
• History
• License

• 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

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

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

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

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

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

npm run build

Compiles all assets into the build/ directrory.

npm run zip

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

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

Configurable javascript identifiers.

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

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

Your site navigation items, markup template below.

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

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

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

For detailed history, see Changelog.

MIT License © Oswaldo Acauan