How To Upload Image To Gitpod From Github

When working with GitHub on things like ReadMe.physician files, it's often helpful to include pictures. Unfortunately, when editing markdown files online, at that place'south no congenital-in capability to add images:

GitHub Markdown Editor

Typically, this would hateful you would need to create an prototype yourself and commit it into your repository somewhere so you could and then reference information technology. It's much the same if you lot're working on your repository's wiki:

GitHub Wiki Editor

This at to the lowest degree will requite you a dialog for adding an epitome given its URL, but no facility for uploading it.

GitHub Insert Image

Ok, and then your choices are to actually commit an epitome to your repository, and then try and figure out the path to the raw image and use that. Or host your image somewhere else. Neither is a corking option. Thankfully, there's one cool flim-flam that volition allow yous stick with using GitHub in the browser and non only volition let you add together images to your content but even supports re-create-paste!

GitHub Copy-Paste Epitome Upload

Here are the steps to stay in GitHub in your browser and yet be able to add images to your content using copy-paste.

On your repository where you lot want to add together images to markdown files, wiki pages, etc. create an Outcome. Phone call it "Images".
Now get an image, possibly using the Windows Snipping Tool or SnagIt, and copy it.
Paste into the body of the issue you created. You should see it upload quickly and and so display markdown with a URL. Note that you tin can besides use drag-and-drop or click on "selecting them" to upload.
Copy the generated markdown from the prototype into your markdown file or wiki page. Yous can of course change the generic [image] to something more reflective of the image, equally this is used for the alt tag.
Echo as needed. You can close the issue and go along it around for additional images in the futurity, or merely abandon it and never save information technology. Uploaded images on an event that is never saved are still retained. You can also use the aforementioned trick in comments on issues, then yous could easily just add 1 comment per image yous need to add as well.

The only annoying thing most this process is that anybody who is following your repository is going to get an email every time y'all add a comment to an issue or update it, so if you lot're going to be creating a lot of images you might practice it in a batch before saving or closing the issue (and instead of calculation i per comment).

The repository shown in the screenshots is my Clean Architecture solution template for ASP.Internet Core, which helps ensure your new ASP.NET Cadre solutions are properly structured to follow make clean compages principles. I cover it in my ASP.NET Core and Clean Architecture workshops that I offer to teams around the world.

If this helps you lot, please share it on twitter or LinkedIn or wherever you detect great content.

Steve Smith