Community hunt night: how to add photos to a post
Post image
This post exists to show how images work on the blog. Look at the top of this file — the frontmatter now has an image: line pointing at /images/blog/community-hunt-night.jpg.
How it works
- Drop the actual photo into
public/images/blog/in the repo, named to match the path in the frontmatter (in this casecommunity-hunt-night.jpg). - That's it. The build checks whether the file exists — if it does, it renders as a real photo; if it doesn't (like right now), it falls back to the dashed placeholder box automatically, so nothing ever breaks.
Where the image shows up
The same image: field drives every place this post appears:
- The post card on the
/bloglisting page. - The post card in the "Guild news" section on the landing page (if it's one of the latest posts shown there).
- The hero image at the top of this post itself.
Making a post the featured one
Set featured: true in a post's frontmatter and it becomes the big featured card at the top of the blog section — image and all, using the same image: field.
Once you add the real file, refresh the page and this placeholder turns into your photo.