FauxGhost Ghost blog theme
Handlebars CSS JavaScript
Switch branches/tags
Nothing to show
Clone or download
Latest commit 98b3c83 Aug 3, 2015
Permalink
Failed to load latest commit information.
config Added highlight style to config Sep 13, 2014
src Fix code block css issue May 12, 2015
theme Trying to fix google tracking id Nov 16, 2014
.gitignore Initial version with working theme Sep 12, 2014
.ruby-version Initial version with working theme Sep 12, 2014
FauxGhost.png Initial version with working theme Sep 12, 2014
FauxGhost_16x16.png Improved png size Sep 14, 2014
MarketPlaceImage.png Added marketplace image Sep 12, 2014
ReadMe.md
ReadMeExample1.png Initial version with working theme Sep 12, 2014
ReadMeExample2.png Initial version with working theme Sep 12, 2014
bower.json Initial version with working theme Sep 12, 2014
gulpfile.js modified sass deprecated call in gulpfile Apr 16, 2015
package.json Initial version with working theme Sep 12, 2014

ReadMe.md

Faux Ghost

FauxGhost

Faux Ghost is a free Ghost theme powered by Foundation 5, and based on Ghostion. This theme is designed to be responsive, fast and simple.

Visit the FauxGhost homepage at MooMoo.io for more information. If your blog uses FauxGhost, tweet me at @moomooio so I can include your blog in our list of users.

Check it out on my blog or see the screenshots below.

Main Page: Theme Main Page Example

Off-Canvas menu: Theme Off Canvas Menu Example

Getting started

First you need to make sure you have the following installed:

Once these are installed you will need to install the dependencies - Sass, Gulp and Bower.

$ gem install sass
$ npm install --save
$ bower install --save

You may need to run these using sudo depending on your setup.

Configuring your theme

To generate your theme you need to provide come configuration information that can be used to set up your blog. These fields are set in the following files:

.\config\config.js

This file contains the main configuration for your blog.

More details coming soon. An on-line config builder is in the works...

.\config\_variables.scss

This file contains the Foundation SASS variables for changing your blog colour scheme. Details are available here but essentially any Foundation SASS variable can be tweaked here.

.\config\favicons\

Put the favicons you want for your blog in this folder.

Image Size Description
Favicon.ico 16x16, 32x32, 64x64 The main favicon for your blog in .ico format
touch-icon-ipad.png 76x76 Icon when saving a link to an iPad springboard
touch-icon-ipad-retina.png 152x152 Icon when saving a link to a retina iPad springboard
touch-icon-iphone.png 60x60 Icon when saving a link to an iPhone springboard
touch-icon-iphone-retina.png 120x120 Icon when saving a link to a retina iPhone springboard
.\config\images

This folder contains any images used by your theme configuration. For example if you put an image on the off-canvas menu you can reference it here using just the image name (no need for the path).

Building your theme

Once your theme is configured, build it using the default gulp task:

$ gulp

This will build the theme and spit it out as

FauxGhost.zip

You can then upload this zip using your blog management page (for a hosted blog), or unzip it into the content/themes folder of your ghost install.