Jekyll

At the end of my last post about Grunt I mentioned that I will be adding code to concatenate the javascript, compress the images and also tidy the code up abit. I have now done this …. Javascript I moved all of the javascript to a folder called _js and then set up the following …. js: { src: [ ‘_js/jquery.min.js’, ‘_js/jquery.plugin.min.js’, ‘js/bootstrap.min.js’, ‘_js/jquery.flexslider-min.js’, ‘_js/smooth-scroll.min.js’,’ _js/skrollr.min.js’, ‘_js/twitterFetcher_v10_min.js’, ‘_js/spectragram.min.js’, ‘_js/scrollReveal.min.js’, ‘_js/isotope.min.js’, ‘_js/lightbox....

As you may have noticed, the website looks different to how it was previously. I decided it was time for a refresh and I wanted to make the design a little more interesting. While Jekyll & Github pages use SASS the Bootstrap theme I settled for uses LESS. This meant that I needed to compile all of my CSS outside of Jekyll. Most of the articles I found say use either Gulp or Grunt, looking at the syntax of the two I preferred Grunt as it didn’t look like code....

Had a go at converting a mostly static but dynamically rendered site to use Jekyll yesterday, it was a lot more straight forward than I thought it was going to be. As part of the conversion I needed to display the first post differently, after consulting the all knowing Google I settled on the following method; Getting just the latest post; ```html {% for post in site.posts offset: 0 limit: 1 %} <div class="some-style"> <a href="{{post....