Adding images to the readme.md file

[MarkLannen]

This might be something most (or all!) of you already know, but I spent a bit of time this afternoon working out how to add images to the readme.md file and thought I'd post what I've learned here. :)

Step 1: Navigate to your Project 3 on github. For example mine is here: https://github.com/MarkLannenUM/web-dev-hw/tree/master/project-3

Step 2: Click on the 'Upload files' tab on the top right.

Step 3: Click 'choose your files' and navigate to and select the image file on your machine.

Step 4: After it has uploaded, click the green 'Commit changes' button on bottom left.

Step 5: Return to project 3 folder (same as above) and click on the image file link. The url in the address field is what you'll need to paste into your readme.md file on atom using the following syntax:

Btw, in the above example (I think) dark-gray in the square brackets acts as alt-text.

Hopefully that will work for you!

[JonSwallow]

@MarkLannenUM I did not know that. Thanks so much. Cheers !!!

[MarkLannen]

Hmmm.... the markdown isn't showing up in my example above - just the alt-text! Let me see if I can fix that.

[MarkLannen]

Updated my OP. I just took a screenshot of the markdown and added it as an image. If you click on it hopefully you'll see a more readable version of it!

[JustineEvansUM]

Awesome! This is a great way to incorporate absolute addresses into MD.