ds.image
can be used to add images inside your fastn pages.page
component just use ds.image
as shown below:-- ds.image: Add image caption here link: <add link> src: <add image path here> alignment: center width: fill-container
-- ds.image: This is image caption link: https://fastn.com src: $assets.files.static.image-placeholder.jpg This is addition body content for above image. At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores.
-- ds.image: Image width 300 pixels link: https://fastn.com src: $assets.files.static.image-placeholder.jpg width.fixed.px: 300 This is addition body content for above image. At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores.
-- ds.image: Image width 300 pixels and right aligned link: https://fastn.com src: $assets.files.static.image-placeholder.jpg width.fixed.px: 300 alignment: right This is addition body content for above image. At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores.
-- ds.image: Image width 300 pixels and left aligned link: https://fastn.com src: $assets.files.static.image-placeholder.jpg width.fixed.px: 300 alignment: left This is addition body content for above image. At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores.
fastn
assets?<static>
into your fastn project. And you added a image sample.jpg
inside it.-- ds.image: src: $assets.files.static.sample.jpg
In above code snippet $assets.files
refers to your fastn
project root folder.
.static
refers to your <static>
folder you created inside your fastn
project.
.sample.jpg
is the image inside <static>
folder.
fastn
project you wish to and refers them as we seen above.