Forked from kannankumar/Adding Images to markdown files in Gist.markdown
Created
August 15, 2021 18:43
-
-
Save amaurycatelan/26c07bf9e6658a26a52d60c0390d8e5c to your computer and use it in GitHub Desktop.
Revisions
-
kannankumar revised this gist
Oct 22, 2020 . 1 changed file with 1 addition and 1 deletion.There are no files selected for viewing
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters. Learn more about bidirectional Unicode charactersOriginal file line number Diff line number Diff line change @@ -33,5 +33,5 @@ We'll be using the features of this rich text editor of comment. **4) Save the markdown file. And you'll see the image placed inline in the markdown file. Done!**   _You can use it to add GIFs too._ -
Oct 22, 2020 . 1 changed file with 4 additions and 1 deletion.There are no files selected for viewing
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters. Learn more about bidirectional Unicode charactersOriginal file line number Diff line number Diff line change @@ -31,4 +31,7 @@ We'll be using the features of this rich text editor of comment. ```` **4) Save the markdown file. And you'll see the image placed inline in the markdown file. Done!**   _You can use it to add GIFs too._ -
May 4, 2017 . 1 changed file with 7 additions and 7 deletions.There are no files selected for viewing
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters. Learn more about bidirectional Unicode charactersOriginal file line number Diff line number Diff line change @@ -15,20 +15,20 @@ Once you have created a Gist, you can add comments to the Gist if required. We'll be using the features of this rich text editor of comment. ### Steps: **1) Pre-requisite : Create a gist with atleast one file.**  **2) Copy + Paste the image into the Comment field.** OR Drag and drop the image into the Comment field. The image will start uploading to Github servers.  **3) Once the image is uploaded, the Url link to the hosted image is visible in comments field**  ___Copy and Use this link in the .markdown file___ ```` **4) Save the markdown file. And you'll see the image placed inline in the markdown file. Done!**  -
May 4, 2017 . 1 changed file with 15 additions and 16 deletions.There are no files selected for viewing
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters. Learn more about bidirectional Unicode charactersOriginal file line number Diff line number Diff line change @@ -14,22 +14,21 @@ What I'm going to show is just a quick and dirty alternative to the above mentio Once you have created a Gist, you can add comments to the Gist if required. We'll be using the features of this rich text editor of comment. ### Steps: **1) Pre-requisite : Create a gist with atleast one file.**  **2) Copy + Paste the image into the Comment field.** OR Upload the image using the option in Comment editor. The image will start uploading to Github servers.  **3) Once the image is uploaded, the Url link to the hosted image is visible in comments field**  ___Copy and Use this link in the .markdown file___ ```` **4) Save the markdown file. And you'll see the image placed inline in the markdown file. Done!**  -
May 4, 2017 . 1 changed file with 6 additions and 6 deletions.There are no files selected for viewing
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters. Learn more about bidirectional Unicode charactersOriginal file line number Diff line number Diff line change @@ -16,20 +16,20 @@ We'll be using the features of this rich text editor of comment. Steps: 1) Pre-requisite : Create a gist with atleast one file.  2) Copy + Paste the image into the Comment field. OR Upload the image using the option in Comment editor. The image will start uploading to Github servers.  3) Once the image is uploaded, the Url link to the hosted image is visible in comments field  **Copy and Use this link in the .markdown file ```` 4) Save the markdown file. And you'll see the image placed inline in the markdown file. Done!  -
May 4, 2017 . 1 changed file with 10 additions and 5 deletions.There are no files selected for viewing
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters. Learn more about bidirectional Unicode charactersOriginal file line number Diff line number Diff line change @@ -5,7 +5,7 @@ Markdown files allow embedding images in it. However it requires the image to be hosted at some location and we can add the url of the image to embed it. Example: ```` We can use services like imgur or other services to host the images and use the hosted URL. @@ -16,15 +16,20 @@ We'll be using the features of this rich text editor of comment. Steps: 1) Pre-requisite : Create a gist with atleast one file.  2) Copy + Paste the image into the Comment field. OR Upload the image using the option in Comment editor. The image will start uploading to Github servers.  3) Once the image is uploaded, the Url link to the hosted image is visible in comments field  **Copy and Use this link in the .markdown file ```` 4) Save the markdown file. And you'll see the image placed inline in the markdown file. Done!  -
May 4, 2017 . 1 changed file with 2 additions and 2 deletions.There are no files selected for viewing
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters. Learn more about bidirectional Unicode charactersOriginal file line number Diff line number Diff line change @@ -5,7 +5,7 @@ Markdown files allow embedding images in it. However it requires the image to be hosted at some location and we can add the url of the image to embed it. Example: ```` We can use services like imgur or other services to host the images and use the hosted URL. @@ -25,6 +25,6 @@ Steps: 3) Once the image is uploaded, the Url link to the hosted image is visible in comments field **Copy and Use this link in the .markdown file eg - ```` 4) Save the markdown file. And you'll see the image placed inline in the markdown file. Done! -
May 4, 2017 . 1 changed file with 0 additions and 0 deletions.There are no files selected for viewing
File renamed without changes. -
May 4, 2017 .There are no files selected for viewing
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters. Learn more about bidirectional Unicode charactersOriginal file line number Diff line number Diff line change @@ -0,0 +1,30 @@ How To - Upload and add Images to markdown files in Gist ------------------------------------------------------ Markdown files allow embedding images in it. However it requires the image to be hosted at some location and we can add the url of the image to embed it. Example: # We can use services like imgur or other services to host the images and use the hosted URL. What I'm going to show is just a quick and dirty alternative to the above mentioned image hosting services. Once you have created a Gist, you can add comments to the Gist if required. We'll be using the features of this rich text editor of comment. Steps: 1) Pre-requisite : Create a gist with atleast one file. 2) Copy + Paste the image into the Comment field OR Upload the image using the option in Comment editor. 3) Once the image is uploaded, the Url link to the hosted image is visible in comments field **Copy and Use this link in the .markdown file eg -  4) Save the markdown file. And you'll see the image placed inline in the markdown file. Done!