Optimized Hugo Website/Blog Boilerplate based on Start Bootstrap Clean Blog.
Hugo static website generator is great for its build speed and simplicity compared to other static site generators. However it lacks of automated website optimizations for faster load times and better user experience. Hugo doesn't support sass out of the box.
You can find a live demo of the default generated site at https://gaboesquivel.com/fasthugo
This is the first version of the boilerplate, all contributions are very welcome.
- live reload and dev server (hugo)
- sass support with node-sass
- javascript concatenation, minification and obfuscation
- css concatenation, minification and vendor prefixing
- image optimization with imagemin
- lazy load images with jquery.unveil
- automated linting and deployment with travis-ci
- github pages deployment script
.
├── archetypes -> Hugo archetypes for the hugo cli
├── content -> Markdown files used to generate the site
├── layouts -> Hugo html templates for the site generator
├── public -> Generated static website
├── static -> Generated static files from static-src
├── static-src -> Sass, JS and image source files
├── config.toml -> Hugo config file
├── gulpfile.js -> Gulp build tasks
├── package.json -> Project metadata and npm scripts
├── LICENSE
└── README.md
npm start: generates unobfuscated static files and starts the hugo dev servernpm test: runs standadjs against the javascript filesnpm run deploy: builds and deploys the optimized static site to github pages
read package.json for more details
- verify multiplatform support. Tested in Ubuntu Gnome 17.
- automate srcset images for better performance and resolution ( lovell/sharp looks interesting )
- support hugo templates. ( tho it probably makes more sense to add optimizations to hugo itself )
- use webp images in chrome
- pwa features maybe.
- ditch jquery ?
Read the contributing guidelines for details.
The MIT License (MIT). See LICENSE for more info
Made with ♥ by Gabo Esquivel and contributors