Hugo with lightSlider and lightGallery integration.
A generated version of this is available on Github pages.
This repo contains an example which combines these 3 great tools.
Hugo from @spf13
A new idea around making website creation simple again. Hugo flexibly works with many formats and is ideal for blogs, docs, portfolios and much more. Hugo’s speed fosters creativity and makes building a website fun again.
lightSlider from @sachinchoolur
A lightweight responsive Content slider with carousel thumbnails navigation.
lightGallery from @sachinchoolur
A lightweight jQuery lightbox gallery for displaying image and video gallery.
Follow this quickstart guide, if you don't have hugo yet.
Clone this repo with submodules:
git clone --recursive https://github.com/pcdummy/hugo-lightslider-example
Change into the newly created directory and run hugo:
cd hugo-lightslider-example hugo server -w -D -t purehugo
Open your-local-copy - yes it runs from your computer :)
Wasn't that easy?
For your site you need
The contents of the static folder (except
The lightslider shortcode layouts/shortcodes/lightslider.html, its well documented.
Your own data/post/lightslider_example.json, see lightSlider/lightGallery docs for the
The .css includes here.