Resource Locations

You can store your images as a page resource, global resource, or remote resource.

Page resource#

A page resource is a file within a page bundle. A page bundle is a directory with an index.md or _index.md file at its root.

content/
└── posts/
    └── post-1/         # page bundle
        ├── index.md
        └── bird.jpg    # page resource

If you want to show a page resource image — use the relative path:

bird.jpg

Global resource#

A global resource is a file within the assets directory, or within any directory mounted to the assets directory.

assets/
└── images/
    └── bird.jpg    # global resource

If you want to show a global resource image — use the relative path:

images/bird.jpg

Remote resource#

A remote resource is a file on a remote server, accessible via HTTP(S). If you want to show a remote resource image — use the URL:

https://images.unsplash.com/photo-1690198517569-45458a850563?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1740&q=80