To be able to track our changes and push our blog to Heroku, we need to
initialize a Git repo.

git init
git add .
git commit -m'initial commit'

To commit changes as we continue to work, we’ll run git add . to track new
files and stage changes to files already being tracked. Then we can run git
commit -m 'your commit message' and we’ll be able to push our latest changes
to the remote.

It’s a good idea to commit changes to git at the end of each section of
this post.

We’ll be using Heroku as a remote repository.

It would be beneficial to also set up a remote like GitHub for
remote version tracking, but it’s not necessary.

We’ll just focus on Heroku for now. If you don’t already have a Heroku account,
you’ll need to sign up for one before running heroku create.

heroku create
git push heroku master

And now, we can run heroku open in the terminal to open the page in our
browser. We’ve just created a blog and pushed it live. Next is to add our own
styles to customize the design.

Our goal is to add a custom design to this blog, so let’s install our Sass
toolkit and bundle:

Gemfile

gem 'bitters'
gem 'bourbon'
gem 'neat'

Bourbon is a library of vanilla Sass mixins, Neat gives us a responsive grid
system, and Bitters sets default styles for Bourbon projects. These gems will
make the assets available to our site through Middleman’s asset
pipeline.

FormKeep
is a form backend for your static sites. Great with Jekyll or Middleman.
No iframes, JavaScript embeds, or CSS overrides.
Filter submissions for spam and forward them to other services using webhooks.