Special paths for Markdown files and images, possible?


I’m considering installing Netlify CMS for my Hugo website and have been successful in setting up the backend, identity, etc. However, I can’t seem to be able to find if what I’m trying to achieve is possible.

Currently my Hugo website has the following structure:

├── content/
│   ├── projects/
│   │   ├── <slug>
│   │   │   ├── assets
│   │   │   ├── index.md

A pictorial representation would look like this:


So, basically, the website is setup in such a way that each post has its own assets folder which basically contains the images, videos, documents, etc. required by that post.

So my question is if and how exactly can I configure this in Netlify CMS? Not just about the images, but how exactly can I mention where to create the Markdown files? Just like in my current case, I want the Markdown files to be named index.md and they should be inside the post’s slug. Other media files won’t be a problem as I have setup custom shortcodes (components in Hugo’s terms) and they can be setup using relative paths. I do not want to store all images in the public folder as I am then not able to use Hugo’s image processing features. The only way I can currently think of achieving this currently is write the image path using Markdown and upload images to the repo before-hand, but then it would sadly be a dealbreaker for me as just writing it in Markdown locally would be easier.

Apologies if this has been asked before, I wasn’t sure what exactly to search for.

Try folder collections paths and Folder Collections Media and Public Folder! They’re a bit hard to find as the documentation is still in the beta section (although I don’t think the features still are).

Oops. I had seen it and missed. It seems to load images fine for all the posts that I have currently in my repo so looks like it’s working. Thanks a lot!

1 Like