KP-C

Kevin Powell - Community•17mo ago•

6 replies

Takyon 01

Is it possible to add images in DecapCMS through markdown?

I’d like to know if it’s possible to add images using markdown in DecapCMS. In platforms like Obsidian, I can simply drag a file into the text editor, and it appears right away. I can also adjust the image size and position using markdown. Can I do something similar with DecapCMS? I know how to upload an image using the upload button on the CMS, but I’m not sure how to edit it once it's uploaded. If editing images in this way isn’t possible, what would be the best method to add and manipulate images in DecapCMS? Any help would be appreciated.

What I tried

I copied and pasted the text and links from a markdown file in Obsidian, so I tried using a link converter to change the wiki links in my file to markdown links, but it didn’t work. I built this website from a code-along project that Kevin Powell did building a blog website https://youtu.be/4wD00RT6d-g?si=v7jNXwk006poOnT0 , so I'm not very familiar with the technologies used to create it, such as Eleventy, Nunjucks, and Node.js. While the DecapCMS integration with the site is working, the only way I can add images is through the upload button in the DecapCMS, and the images appear large with no control over their width and height. In Obsidian, I could resize images using syntax like ![[image|400]]. Is there a way to implement a similar feature here?

YouTubeKevin Powell

Turn static HTML/CSS into a blog with CMS using the JAMStack

My DevProjects project: https://codemntr.io/dev-projects (includes a link to starting template and my final solution)
Codementor: https://codemntr.io/mentor

In this video, we're building out my solution to the Devmentor challenge that I created! We'll be taking a static HTML/CSS project that I created, hooking it up with Eleventy, and then ...