Images Directory

Place your blog post images in this directory.

Usage in Markdown Posts

Reference images in your blog posts using one of these methods:

Method 1: Using relative URL (Recommended)

![Alt text](/assets/images/your-image.png)

Method 2: Using HTML img tag (for more control)

<img src="/assets/images/your-image.png" alt="Alt text" />

Method 3: Direct path (works but less flexible)

![Alt text](/assets/images/your-image.png)

Supported Formats

• PNG (.png)
• JPEG/JPG (.jpg, .jpeg)
• SVG (.svg)
• GIF (.gif)
• WebP (.webp)

Example

If you have an image file named diagram.png in this directory, reference it in your post like this:

![My Diagram](/assets/images/diagram.png)

Organizing Images

You can create subdirectories to organize images by post or topic:

• assets/images/posts/2025/12/22/ - for post-specific images
• assets/images/diagrams/ - for diagrams
• assets/images/screenshots/ - for screenshots