A jekyll website for photographers
build.sh says how to build the page (locally or so), resize.sh creates full images and thumbnails (to be run from root)
- Easy setup and you get a site of your own for free.
- To add new pictures, you need to just upload them. No code changes required.
- This I like the most, you get to see EXIF data like aperture, shutter speed, iso etc when you click on any image automagically.
If you know a tad about tech and love taking pictures then this open-source project may help you setup a website to showcase all your creations without effort. And not just that, with this you need not pay a single dime to host your website as it's hosted by GitHub for free.
Just follow the below steps and your website would be live in no time:
- Fork this repo by hitting the
Forkbutton at the top right corner.
- Enable github pages from the repo settings.
- Upload your pictures to
images/thumbsdirectory. You can do that on github.com itself or you can clone and push the images to your repo.
- Add your own custom domain in
CNAMEfile or just remove the file if you don't own a domain and use the default domain that github provides ([yourusername].github.io/photography).
_config.ymlfile with whatever domain you used in step 4.
- And that's it, your website is set. To view, go to photography.rampatra.com (or whatever you have in the CNAME file) and if you don't have one, you can go to [yourusername].github.io/photography
And of course, you don't want my name at the bottom to show up. You can change it in
_config.yml file as well as few other settings like your google analytics etc.
- Fork and then clone the project to your computer
- Go inside the project
$ cd photography
- Install all dependencies by
$ npm install
- Copy all your pictures (possibly jpg, the largest size available, straight from your camera) and put it inside
$ gulpto resize the images and to generate thumbnails automatically
- Push your changes to github.com by
$ git add --alland
$ git commit -m "a nice commit message"and then finally
$ git push origin master
You can make the contact form work without the need of any server-side code. Just follow this article on github which uses a simple google script to send emails or to upload to a google spreadsheet when someone submits the form.