banner
老孙

老孙博客

资深网民孙先生
mastodon
email
Home归档NFT作品

Automatically generate static photo albums using Github Action

#Github52
AI Translation
This post is translated from Chinese into English through AI.View Original
AI-generated summary
The document discusses the challenges of using Memos for photo albums, particularly after issues with CDN traffic and expensive S3 storage. The author has opted to back up images on GitHub and utilize free services like Cloudflare and Vercel. They have created a project called Deepseek, primarily using Python, to automate the process of uploading images to GitHub, generating HTML pages, and managing thumbnails to reduce bandwidth usage. Key features include: - Automatic HTML generation upon image upload. - Image compression for thumbnails. - Title generation based on image names. Updates include the addition of new templates and scripts for improved functionality. The project can be found on GitHub, and users are guided on how to set it up, including the required repository settings and upload rules. The document also mentions that modifications can be made to the template's HTML layout as needed. Finally, it provides links to demo sites for the templates used.

Preface#

Using the album called by memos is convenient, but there are some pain points that cannot be resolved:

  1. After the CDN traffic was brushed, I have almost closed all domestic CDN services, and the small bandwidth server cannot meet the demand for loading a large number of images simultaneously; anyone who has experienced that slow speed knows.
  2. S3 storage is too expensive. After the traffic was brushed on COS (that's right, I'm that unlucky), I decided to back up in multiple places, mainly uploading to GitHub, utilizing Cloudflare + Vercel + GitHub Pages + other SaaS. The advantage of these services is that they are free.
  3. The template comes from the internet.

Deepseek#

Mainly using AI to solve the main functional code, focusing on making it usable. As for any bugs, a simple webpage generation can’t have any outrageous bugs, right?
The main code is Python.

Features#

  • The features I want:
  1. Upload images to the GitHub repository, triggering Actions to automatically generate HTML pages.
  2. The thumbnails of the album need to be compressed, clicking to display the original image, alleviating the pressure on the small bandwidth (that's right, I will regularly use git to pull to the domestic server, focusing on accessibility from multiple locations).
  3. Automatically generate titles based on image names.
  • Update
    2024.12.29
    Found another template, which I think is okay.
    Added it in.
    Set the scripts to be executed in the workflow.
    Two scripts, namely times.py and lens.py, correspond to the two templates.

Demo Address#

Lens template https://photo.asbid.cn
Times template https://photo.sgcd.net

Deployed on GitHub Pages.

Usage#

Project Template#

Github Repo not found

The embedded github repo could not be found…

Settings#

Find it in your repository's Settings.

Instructions

TOKEN is your GitHub token.

REPO is the name of the repository where you want to generate the album, such as username/repo.

Settings

Upload Rules#

Upload album content to the photos directory.

The default title for photos in the root of photos is Sharing Life.

Create a new folder, and the folder name should be the title of all images in that directory.

  • The text in the same-named txt file as the photo has the highest priority for description.
    For example, 1.jpg and 1.txt, the text in 1.txt will be used as the description.

  • The description.txt in the directory serves as the second priority description for all images in that directory.

  • If neither exists, the photo file name will be used as the description.

Other Parts#

You can modify the layout and content of the corresponding index.html file in the template directory according to your needs.

Every modification to the repository will automatically trigger an Action to generate HTML to the target repository. The target repository can use GitHub Pages or be deployed on Vercel; I won't elaborate on that here.

Demo#

https://photos-jkjkjoy.vercel.app/

Loading...
Ownership of this post data is guaranteed by blockchain and smart contracts to the creator alone.