stories-feed-action

stories-feed-action

iCloud Shared Album → GitHub Action → Jekyll data files

stories-feed-action

A GitHub Action that fetches a from an iCloud shared album, commits the images into the repository, and then generate a data file to the _data directory to be used for generating a JSON feed with Jekyll.

This is meant as a demostration for an Instagram-like <story-view> demo, so the images should be 9:16. Add each image individually to an album to include a caption.

End result.

Steps to setup:

  1. Have an iCloud Shared Album ready.

  2. Fork this repository.

  3. Edit _config.yml with your info.

  4. Set repository secret ICLOUD_TOKEN at https://github.com/<username>/stories-feed-action/settings/secrets/actions. You'd need to publish the iCloud shared album as a website, and the token value would be B0000000000 from its full URL https://www.icloud.com/sharedalbum/#B0000000000.

  5. Turn on GitHub pages at https://github.com/<username>/stories-feed-action/settings/pages

  6. Manually trigger a workflow dispatch event at https://github.com/<username>/stories-feed-action/actions/workflows/stories.yml to see images being added to the repository.

  7. See something like this (GIF) at https://<username>.github.io/stories-feed-action.

  8. With the GitHub iOS app, you'll be able to set up a Shortcut to dispatch the workflow event right from your phone.


This GitHub Action commits the images in the repository, which frankly aren't that great performance-wise. I recommend checking out Cloudflare Images.

jekyll logo

Want a Jekyll website built?

Hire a Jekyll developer