Another iteration of my portfolio site, this time with jekyll.
Rebuilt using Yeoman and the excellent Jekyll-rb generator
First off, we're going to need the following installed:
Now, we can install all the dependencies.
brew install GraphicsMagick
bundle install
npm install
bower installNow we can get grunt to do the heavy lifting.
Compiles all files and opens the site in your default browser. A watch task watches for changes to files, recompiles if necessary, and injects the changes into the browser with LiveReload.
Checks code quality with Jshint and SCSS Lint, and Jekyll health with jekyll doctor.
Builds an optimized site to the dist directory. Usemin blocks are concatenated, CSS, images, and HTML are minified, JavaScript is uglified, and assets are revved for cache busting.
grunt serve:dist will run grunt build and open the result in your default browser
A task to build and locally host a production version of the site, use ngrok to tunnel out a public address and pass this to Google's PageSpeed Insights API. Returning the score for both mobile and desktop and any recommendations. A threshold score can be set should a performance budget be imopsed.
This requires grunt serve:dist to have been previously run so a localhost webserver is hosting the production build.
A task that uploads the content of the dist directory to the ftp details specified in the gruntfile.
grunt on its own is a complete test, build and deployment task that runs grunt check, any tests, grunt build then finally grunt deploy to ftp upload the generated site.
- Navigation Weighting / Sorting
Lazy Load CarouselCarousel Prev / Next iconsResponsive ImagesContact Form SubmissionProfile Image Position