A starter Ghost theme built using Bootstrap 4 and Font Awesome.
Make the most of styling with SASS and building with Webpack.
- 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
.
- If you hate jQuery, this is easily disabled in your
- 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.
- Move into your ghost themes directory.
- Clone the repo.
git clone https://github.com/calebanthony/spook.git
- Move into the
spook
directory. - Run
npm install
- Run
npm run dev
to generate theassets/build
directory that the theme pulls from.
Spook is designed to be barebones and let you just start editing.
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
.
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!
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.