# Problem connecting the CMS articles with the blog-images in Resources

**URL:** <https://forums.realmacsoftware.com/t/problem-connecting-the-cms-articles-with-the-blog-images-in-resources/56464>\
**Category:** Elements\
**Created:** [June 2, 2026, 10:31am UTC](https://forums.realmacsoftware.com/t/problem-connecting-the-cms-articles-with-the-blog-images-in-resources/56464 "2026-06-02T10:31:00Z")\
**Posts on this page:** 7\
**Page:** 1

<div class="post-metadata">

**Author:** ![refsvik](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/refsvik/32/29443_2.png) [@refsvik](https://forums.realmacsoftware.com/u/refsvik)\
**Post date:** [June 2, 2026, 10:31am UTC](https://forums.realmacsoftware.com/t/problem-connecting-the-cms-articles-with-the-blog-images-in-resources/56464/1 "2026-06-02T10:31:00Z")

</div>

I am trying to create a blog using CMS where the images are placed in a subfolder in Resources.

 ![Skjermbilde 2026-06-02 kl. 12.22.43](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/c/2/c2621d9499a0c949b54fff1ff5a0cafbf707532d.png)

In the blog markdown files, the images are references as in the same folder as the blog items themselves.

 ![Skjermbilde 2026-06-02 kl. 12.24.11](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/d/b/db43f521597bf48f88cf05a53a6e17f7b04dd52d.png)

Is it understandable what I am trying to do here? Is what I am trying here at all possible without renaming the image URLs in all the blog markdown files or moving all images inside the blog article folder?

Best regards,

Kjell Are

---

<div class="post-metadata">

**Author:** ![annebourdon](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/annebourdon/32/2391_2.png) [@annebourdon](https://forums.realmacsoftware.com/u/annebourdon)\
**Post date:** [June 2, 2026, 3:20pm UTC](https://forums.realmacsoftware.com/t/problem-connecting-the-cms-articles-with-the-blog-images-in-resources/56464/2 "2026-06-02T15:20:31Z")

</div>

Hi,

Perhaps try to write all in lower-case (Resources \> resources, IMG\_4582-scaled.jpeg \> img\_4582-scaled.jpeg).

---

<div class="post-metadata">

**Author:** ![dan](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/dan/32/28516_2.png) [@dan](https://forums.realmacsoftware.com/u/dan)\
**Post date:** [June 2, 2026, 3:48pm UTC](https://forums.realmacsoftware.com/t/problem-connecting-the-cms-articles-with-the-blog-images-in-resources/56464/3 "2026-06-02T15:48:27Z")

</div>

Yes, your server may be case-sensitive, please ensure all resources are referenced in lowercase in your markdown files.

---

<div class="post-metadata">

**Author:** ![refsvik](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/refsvik/32/29443_2.png) [@refsvik](https://forums.realmacsoftware.com/u/refsvik)\
**Post date:** [June 2, 2026, 4:22pm UTC](https://forums.realmacsoftware.com/t/problem-connecting-the-cms-articles-with-the-blog-images-in-resources/56464/4 "2026-06-02T16:22:50Z")

</div>

I am not entirely sure that case-sensitivity is the issue here. I wonder if we could have @ben show us a CMS setup that has articles with images in the local resources folder rather out on the web with full URLs?

---

<div class="post-metadata">

**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 2, 2026, 5:24pm UTC](https://forums.realmacsoftware.com/t/problem-connecting-the-cms-articles-with-the-blog-images-in-resources/56464/5 "2026-06-02T17:24:24Z")

</div>

![Bildschirmfoto 2026-06-02 um 19.21.06](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/1/4/14d9f8547c8521239ba67ee4017fd0e38c173b69.png)

Your frontmatter in the Markdown file should ideally look like this:

```auto
image:
    src: "/post_images/IMG_4582_scaled.jpeg"
    title: ""
    alt: ""
    copyright: ""
    type: remote
---

```

And then you enter this Twig syntax in the Image component under **Type: CMS** : `{{ item.image.src }}`

 ![Bildschirmfoto 2026-06-02 um 19.31.11](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/a/1/a1fd5542547f2590224901790f593a0777ae931c.png)

If you want to name the image source in your frontmatter `coverImage` instead, you’ll need to adjust the Twig syntax accordingly and insert the following in CMS: `{{ item.coverImage.src }}`

---

<div class="post-metadata">

**Author:** ![ben](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/ben/32/28488_2.png) [@ben](https://forums.realmacsoftware.com/u/ben)\
**Post date:** [June 3, 2026, 7:08am UTC](https://forums.realmacsoftware.com/t/problem-connecting-the-cms-articles-with-the-blog-images-in-resources/56464/6 "2026-06-03T07:08:14Z")

</div>

I think @Pegasus is on the right track here.

@refsvik have you tried following the steps in Pegasus’s reply?

---

<div class="post-metadata">

**Author:** ![refsvik](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/refsvik/32/29443_2.png) [@refsvik](https://forums.realmacsoftware.com/u/refsvik)\
**Post date:** [June 3, 2026, 10:53am UTC](https://forums.realmacsoftware.com/t/problem-connecting-the-cms-articles-with-the-blog-images-in-resources/56464/7 "2026-06-03T10:53:59Z")

</div>

Yes. A combination of fixes worked out. Lower case, removing a wrong path-addition to the location of the images as noted by @Pegasus and also noticing that my Wordpress markdown conversion has given me image references to “coverImage” and not Image: src:

coverImage still works, but I may still end up changing it all to align my markdown files with the demo video from @ben .

Thanks for constructive input to all!

 ![Skjermbilde 2026-06-03 kl. 12.46.10](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/c/f/cf2522106f171803728c75d8a34a9ca90788526d.png)

 ![Skjermbilde 2026-06-03 kl. 12.46.52](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/c/2/c26cc9f17b73141ce1c95d7add4193ea0a6a9f56.png)
