Netlify Photo Gallery

A simple photo gallery example site, made with Hugo. You can deploy this to Netlify, then setup Large Media to play with it.

How to play with this

1. Deploy to Netlify with "Deploy to Netlify" button. This will create a new Netlify site and copy the repo to your GitHub account.
2. Clone a newly created repo to your local computer with git clone.
3. netlify link to link the local repo and the Netlify site.
   • Make sure to install Netlify CLI if you haven't: npm install netlify-cli -g.
4. Check if the Large Media local setup has finished already.
   • You can check it with netlify lm:info command.
   • Make sure to install netlify-lm-plugin plugin if you haven't: netlify plugins:install netlify-lm-plugin.
5. Run netlify lm:setup to setup the Large Media for this repository/site.
   • It will create a .lfsconfig file, make sure that you track this file.
6. Tweak the LFS settings with git lfs commands.
   • This example contains jpg and png files, and expected that both of them are tracked by LFS.
   • To track jpg files: git lfs track *.jpg.
   • To track png files: git lfs track *.png.
   • To track all files under static/images: git lfs track static/images/**.
7. git push origin master to push to the GitHub. It'll be automatically deployed to Netlify utlizing Large Media.
8. Try transformations with image files. You can tweak the layout file like layouts/photos_s/list.html.