What's happening
The blog components use https://source.unsplash.com/random for post images and author avatars:
layers/blog/pages/blog/posts/[id].vue
layers/blog/components/blog/PostItem.vue
Unsplash deprecated this endpoint in mid-2024. It now returns 503 Service Unavailable, so all blog post images and author avatars are broken.
Suggested fix
Pin specific Unsplash photo URLs (no API key, works indefinitely):
<!-- Post image -->
:src="`https://images.unsplash.com/photo-1618477388954-7852f32655ec?w=800&h=600&fit=crop&q=80`"
<!-- Author avatar -->
:src="`https://images.unsplash.com/photo-1535713875002-d1d0cf377fde?w=40&h=40&fit=crop&q=80`"
Or download and commit the images locally using tteg:
uv tool install tteg
tteg save "blog post hero" ./public/blog-fallback --orientation landscape
What's happening
The blog components use
https://source.unsplash.com/randomfor post images and author avatars:layers/blog/pages/blog/posts/[id].vuelayers/blog/components/blog/PostItem.vueUnsplash deprecated this endpoint in mid-2024. It now returns 503 Service Unavailable, so all blog post images and author avatars are broken.
Suggested fix
Pin specific Unsplash photo URLs (no API key, works indefinitely):
Or download and commit the images locally using tteg:
uv tool install tteg tteg save "blog post hero" ./public/blog-fallback --orientation landscape