Skip to content

An flexible gallery generator for your images and albums, just only put your photos in folder

License

Notifications You must be signed in to change notification settings

renemace/gallery

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

89 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Gallery

An flexible gallery generator for your images and albums, a free portfolio solution for your photos.

This library also includes img previewer feature

How to use

  • Fork this repository 🍴
  • Clone the repository
git clone https://github.com/lucthienphong1120/gallery
  • Put your photos in folder /photos with all of your albums.
  • For each of your albums, create a folder with name as your album name, and then put all of your photos in.

Example: You can use tree photos /F to see all of your file in photos folder

├───photos
│   ├───albums1
│   │   ├───IMG1_01.jpg
│   │   ├───IMG1_02.png
│   │   └─── ...
│   ├───albums2
│   │   ├───IMG2_01.jpg
│   │   ├───IMG2_02.jpg
│   │   └─── ...
│   ├───albums3
│   │   ├───IMG3_01.png
│   │   ├───IMG3_02.jpg
│   │   └─── ...
│   └─── ...
  • In Windows, open your terminal and run
python setup.py
  • Personalize the contents of website at info.json. (Title, Description, Note)
  • Commit all change and host your repo with github page
git add -A
git commit -m "commit"
git push origin main
  • ... and that's all your gallery

How It Works

  • I used VueJS framework to render items and use Python to aggregate data 🔥
  • setup.py will go through all of folders in /photos/ directory and create a config.json file.
  • It will collects all of information of each photo in your albums. It aggregates all data into one file called config.json.
  • Once you've created your config.json, the website can use it to figure out which photos to show.

About

An flexible gallery generator for your images and albums, just only put your photos in folder

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • Python 62.0%
  • HTML 25.6%
  • CSS 12.4%