Skip to content
This repository was archived by the owner on Jun 4, 2019. It is now read-only.

Latest commit

 

History

History
40 lines (28 loc) · 1.62 KB

README.md

File metadata and controls

40 lines (28 loc) · 1.62 KB

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