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.
- Static photo gallery with flexible folder structure.
- Automated CI/CD pipeline using Jenkins:
- Pulls latest changes from GitHub.
- Deploys to GitHub Pages (
/docsfolder).
- Easy updatesβjust add files, commit, and push.
The site is currently available here:
https://lyynn777.github.io/PhotoBlog/
- Git
- A GitHub account
- Local cloning tools like Git Bash or VS Code terminal
git clone https://github.com/Lyynn777/PhotoBlog.git
cd PhotoBlog
-
Add or edit HTML, CSS, or image files in the project.
-
Stage your changes:
git add . -
Commit your changes:
git commit -m "Describe your changes" -
Push to GitHub:
git push origin main -
Jenkins will automatically deploy the updated content to GitHub Pages.
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
PhotoBlog/
βββ docs/
β βββ index.html
β βββ gallery/
β β βββ summer.html
β βββ assets/flowers/
β βββ rose.jpg
βββ css/
β βββ style.css
βββ Jenkinsfile
βββ README.md
- 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
Feel free to contribute by:
- Forking the repository
- Creating a new branch for your feature
- Making commits
- Opening a pull request
This project is open for personal and educational purposes. No license is specified.