Help with Hugo Leaf Bundles and Media Subdirectories

[mattdelashaw]

Hi everyone,

I'm trying to configure Sveltia CMS to work with my Hugo project's leaf bundle structure, but I'm having trouble with the media paths. I'm hoping someone can point out what I might be missing.

My Goal

For a blog post, I want my content and images to be structured like this:

content/posts/my-cool-post/
├── index.md
└── images/
    └── my-cool-image.jpg

My Configuration (config.yml)

I'm using Sveltia CMS v0.99.0. Based on the documentation, I've configured my collection as follows:

collections:
  - name: "posts"
    label: "Blog"
    folder: "content/posts"
    path: "{{slug}}/index"
    media_folder: "images"
    public_folder: ""
    fields:
      - { label: "Title", name: "title", widget: "string" }
      - { label: "Featured Image", name: "image", widget: "image" }

The Problem

When I upload an image for a post, the CMS saves it to the root of the post's folder (content/posts/my-cool-post/my-cool-image.jpg) instead of creating and using the images subdirectory.

I've tried many variations of media_folder and public_folder ({{slug}}, {{dirname}}, etc.) but the result is always the same.

My Question

Is this the correct way to configure media for a subdirectory within a leaf bundle? Am I missing a step or is there a different recommended approach? Has this been asked before and im missing it?

Thanks for any advice you can offer!

[kyoshino]

Have you tried the setup with Decap CMS? If it works with Decap but it doesn’t work with Sveltia, please let me know. As the README says, we cannot provide setup support.

[mattdelashaw]

I really dislike that UI. I swapped to Decap 3.0.0 and it did create the "leaflet" bundle like I was expecting, using the same collection configurations

[kyoshino]

Thanks for your confirmation. So it’s a bug in Sveltia. I’ll check it out tomorrow.

[kyoshino]

Fixed in v0.99.1.