Skip to content

Base Ghost theme built on Bootstrap 4 with Font Awesome

License

Notifications You must be signed in to change notification settings

captainhurst/spook

 
 

Repository files navigation

Spook

A starter Ghost theme built using Bootstrap 4 and Font Awesome.

Make the most of styling with SASS and building with Webpack.

demo image

Features

  • Use Webpack to compile your JS and SCSS easily that gets pulled in by the theme.
  • Comes with jQuery enabled out of the box for your JS needs.
    • If you hate jQuery, this is easily disabled in your webpack.config.js.
  • Write your JS using ES2015 with Babel support.
  • Use the beauty of Font Awesome all over to add some pizaaz to your theme.
  • Barebones theme, the perfect base to begin building off of.

How To Install

  1. Move into your ghost themes directory.
  2. Clone the repo.
  • git clone https://github.com/calebanthony/spook.git
  1. Move into the spook directory.
  2. Run npm install
  3. Run npm run dev to generate the assets/build directory that the theme pulls from.

How To Use

Spook is designed to be barebones and let you just start editing.

Entry Points

Feel free to edit your webpack.config.js to your hearts content, but out of the box:

  • All your JS comes from assets/js/app.js.
  • All your SCSS comes from assets/css/app.scss.

Output

All Webpack's work gets outputted to assets/build/[css|js]/bundle.[css|js]. The fonts get output to assets/build/fonts and are pulled from Font Awesome's package. You can update and pull the new fonts in automagically with Webpack!

Commands

There are a few commands built into the package.json to help with rapid development:

  • npm run dev runs development once. This is non-minified.
  • npm run watch watches your code and runs development build on file save.
  • npm run prod runs your production code, meaning minified.

About

Base Ghost theme built on Bootstrap 4 with Font Awesome

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • HTML 58.1%
  • JavaScript 29.4%
  • CSS 12.5%