summaryrefslogtreecommitdiff
path: root/_posts/2014-05-31-less-file-compilation-for-jekyll-github-pages.md
diff options
context:
space:
mode:
authorBen Burwell <ben@benburwell.com>2018-09-17 22:12:24 -0400
committerBen Burwell <ben@benburwell.com>2018-09-17 22:12:24 -0400
commitcec95aa2559fc095e4351e5dc69f2268f6350651 (patch)
tree3cc4e8e06af7911008855505117cc76b5628b1be /_posts/2014-05-31-less-file-compilation-for-jekyll-github-pages.md
parent208821cda116bab74e657d6f0c2cd7c23eff9610 (diff)
General cleanup
Diffstat (limited to '_posts/2014-05-31-less-file-compilation-for-jekyll-github-pages.md')
-rw-r--r--_posts/2014-05-31-less-file-compilation-for-jekyll-github-pages.md36
1 files changed, 36 insertions, 0 deletions
diff --git a/_posts/2014-05-31-less-file-compilation-for-jekyll-github-pages.md b/_posts/2014-05-31-less-file-compilation-for-jekyll-github-pages.md
new file mode 100644
index 0000000..221f01e
--- /dev/null
+++ b/_posts/2014-05-31-less-file-compilation-for-jekyll-github-pages.md
@@ -0,0 +1,36 @@
+---
+title: LESS File Compilation for Jekyll and GitHub Pages
+description: >
+ Git’s pre-commit hook allows one-click static site deployment — including LESS
+ file compilation — to GitHub pages.
+---
+
+I recently wrote about [migrating my website to GitHub
+Pages](/writing/migrating-to-github-pages-and-jekyll) and noted that I wasn’t
+completely satisfied with my deployment workflow. Ideally, [creating a build
+should be done in a single
+step](http://www.joelonsoftware.com/articles/fog0000000043.html). As I wrote, my
+previous build workflow required me to manually compile my
+[LESS](http://lesscss.org) files before committing if I’d made changes. While my
+stylesheet doesn’t change often, this method is certainly not ideal.
+
+<!--more-->
+
+Using [Git hooks](http://git-scm.com/book/en/Customizing-Git-Git-Hooks), it’s
+possible to run a script at certain points during the Git workflow. To take
+advantage of this in my case, I added a small bash script to
+`.git/hooks/pre-commit`:
+
+```
+#!/bin/sh
+
+export PATH=/usr/local/bin:$PATH
+cd /Users/Ben/Documents/Code/benburwell.github.io/assets/less
+lessc --clean-css style.less ../css/style.css
+cd /Users/Ben/Documents/Code/benburwell.github.io
+git add /Users/Ben/Documents/Code/benburwell.github.io/assets/css/style.css
+```
+
+This is a pretty rough script, but it gets the job done for me. For a much more
+thorough script, see [this article by TJ
+VanToll](http://tjvantoll.com/2012/07/07/the-ideal-less-workflow-with-git/).