How do I add Images in Markdowns?

Site URL: http://www.mattravenelle.com/wyth

I am creating an expanding section but I cannot find any way to insert images into the expanded section as shown below. I tried to insert code using Markdown Monster to create embedded images but when I place them on my website they do not show up. Haven't found anything online to help me with this. Please help!

See more. https://support.squarespace.com/hc/en-us/articles/206543587-Markdown-cheat-sheet#toc-images

To add your image: click the link icon inside of the markdown box, select "files" from the pop up then upload the image you'll be using. Copy the filename only (including the extension) and paste it into the part that says “IMAGE-FILENAME-HERE view your changes with a new tab or signed out. 

Hello @derricksrandomviews. Thank you for your comment. Unfortunately it did not work. And I don't have a section to paste that says "IMAGE-FILENAME-HERE". I can only see a text box with a url. I refreshed many times. Images still did not show up. 

1 minute ago, mravenelle said:

Hello @derricksrandomviews. Thank you for your comment. Unfortunately it did not work. And I don't have a section to paste that says "IMAGE-FILENAME-HERE". I can only see a text box with a url. I refreshed many times. Images still did not show up. 

how to upload image: https://support.squarespace.com/hc/en-us/articles/205813928-Uploading-and-managing-files

See more: https://support.squarespace.com/hc/en-us/articles/206543587-Markdown-cheat-sheet#toc-images

![enter alt text here](enter image url here)

eg

![mountains image](https://beaverhero.com/s/mountains.jpg)

How do we make the images smaller in the markdown area?

12 hours ago, nicolettely said:

How do we make the images smaller in the markdown area?

 

Can you share link to page where you used Markdown? We can help easier

anyone who has this problem and want to style their images however they want ,

These squarespace support people are a bunch of noobs, sorry :((

follow these simple steps:

using the markdown link icon upload the image

select the image you wanna use and for ease of use and if you're not familiar with computer pathing, hit save
it should give you a weird shortcode like [] [..1] and then a link/path that looks like "/s/your-image-name.jpeg"
Copy this path. Mine looks like this -> s/cedar-hat-workshop.jpeg

Now, delete all the gibberish code you see, but make sure you have the path to the image 

add a line of code where src=" the path you copied "

<img src ="s/cedar-hat-workshop.jpeg"/> and voila! your image should appear

you  can make it bigger or smaller by adding a style attribute to the img tag like this :

<img src ="s/cedar-hat-workshop.jpeg" style="height:200px; width:200px "/>

change the dimensions as you please refer to this for more info https://www.w3schools.com/tags/tag_img.asp