Large GitHub Site (~6 GB); Image hosting, and integration with CloudFlare and Image

[jdcyin]

Select Topic Area

Question

Body

Hi all,

I've built a static HTML site with CSS and a bit of Java on GitHub Pages. It's a travel blog.

The pages of the blog are currently organised by continent > country > city, with each city a page. For each country, I have a shared "images" folder from which each city pulls from. These folders are large, and will continue to grow. Each image is about 7MB in size. Since they are hosted locally and pushed onto my repo, obviously, my repository gets large fairly quickly. It's now at 5.79 GB. I'm now running into commit issues (timing out after 50+ minutes), which results in me having to reduce photo size (not ideal).

I used to share the images hosted on Google Drive, and link to that, but a wipeout of my Drive in 2020 made me move away from that. I've now recently integrated the site to Cloudflare so I can edit in GitHub but have the DNS from Cloudflare. However, the commits to GitHub still fail, which I notice happens when I push like 20 or so pictures at once.

Is there any solution to this?

And, just out of curiosity, is there a better way to host all of these images so that when they are linked through my main blog site, there are no issues updating my repository (speed, and no commit fails)? Ideally, I'd keep everything in the repository since all the links reference them, but I'd rather find a leaner, long term solution.

Thanks

[yoannchaudet]

GitHub (git) nor GitHub Pages are designed for your scenario in mind.

• To store large files in Git, you could use git-lfs, but technically your repository should stay under 5GB in size (documentation)
• GitHub Pages sites should remain under 1GB in size (documentation)

An alternative could be to host your pictures on an external service (Amazon S3, Azure Storage Account, etc.) and front them by Cloudflare for caching/CDN.

[LiteBrite82]

You may also consider file compression. some of those 8mb photos could easily be 200 - 500 KB; it would make the site run faster too.

[LiteBrite82]

Excellent blog BTW!!!!

[LiteBrite82]

You might consider posting a follow up question in "Programming Help" to see if anyone would share their best practices / good experiences.

[github-actions[bot]]

🕒 Discussion Activity Reminder 🕒

This Discussion has been labeled as dormant by an automated system for having no activity in the last 60 days. Please consider one the following actions:

1️⃣ Close as Out of Date: If the topic is no longer relevant, close the Discussion as out of date at the bottom of the page.

2️⃣ Provide More Information: Share additional details or context — or let the community know if you've found a solution on your own.

3️⃣ Mark a Reply as Answer: If your question has been answered by a reply, mark the most helpful reply as the solution.

Note: This dormant notification will only apply to Discussions with the Question label. To learn more, see our recent announcement.

Thank you for helping bring this Discussion to a resolution! 💬

[someone624]

if the bot said it closed the topic then why can i comment

[fengfeng-222]

the easy way to convert image to url,look at here:
1.imgbb.com/
2.postimages.org/
3.pages.edgeone.ai/use-cases/image-to-ur