A friend of mine recently asked if they can upload an image to a gist. Not only will we walk through how to do that, but I'll also show you how you can display a preview image of your gist!
unveiling the secret
A couple of years ago, a whole new world opened up when I learned that gists are also simply git repositories. That's right - you can clone that innocent note locally or have some code push to it automatically. There are actually a zillion different things you can do with Gists, from storing your pancake recipes to hosting single-page static sites!
The clone command is tucked away, but you can still find it from the UI by
clicking on the
Embed button, which opens up a popup menu, where you can
find both HTTPS and SSH cloning options.
Your clone link will include the gist's ID that you can also find from the URL, so you can put it together programmatically, for example
# Link to your Gist https://gist.github.com/andreasvirkus/473a28a9b6c6268c9220546642952faa # Clone URL firstname.lastname@example.org:473a28a9b6c6268c9220546642952faa.git # Meaning you gotta git clone email@example.com:473a28a9b6c6268c9220546642952faa.git
If you now add an image to your newly cloned gist repo
git add preview.png git commit -m "Add preview image" && git push
Then you could, for example, link to it directly from your gist's
![This is what that thing we're talking about will look like](./preview.png)
Now you know how to display images in gists and (maybe even more importantly) that gists are full-fledged git repositories! May you use your new powers wisely.