skinsliner.blogg.se

Codekit change project icon
Codekit change project icon





codekit change project icon

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

codekit change project icon

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

codekit change project icon

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.

  • Page layout? Choose by directory content is in, or specify in the front matter.
  • Home layout? Choose from home, list, or index.
  • File format? Choose TOML, YAML, or JSON.
  • For example, instead of deciding on defaults, it gives options to use 3-4 different things on almost everything a user touches. Hugo is not as elegant as Kirby it is more engineered than designed. Having a separate “content” folder which kept everything properly grouped was liberating there were no more database errors and corruptions, and backing everything up became as easy as copying and pasting files. I first switched to Kirby, a file-based PHP CMS. (Because I’m a geek, and I’ll enjoy it.) Choosing a Platform So I created my new website, and I’d like to walk you through it. I love to tinker, learn how things work, and create new things with it. I’d bet this is what makes me a good designer actually.







    Codekit change project icon