ThoughtLite

Markdown Image Preview

ML Memory Profiling Group
Astro
Content; Demo
58 words

This article demonstrates three ways to reference images in Markdown.

Relative Path

NOTE

This approach is recommended as it helps with content organization and management, while Astro will optimize the images.

Using an image file from the same directory1:

White Sailboat
White Sailboat

Absolute Path

Using an image file from the /public directory:

ThoughtLite
ThoughtLite

External Image Hosting

Using an image from an external URL2:

Sample Image
Sample Image

  1. Image source: Pexels ↩

  2. Random image source: Picsum ↩