drawbotics-blog-theme

drawbotics-blog-theme

This is the default blog theme for Drawbotics.

## Setting up

You must first clone the Ghost repository https://github.com/TryGhost/Ghost, install packages npm install and run the project with npm start in the cloned folder. Then navigate to http://localhost:2368/ghost (default port).

The Ghost blog comes with a standard Casper theme, which can be found in the folder content/themes/casper. We now need to set the Drawbotics Blog Theme as the blog theme.

Running the theme

Go to the folder content/themes in the ghost blog folder cloned previously, and once there clone this repo. You can then navigate to the Ghost admin page http://localhost:2368/ghost and in General, set the theme for the blog. You should see the drawbotics-blog-theme there, and activate it.

You can then create some content to access the Post and Author pages. By default, each Post should have only 1 tag (or category) assigned to it, and a meta description of maximym 140 characters. An Author should have a profile picture, a short bio and a location (to be used as their Job title).

Making changes to the theme

While in the content/themes/drawbotics-blog-theme directory, run

$ npm i && npm start

This will start a Gulp watcher for all the files in your src folder, compiling .less into a minified css, .js into a minified js bundle, as well as images and fonts which are used in the theme.

Important

After starting the Gulp assets builder, remember to restart the Ghost server, as it won't recognise changes otherwise.