Displaying images in PaperModX

This had me puzzled for a while when initially getting started with PaperModX as my Hugo theme.

If you are familiar with Hugo as a SSG (static site generator), then you would know that using images by default in Hugo points to the static directory within your folder structure of your Hugo site.

However, after much trial and error, I found that the way to display images in PaperModX is to host your images within assets folder and then the relative path i.e. either demo.png or something like /img/demo.png will work

Path example

Path example

Folder struture

Folder struture

Cheers 🥂