Post

Testing Images in Jekyll

Testing Images in Jekyll

Image Testing 101

This post is a test to ensure the Dev Container and Jekyll can correctly render images from my local directory.

1. Standard Markdown Image

This is the most common way to add an image. We use a relative path starting from the root /.

Test Image Description

2. Image with a Caption (HTML)

If you want to center your image or add a specific width (useful for those 200g chicken meal photos!), use HTML:

Centered Test

Figure 1: A centered test image with rounded corners.


Why use ``?

Using the Liquid tag `` ensures that if your site is hosted at phaneesh-git.github.io/project-name/ instead of the root, the image link won’t break.

This post is licensed under CC BY 4.0 by the author.