Adding Images to GISTs - The GIST Way

Images In Gists.md

Adding Images to GISTs - The Gist Way

This approach relies on images being public in secret gists so long as you have the url to them.

1. Create a secret gist called something like "Images for Gists".

2. Clone the gist:

   • SSH: git clone [email protected]:<hash>.git
   • HTTPS: git clone https://gist.github.com/<hash>.git
   • CREDIT: https://gist.github.com/mroderick/1afdd71aa69f6b29601d335751a1a9be

3. Add images and push them. Note that gists repos do not support directories.

4. Create another Gist and embed images as usual using the links of the images from your secret gist. I like to use the img html tag because you can affect the width.

   <br><img alt="JIRA Epics Workflow with Labels" src="https://gist.github.com/../img.png" width="50%" style="clear: left; display: inline; float: left;">

Here's an example:

And here's another Gist that uses the approach.

💀 No, github will not render 'background-color' in any way. Not pre, span, or image. If you want to "color in" transparent pngs, then add it in gimp and upload as '<image name>-{transparent|white|etc}.png'