Home
Support Forums

Special paths for Markdown files and images, possible?

Hello!

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:

image

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