

So if I’m typing a post, I hit Cmd+S and I see how it looks on the page.

When I run the command on the site, any change I make is compiled and the webpage refreshes automatically.

Then Hugo does its magic with the hugo server command. Then I have CodeKit compile the SCSS and put it inside the static/css/ directory, which Hugo picks up and puts inside the compiled site in public. I put my scss and bower directories inside a dev folder at the root of the site or theme I’m working on. It has many, many features, but I mainly use it for its SCSS compilation feature and Bower package management interface.
#Codekit change project icon mac
So I need to see my progress as I hit Cmd+S, and my setup allows me to do just that.ĬodeKit is a fantastic Mac app that is basically a GUI for many command-line tools used to develop websites these days. I type, check if it works, and type some more. My coding abilities can be summarized as “scripting at best”. Keeping things separate will allow me to play around more freely. I did this because I will want to change my blog or homepage layout a couple of times, and I did not want one change to affect the other. So they are kinda linked together, but not really. The main site captures that feed at compile time, parses it, and outputs results on my homepage. Even though they currently use the same base, they both have different homepage layouts, as well as additional changes to make things work differently.įor example, my blog makes use of JSON feeds. One thing I wanted to do was to keep my main site and blog seperate, because microservices. But creating your own set of defaults by copying Kirby’s design helps a lot. So you pretty much have to know about these options, and define your own defaults.
