Preface#
Using the album called by memos is convenient, but there are some pain points that cannot be resolved:
- 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.
- 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.
- 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:
- Upload images to the GitHub repository, triggering Actions to automatically generate HTML pages.
- 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).
- 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, namelytimes.pyandlens.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#
自动化生成相册Automatically generate photo albums
Settings#
Find it in your repository's Settings.
TOKEN is your GitHub token.
REPO is the name of the repository where you want to generate the album, such as username/repo.
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.jpgand1.txt, the text in1.txtwill be used as the description. -
The
description.txtin 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.