Skip to content

PhotoBlog is my personal photography gallery 🌸, showcasing flowers and moments I capture. Built with HTML/CSS and deployed via Jenkins CI/CD, it automatically updates whenever I add new photos β€” blending creativity with technology

Notifications You must be signed in to change notification settings

Lyynn777/PhotoBlog

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

10 Commits
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

GitHub Pages Jenkins HTML5 CSS3 GitHub last commit Repo size

PhotoBlog

My static photography blog with CI/CD

A personal static site to showcase my photography (flower images, galleries, etc.), built with HTML/CSS and deployed automatically using Jenkins CI to GitHub Pages.


Features

  • Static photo gallery with flexible folder structure.
  • Automated CI/CD pipeline using Jenkins:
    • Pulls latest changes from GitHub.
    • Deploys to GitHub Pages (/docs folder).
  • Easy updatesβ€”just add files, commit, and push.

Live Demo

The site is currently available here:

https://lyynn777.github.io/PhotoBlog/


Getting Started

Prerequisites

  • Git
  • A GitHub account
  • Local cloning tools like Git Bash or VS Code terminal

Installation Steps

git clone https://github.com/Lyynn777/PhotoBlog.git
cd PhotoBlog

How to Update the Site

  1. Add or edit HTML, CSS, or image files in the project.

  2. Stage your changes:

    git add .
    
  3. Commit your changes:

    git commit -m "Describe your changes"
    
  4. Push to GitHub:

    git push origin main
    
  5. Jenkins will automatically deploy the updated content to GitHub Pages.


CI/CD Pipeline Summary

Pipeline Workflow:

GitHub (main/main repo) ── push ─▢ Jenkins pulls ── runs pipeline ─┬─ deploys to GitHub Pages (docs/)
                                                                └─ handles dependency or validation (if any)

Key Technologies Used:

  • HTML + CSS for web content
  • GitHub for version control
  • Jenkins for continuous integration and deployment
  • GitHub Pages for static site hosting

Sample Project Structure

PhotoBlog/
β”œβ”€β”€ docs/
β”‚   β”œβ”€β”€ index.html
β”‚   β”œβ”€β”€ gallery/
β”‚   β”‚   └── summer.html
β”‚   └── assets/flowers/
β”‚       └── rose.jpg
β”œβ”€β”€ css/
β”‚   └── style.css
β”œβ”€β”€ Jenkinsfile
└── README.md

Future Enhancements (Roadmap)

  • Add more photo galleries (e.g., nature, portraits)
  • Implement a lightbox or slider effect
  • Add an About or Contact page
  • Integrate Google Analytics or visitors counter
  • Support markdown-based blog posts

Contribution

Feel free to contribute by:

  1. Forking the repository
  2. Creating a new branch for your feature
  3. Making commits
  4. Opening a pull request

License

This project is open for personal and educational purposes. No license is specified.


About

PhotoBlog is my personal photography gallery 🌸, showcasing flowers and moments I capture. Built with HTML/CSS and deployed via Jenkins CI/CD, it automatically updates whenever I add new photos β€” blending creativity with technology

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published