Hello!

Welcome to the first post of my new blog! I am very excited to be entering the blogosphere again after a hiatus of many years (shoutout to LiveJournal and Blogspot!). I hope that you enjoy my writing.

If you stumbled onto this site and not sure who I am, let me introduce myself! My name is Brenna, and I am a Senior Build & Delivery Engineer by day, surly knitter/spinner/runner by night. I live in Seattle, WA with my partner Jeremy and our two pets - a long-haired chihuahua and a tabby cat.

I created this site using Middleman. Given that my work is mainly focused on Jenkins, configuration management tools (like Chef or Puppet), containerization and cloud deployment, so getting my feet wet with site generation was a fun, interesting, and challenging distraction.

Even though there are tons of blogs that explain how to get started using Middleman, I thought that I would share some of the details of what I did to get up and running. Please keep in mind that I know next to nothing about CSS or professional front-end development work in general. I am sure that you will find my tinkering with basic CSS to be amusing and not at all ground-breaking. ;-)

In a Nutshell

Local Development

  1. Install Middleman: https://middlemanapp.com/basics/install/
  2. Install the middleman-blog gem
  3. Create your new project: middleman init MY_BLOG_PROJECT_NAME --template=blog
  4. Look at some sites on “theme templates” and despair; decide to do simple CSS rather than a bunch of copy-pasta or bloated theme download.
  5. Research some basic CSS and add some SVG
  6. Do all the development!
    • When doing local changes, make sure that Middleman live-reload is active (seems to be with 4.0 without additional modification for me so ¯\(ツ)/¯)
    • Before doing the brunt of development work, bring up Middleman locally and make/see small, iterative changes for fast feedback: middleman server
    • Middleman configuration settings are always available to you via http://127.0.0.1:4567/__middleman/config as an added troubleshooting resource.

Deployment

Gotchas - If you are using Middleman 4.0, you will need to use

1
'middleman-deploy', '~> 2.0.0.pre.alpha'

Otherwise, if you attempt to run middleman you’ll get an error like the following:

1
2
Ilmatar:brendo-blog brennx0r$ middleman server
/Users/brennx0r/.rvm/gems/ruby-2.2.3/gems/middleman-core-4.1.10/lib/middleman-core/extensions.rb:96:in `load': Tried to activate old-style extension: deploy. They are no longer supported. (RuntimeError)
  1. Create a CNAME in the root of the project
  2. Github Pages Considerations