Jump to content

How do I add Images in Markdowns?

Recommended Posts

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!








Edited by mravenelle
Link to comment
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)


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


Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment
  • 6 months later...
  • 1 year later...

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





Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.