Adding Pictures to your Steemit Post

文章怎么添加图片?

. . . asked by @lgr

The method for "click to enlarge" pictures came from @juliank @juliank/happy-tuesday-steemit-share-your-landscape-photography, but I had to get it to work through trial and error, so I thought I would try to elaborate here.

Images may simply be drag-and-dropped onto your post from your hard drive - DON'T move the cursor while the image is uploading. This will automatically generate the MarkDown code to display the picture. No further work is necessary, unless you want to have a "click to enlarge" picture.

GUI's other than Steemit (e.g., chainbb) may not support the drag-and-drop feature.

OR they may be uploaded to https://imgsafe.org/

Once the image has a URL, simply enter the URL straight, or with associated text -

 ![picture name](url)

 ![sunset](https://i.imgsafe.org/97/9749f8159f.jpeg)

sunset

For a "click to enlarge" picture -

 [![picture name](url)](url)


[![sunset](https://i.imgsafe.org/97/9749f8159f.jpeg)](https://i.imgsafe.org/97/9749f8159f.jpeg)

sunset

For a SteemIt drag-and-drop, "click to enlarge" picture, first enter a left bracket ("[").

LEAVE THE CURSOR WHERE IT IS. Drag-and-drop a picture to that point. Once the picture has uploaded, highlight the URL, including the parentheses. COPY the steemitimages.com URL with parentheses. Hit the 'right arrow' to UNSELECT. Enter a right bracket ("]"). Then PASTE the URL with parentheses.

It should look like this -

 [![picture name](url)](url)


[![P1050742a.jpg](https://steemitimages.com/DQmWHY5oMbKeGZ4sAaBCx5B2pnxKgvybRPigSF4712C6GBr/P1050742a.jpg)](https://steemitimages.com/DQmWHY5oMbKeGZ4sAaBCx5B2pnxKgvybRPigSF4712C6GBr/P1050742a.jpg)

P1050742a.jpg

SteemIt World Map !steemitworldmap 22.6858645 lat 110.2400917 long D3SCR
#randyw

alt text

H2
H3
H4
3 columns
2 columns
1 column
4 Comments