Get started quick and easy with Hugo and Sass

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.

What you get

• 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.

How to use

Requires hugo. Install instructions here.

In some cases gulp needs to be installed globally before proceeding. In that case run: npm install -g gulp.

Development

From the project directory on you machine:

1. Install depencencies: npm install
2. Start live reload server: hugo server -wvD
3. Start Sass watcher: gulp watch
4. Happy coding

Production

npm run build

Demo deployed here: hugo-sass-starter.netlify.com

Acknowledgements

Thanks to @dan_bahrami for the inspiration.

Thanks also to @pappapez for help with writing the build-script and the gulpfile and everything else!

Feedback welcome

• File an issue on GitHub
• Or tweet me @martinlainen