github - woodstockcs/support GitHub Wiki

how to add an image on a github blog page

note this only works for adding images to a github blog ... if you need to add an image to a github wiki, check here

You'll need an image URL.

  • If the image is already online:
    • right-click on the image and copy the image address
    • back on the blog page use the img tag
  • If the image is a file on your computer, then do this:
    • yadda
    • yadda

how to add an image on a github wiki page

note this only works for adding images to a github wiki ... if you need to add an image to a github blog, check here

You'll need an image URL.

  • If the image is already online:
    • right-click on the image and copy the image address
    • back on the wiki page, click the image icon, and paste the image URL where requested
    • click the Preview tab to see what it looks like
    • go back to the Write tab to move the image code or to continue editing
  • If the image is a file on your computer, then use this workaround:
    • go here
    • drag your image file into the grey box in the center of the screen
    • after you drop the image file there, github automatically uploads it and provides you with the Markdown code for it
    • copy the Markdown code that appears, then close that tab without clicking the Submit New Issue button
    • paste the Markdown code into your wiki page where you want the image to appear
    • click the Preview tab to see what it looks like
    • go back to the Write tab to move the image code or to continue editing

how to link to a video on a github wiki page

Use this code template:

[![VIDEO TITLE](http://img.youtube.com/vi/YOUTUBE_VIDEO_ID_HERE/0.jpg)](http://www.youtube.com/watch?v=YOUTUBE_VIDEO_ID_HERE "VIDEO TITLE")

Here's an example:

[![Everything Is AWESOME](https://img.youtube.com/vi/StTqXEQ2l-Y/0.jpg)](https://www.youtube.com/watch?v=StTqXEQ2l-Y "Everything Is AWESOME")

which produces the following:

Everything Is AWESOME

source: (https://stackoverflow.com/a/29862696/789446)