A Hugo starter project using Sass utilising gulp workflow.
Inspired by @dan_bahrami's article about gulp setup for using sass in a Hugo project.
- Simple Hugo project with a list view and two single pages without theme
- Gulptask for watching sass
- Gulptask for building production site
- A buildscript that builds Hugo and sass
- Super easy to deploy, for example on Netlify
Note: In this project static is dynamically generated from src and added to gitignore.
Requires hugo. Install instructions here.
In some cases gulp needs to be installed globally before proceeding. In that case run: npm install -g gulp.
From the project directory on you machine:
- Install depencencies:
npm install - Start live reload server:
hugo server -wvD - Start Sass watcher:
gulp watch - Happy coding
npm run build
Demo deployed here: hugo-sass-starter.netlify.com
Thanks to @dan_bahrami for the inspiration.
Thanks also to @pappapez for help with writing the build-script and the gulpfile and everything else!
- File an issue on GitHub
- Or tweet me @martinlainen