martinjay180 / hugo-lightslider-example

Hugo with lightSlider and lightGallery integration.

hugo-lightslider-example

Hugo with lightSlider and lightGallery integration.

A generated version of this is available here.

Overview

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.

Demo usage

1. Follow this quickstart guide, if you don't have hugo yet.

2. Clone this repo with submodules:

    git clone --recursive https://github.com/pcdummy/hugo-lightslider-example
   

3. Change into the newly created directory and run hugo:

    cd hugo-lightslider-example
    hugo server -w -D -t purehugo
   

4. 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 /static/content of course).

• The lightslider shortcode layouts/shortcodes/lightslider.html, its well documented.

• Your own data/post/lightslider_example.json, see lightSlider/lightGallery docs for the settings.

• The .css includes here.

License

BSD 3-Clause