This post demonstrates how images work in our blog.

The frontmatter of this post includes an image field, which is used as the post thumbnail on the index page and in Open Graph meta tags.

Sample image placeholder

How Images Work

Images from Telegram posts are downloaded and stored in /public/images/telegram/. They are referenced using standard markdown image syntax:

![Alt text](/images/telegram/photo.jpg)

Image Best Practices

When adding images to posts:

  1. Use descriptive alt text for accessibility
  2. Keep file sizes reasonable (compress before uploading)
  3. Images are automatically set to max-width: 100% so they never overflow

No Image? No Problem

Posts without the image frontmatter field simply skip the thumbnail on the index page. The layout adapts gracefully.