This work is largely based on Chris Benninger(cbenning)'s project Fuseel written in Python and React, and published under MIT License.
I rewrote it in TypeScript with Gatsby.
- list your albums under
src/images/input
, e.g. I placed symbol links under it
src
├── images
│ └── input
│ ├── Album1 -> /mnt/real/path/to/album1
│ └── Album2 -> /mnt/real/path/to/album2
- install deps
npm i
. - copy
config-template.ts
toconfig.ts
gatsby develop
.gatsby build
, then files should be listed underpublic
.
- Modify
./config.ts
and./gatsby-config.ts
- If you want to change avatar, overwrite
src/images/icon.png
or changeStaticImage
insrc/components/header.tsx
and fav icon setting./gatsby-config.ts
pointing to your file.