# How do I an an iamge to my Articles page? **URL:** \ **Category:** Elements\ **Created:** [June 10, 2026, 10:57am UTC](https://forums.realmacsoftware.com/t/how-do-i-an-an-iamge-to-my-articles-page/56593 "2026-06-10T10:57:36Z")\ **Posts on this page:** 10\ **Page:** 1
**Author:** ![Nigell1](https://avatars.discourse-cdn.com/v4/letter/n/48db29/32.png) [@Nigell1](https://forums.realmacsoftware.com/u/Nigell1)\ **Post date:** [June 10, 2026, 10:57am UTC](https://forums.realmacsoftware.com/t/how-do-i-an-an-iamge-to-my-articles-page/56593/1 "2026-06-10T10:57:36Z")
I followed the recent youtube guide to getting the CMS blog to work, and it was great except the image was hosted somewhere else and linked to the article. In my case, I want to put the image in Elements itself, in resources. I can’t find a way to get the image to show up in the article. I’m using Essentials to create the blog ---
**Author:** ![Pegasus](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/pegasus/32/25035_2.png) [@Pegasus](https://forums.realmacsoftware.com/u/Pegasus)\ **Post date:** [June 10, 2026, 11:08am UTC](https://forums.realmacsoftware.com/t/how-do-i-an-an-iamge-to-my-articles-page/56593/2 "2026-06-10T11:08:08Z")
The best approach is to take the time and watch Ben’s CMS setup video. Across the three parts, you’ll find everything explained in detail — how to build your CMS setup from scratch, how to add images through the CMS, and much more. ![](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/7/2/723830394451344011ec7a13d78646f5f1be19ab.jpeg)https://www.youtube.com/embed/NgpV-dAxiJw?feature=oembed&wmode=opaque&list=PLlqV01jBZsjD3J4LrwyRqiz2xZhKWtjat ---
**Author:** ![Nigell1](https://avatars.discourse-cdn.com/v4/letter/n/48db29/32.png) [@Nigell1](https://forums.realmacsoftware.com/u/Nigell1)\ **Post date:** [June 10, 2026, 11:25am UTC](https://forums.realmacsoftware.com/t/how-do-i-an-an-iamge-to-my-articles-page/56593/3 "2026-06-10T11:25:50Z")
I have spent a day going through all three, but there’s something Im not doing right to link images to my articles. ---
**Author:** ![Pegasus](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/pegasus/32/25035_2.png) [@Pegasus](https://forums.realmacsoftware.com/u/Pegasus)\ **Post date:** [June 10, 2026, 11:28am UTC](https://forums.realmacsoftware.com/t/how-do-i-an-an-iamge-to-my-articles-page/56593/4 "2026-06-10T11:28:43Z")
In that case, the most sensible thing would be either to post screenshots of your setup or, even better, to share your project here so that people can take a closer look at it. Otherwise, it’s just guesswork, and that’s not really helpful for anyone. ---
**Author:** ![PMUK](https://avatars.discourse-cdn.com/v4/letter/p/7993a0/32.png) [@PMUK](https://forums.realmacsoftware.com/u/PMUK)\ **Post date:** [June 10, 2026, 11:34am UTC](https://forums.realmacsoftware.com/t/how-do-i-an-an-iamge-to-my-articles-page/56593/5 "2026-06-10T11:34:50Z")
in your front matter ( bit between the – - - add something like this image: src: /resourcefoldenamer/yourimage alt: ‘Give it a description here’ width: 800 height: 800 Then just drag image into the line src AFTER where it says “YOUR IMAGE” then delete it back to the / BEFORE “resource” DO NOT put the resources bit in delete that bit in bold below: **../../resources** /resourcefoldenamer/yourimage That should do the trick! ---
**Author:** ![Nigell1](https://avatars.discourse-cdn.com/v4/letter/n/48db29/32.png) [@Nigell1](https://forums.realmacsoftware.com/u/Nigell1)\ **Post date:** [June 10, 2026, 11:36am UTC](https://forums.realmacsoftware.com/t/how-do-i-an-an-iamge-to-my-articles-page/56593/6 "2026-06-10T11:36:13Z")
![CleanShot 2026-06-10 at 12.33.18](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/0/b/0b2a41112966c3834eef7519e59d90fb311fbfca.jpeg) ![CleanShot 2026-06-10 at 12.34.28](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/e/e/ee9c68f71a567176f261bc7958043a29f842a1f9.jpeg) ![CleanShot 2026-06-10 at 12.33.57](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/4/a/4a136f671ec76a1d3a0c03a9ef2ab03ceafc8905.jpeg) ![CleanShot 2026-06-10 at 12.33.44](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/e/4/e4b7ff64c98975e1f391853bd6adee5b18de9c1d.jpeg) ![CleanShot 2026-06-10 at 12.36.38](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/6/0/60627dc411775b6a354376973d50777081ccca3b.jpeg) ---
**Author:** ![upssjw](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/upssjw/32/26063_2.png) [@upssjw](https://forums.realmacsoftware.com/u/upssjw)\ **Post date:** [June 10, 2026, 11:44am UTC](https://forums.realmacsoftware.com/t/how-do-i-an-an-iamge-to-my-articles-page/56593/7 "2026-06-10T11:44:58Z")
Your image in the frontmatter does not have an extension eg contagion.jpg ---
**Author:** ![Pegasus](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/pegasus/32/25035_2.png) [@Pegasus](https://forums.realmacsoftware.com/u/Pegasus)\ **Post date:** [June 10, 2026, 11:45am UTC](https://forums.realmacsoftware.com/t/how-do-i-an-an-iamge-to-my-articles-page/56593/8 "2026-06-10T11:45:30Z")
Two things I noticed. In your frontmatter, the image entry should be: ```auto image: src: "/blog_images/contagion.jpg" ``` You forgot the file extension for the image. Also, I would always put `src: "/blog_images/contagion.jpg"` in quotes. It’s not required, but it can help reduce errors in the future. ---
**Author:** ![Nigell1](https://avatars.discourse-cdn.com/v4/letter/n/48db29/32.png) [@Nigell1](https://forums.realmacsoftware.com/u/Nigell1)\ **Post date:** [June 10, 2026, 12:03pm UTC](https://forums.realmacsoftware.com/t/how-do-i-an-an-iamge-to-my-articles-page/56593/9 "2026-06-10T12:03:14Z")
> [@Pegasus](#): > > `src: "/blog_images/contagion.jpg"` Thanks so much. Editing my own work is always difficult. ---
**Author:** ![Nigell1](https://avatars.discourse-cdn.com/v4/letter/n/48db29/32.png) [@Nigell1](https://forums.realmacsoftware.com/u/Nigell1)\ **Post date:** [June 10, 2026, 12:05pm UTC](https://forums.realmacsoftware.com/t/how-do-i-an-an-iamge-to-my-articles-page/56593/10 "2026-06-10T12:05:36Z")
PS - how do I add an image into the body my article? What the format for that? Thanks again.