Skip to content

Instantly share code, notes, and snippets.

@vinkla

vinkla/CDN.md

Last active October 26, 2025 15:12
Show Gist options
  • Save vinkla/dca76249ba6b73c5dd66a4e986df4c8d to your computer and use it in GitHub Desktop.
Save vinkla/dca76249ba6b73c5dd66a4e986df4c8d to your computer and use it in GitHub Desktop.
Download ZIP

Revisions

  1. vinkla revised this gist Sep 10, 2022. 1 changed file with 1 addition and 1 deletion.
    2 changes: 1 addition & 1 deletion CDN.md
    View file
    Original file line number Diff line number Diff line change
    @@ -2,7 +2,7 @@

    1. Create a new issue on GitHub.

    2. Drag-and-drop an image onto the comment field.
    2. Drag an image into the comment field.

    3. Wait for the upload process to finish.

  2. vinkla renamed this gist Feb 3, 2021. 1 changed file with 0 additions and 2 deletions.
    2 changes: 0 additions & 2 deletions README.md → CDN.md
    View file
    Original file line number Diff line number Diff line change
    @@ -1,7 +1,5 @@
    # Upload images to GitHub

    This is how I upload images to GitHub using issues. Instead of pushing images to your repository you can upload your images directly to GitHub's CDN. GitHub already does this for any image you link in a Markdown file.

    1. Create a new issue on GitHub.

    2. Drag-and-drop an image onto the comment field.
  3. vinkla revised this gist Feb 3, 2021. No changes.
  4. vinkla revised this gist Feb 3, 2021. 1 changed file with 5 additions and 1 deletion.
    6 changes: 5 additions & 1 deletion README.md
    View file
    Original file line number Diff line number Diff line change
    @@ -3,8 +3,12 @@
    This is how I upload images to GitHub using issues. Instead of pushing images to your repository you can upload your images directly to GitHub's CDN. GitHub already does this for any image you link in a Markdown file.

    1. Create a new issue on GitHub.

    2. Drag-and-drop an image onto the comment field.

    3. Wait for the upload process to finish.

    4. Copy the URL and use it in your Markdown files on GitHub.

    <img src="https://user-images.githubusercontent.com/499192/57450172-1a955f80-725e-11e9-9fed-267179bdab15.gif" alt="Example of uploading image to GitHub's CDN" width="500px">
    <img src="https://user-images.githubusercontent.com/499192/57450172-1a955f80-725e-11e9-9fed-267179bdab15.gif" alt="Example of uploading image to GitHub's CDN" width="500px">

  5. vinkla renamed this gist Feb 3, 2021. 1 changed file with 1 addition and 1 deletion.
    2 changes: 1 addition & 1 deletion CDN.md → README.md
    View file
    Original file line number Diff line number Diff line change
    @@ -1,4 +1,4 @@
    # Upload Images to GitHub's CDN
    # Upload images to GitHub

    This is how I upload images to GitHub using issues. Instead of pushing images to your repository you can upload your images directly to GitHub's CDN. GitHub already does this for any image you link in a Markdown file.

  6. vinkla revised this gist Feb 3, 2021. No changes.
  7. vinkla revised this gist Feb 3, 2021. 1 changed file with 5 additions and 9 deletions.
    14 changes: 5 additions & 9 deletions CDN.md
    View file
    Original file line number Diff line number Diff line change
    @@ -1,14 +1,10 @@
    # Upload Images to GitHub's CDN

    1. Create a new issue on GitHub.

    2. Drag-and-drop an image onto the comment field.
    This is how I upload images to GitHub using issues. Instead of pushing images to your repository you can upload your images directly to GitHub's CDN. GitHub already does this for any image you link in a Markdown file.

    1. Create a new issue on GitHub.
    2. Drag-and-drop an image onto the comment field.
    3. Wait for the upload process to finish.
    4. Copy the URL and use it in your Markdown files on GitHub.

    4. Copy the URL and use it in your Markdown files **on GitHub**.

    <img src="https://user-images.githubusercontent.com/499192/57450172-1a955f80-725e-11e9-9fed-267179bdab15.gif" alt="Example of uploading image to GitHub's CDN" width="500px">

    ---
    Find more on guides on [vinkla.dev](https://vinkla.dev/)
    <img src="https://user-images.githubusercontent.com/499192/57450172-1a955f80-725e-11e9-9fed-267179bdab15.gif" alt="Example of uploading image to GitHub's CDN" width="500px">
  8. vinkla revised this gist Jan 12, 2021. 1 changed file with 1 addition and 1 deletion.
    2 changes: 1 addition & 1 deletion CDN.md
    View file
    Original file line number Diff line number Diff line change
    @@ -6,7 +6,7 @@

    3. Wait for the upload process to finish.

    4. Copy the URL and use it in your Markdown files on GitHub.
    4. Copy the URL and use it in your Markdown files **on GitHub**.

    <img src="https://user-images.githubusercontent.com/499192/57450172-1a955f80-725e-11e9-9fed-267179bdab15.gif" alt="Example of uploading image to GitHub's CDN" width="500px">

  9. vinkla revised this gist Jan 12, 2021. 1 changed file with 4 additions and 4 deletions.
    8 changes: 4 additions & 4 deletions CDN.md
    View file
    Original file line number Diff line number Diff line change
    @@ -1,12 +1,12 @@
    # Upload Images to GitHub's CDN

    1. First, visit any repository on GitHub and click your way through to the issues page.
    1. Create a new issue on GitHub.

    2. Create a new issue by clicking the **New Issue** button. You'll now see title and description fields.
    2. Drag-and-drop an image onto the comment field.

    3. Drag-and-drop an image onto the description field. This will start the uploading process.
    3. Wait for the upload process to finish.

    4. Copy the URL and use it in README, issues or pull requests however you like **on GitHub**.
    4. Copy the URL and use it in your Markdown files on GitHub.

    <img src="https://user-images.githubusercontent.com/499192/57450172-1a955f80-725e-11e9-9fed-267179bdab15.gif" alt="Example of uploading image to GitHub's CDN" width="500px">

  10. vinkla revised this gist Jan 11, 2021. 1 changed file with 1 addition and 1 deletion.
    2 changes: 1 addition & 1 deletion CDN.md
    View file
    Original file line number Diff line number Diff line change
    @@ -11,4 +11,4 @@
    <img src="https://user-images.githubusercontent.com/499192/57450172-1a955f80-725e-11e9-9fed-267179bdab15.gif" alt="Example of uploading image to GitHub's CDN" width="500px">

    ---
    [Website](https://vinkla.dev/) | [Twitter](https://twitter.com/vinkla) | [GitHub](https://github.com/vinkla)
    Find more on guides on [vinkla.dev](https://vinkla.dev/)
  11. vinkla revised this gist Oct 8, 2020. 1 changed file with 1 addition and 1 deletion.
    2 changes: 1 addition & 1 deletion CDN.md
    View file
    Original file line number Diff line number Diff line change
    @@ -6,7 +6,7 @@

    3. Drag-and-drop an image onto the description field. This will start the uploading process.

    4. Copy the URL and use it in README, issues or pull requests however you like <u>on GitHub</u>.
    4. Copy the URL and use it in README, issues or pull requests however you like **on GitHub**.

    <img src="https://user-images.githubusercontent.com/499192/57450172-1a955f80-725e-11e9-9fed-267179bdab15.gif" alt="Example of uploading image to GitHub's CDN" width="500px">

  12. vinkla revised this gist Oct 8, 2020. 1 changed file with 1 addition and 1 deletion.
    2 changes: 1 addition & 1 deletion CDN.md
    View file
    Original file line number Diff line number Diff line change
    @@ -6,7 +6,7 @@

    3. Drag-and-drop an image onto the description field. This will start the uploading process.

    4. Copy the URL and use it in README, issues or pull requests however you like on GitHub.
    4. Copy the URL and use it in README, issues or pull requests however you like <u>on GitHub</u>.

    <img src="https://user-images.githubusercontent.com/499192/57450172-1a955f80-725e-11e9-9fed-267179bdab15.gif" alt="Example of uploading image to GitHub's CDN" width="500px">

  13. vinkla revised this gist Oct 3, 2020. 1 changed file with 1 addition and 1 deletion.
    2 changes: 1 addition & 1 deletion CDN.md
    View file
    Original file line number Diff line number Diff line change
    @@ -6,7 +6,7 @@

    3. Drag-and-drop an image onto the description field. This will start the uploading process.

    4. Copy the URL and use it in README, issues or pull requests however you like.
    4. Copy the URL and use it in README, issues or pull requests however you like on GitHub.

    <img src="https://user-images.githubusercontent.com/499192/57450172-1a955f80-725e-11e9-9fed-267179bdab15.gif" alt="Example of uploading image to GitHub's CDN" width="500px">

  14. vinkla revised this gist Apr 19, 2020. 1 changed file with 1 addition and 1 deletion.
    2 changes: 1 addition & 1 deletion CDN.md
    View file
    Original file line number Diff line number Diff line change
    @@ -11,4 +11,4 @@
    <img src="https://user-images.githubusercontent.com/499192/57450172-1a955f80-725e-11e9-9fed-267179bdab15.gif" alt="Example of uploading image to GitHub's CDN" width="500px">

    ---
    [Webstite](https://vinkla.dev/) | [Twitter](https://twitter.com/vinkla) | [GitHub](https://github.com/vinkla)
    [Website](https://vinkla.dev/) | [Twitter](https://twitter.com/vinkla) | [GitHub](https://github.com/vinkla)
  15. vinkla revised this gist Apr 19, 2020. 1 changed file with 4 additions and 1 deletion.
    5 changes: 4 additions & 1 deletion CDN.md
    View file
    Original file line number Diff line number Diff line change
    @@ -8,4 +8,7 @@

    4. Copy the URL and use it in README, issues or pull requests however you like.

    <img src="https://user-images.githubusercontent.com/499192/57450172-1a955f80-725e-11e9-9fed-267179bdab15.gif" alt="Example of uploading image to GitHub's CDN" width="500px">
    <img src="https://user-images.githubusercontent.com/499192/57450172-1a955f80-725e-11e9-9fed-267179bdab15.gif" alt="Example of uploading image to GitHub's CDN" width="500px">

    ---
    [Webstite](https://vinkla.dev/) | [Twitter](https://twitter.com/vinkla) | [GitHub](https://github.com/vinkla)
  16. vinkla revised this gist Apr 19, 2020. No changes.
  17. vinkla revised this gist Apr 19, 2020. 1 changed file with 1 addition and 1 deletion.
    2 changes: 1 addition & 1 deletion CDN.md
    View file
    Original file line number Diff line number Diff line change
    @@ -4,7 +4,7 @@

    2. Create a new issue by clicking the **New Issue** button. You'll now see title and description fields.

    3. Drag-and-drop an image on to the description field. This will start the uploading process.
    3. Drag-and-drop an image onto the description field. This will start the uploading process.

    4. Copy the URL and use it in README, issues or pull requests however you like.

  18. vinkla revised this gist Aug 16, 2019. 1 changed file with 1 addition and 1 deletion.
    2 changes: 1 addition & 1 deletion CDN.md
    View file
    Original file line number Diff line number Diff line change
    @@ -2,7 +2,7 @@

    1. First, visit any repository on GitHub and click your way through to the issues page.

    2. Create a new issue by clicking the button **New Issue**. You'll now see both a title and a description field.
    2. Create a new issue by clicking the **New Issue** button. You'll now see title and description fields.

    3. Drag-and-drop an image on to the description field. This will start the uploading process.

  19. vinkla revised this gist May 9, 2019. 1 changed file with 1 addition and 15 deletions.
    16 changes: 1 addition & 15 deletions CDN.md
    View file
    Original file line number Diff line number Diff line change
    @@ -8,18 +8,4 @@

    4. Copy the URL and use it in README, issues or pull requests however you like.

    ## Example

    In our example below we're uploading an image of Marty McFly.

    ```text
    ![Uploading marty-mcfly.jpg...]()
    ```

    Once GitHub is done uploading the image they will automagically add the URL to the description field.

    ```text
    ![marty-mcfly](https://cloud.githubusercontent.com/assets/499192/8718466/e58c679c-2ba4-11e5-8e3c-3f9955b810f7.jpg)
    ```

    [<img src="https://user-images.githubusercontent.com/499192/57450172-1a955f80-725e-11e9-9fed-267179bdab15.gif" alt="Example of uploading image to GitHub's CDN" width="500px">]()
    <img src="https://user-images.githubusercontent.com/499192/57450172-1a955f80-725e-11e9-9fed-267179bdab15.gif" alt="Example of uploading image to GitHub's CDN" width="500px">
  20. vinkla revised this gist May 9, 2019. 1 changed file with 3 additions and 3 deletions.
    6 changes: 3 additions & 3 deletions CDN.md
    View file
    Original file line number Diff line number Diff line change
    @@ -8,8 +8,6 @@

    4. Copy the URL and use it in README, issues or pull requests however you like.

    [<img src="https://user-images.githubusercontent.com/499192/57450172-1a955f80-725e-11e9-9fed-267179bdab15.gif" alt="Example of uploading image to GitHub's CDN" width="500px">]()

    ## Example

    In our example below we're uploading an image of Marty McFly.
    @@ -22,4 +20,6 @@ Once GitHub is done uploading the image they will automagically add the URL to t

    ```text
    ![marty-mcfly](https://cloud.githubusercontent.com/assets/499192/8718466/e58c679c-2ba4-11e5-8e3c-3f9955b810f7.jpg)
    ```
    ```

    [<img src="https://user-images.githubusercontent.com/499192/57450172-1a955f80-725e-11e9-9fed-267179bdab15.gif" alt="Example of uploading image to GitHub's CDN" width="500px">]()
  21. vinkla revised this gist May 9, 2019. 1 changed file with 1 addition and 1 deletion.
    2 changes: 1 addition & 1 deletion CDN.md
    View file
    Original file line number Diff line number Diff line change
    @@ -8,7 +8,7 @@

    4. Copy the URL and use it in README, issues or pull requests however you like.

    [<img src="https://user-images.githubusercontent.com/499192/57449880-5da30300-725d-11e9-8bf5-5e4be0191392.gif" alt="Example of uploading image to GitHub's CDN" width="300px">]()
    [<img src="https://user-images.githubusercontent.com/499192/57450172-1a955f80-725e-11e9-9fed-267179bdab15.gif" alt="Example of uploading image to GitHub's CDN" width="500px">]()

    ## Example

  22. vinkla revised this gist May 9, 2019. 1 changed file with 1 addition and 1 deletion.
    2 changes: 1 addition & 1 deletion CDN.md
    View file
    Original file line number Diff line number Diff line change
    @@ -8,7 +8,7 @@

    4. Copy the URL and use it in README, issues or pull requests however you like.

    ![upload-example](https://user-images.githubusercontent.com/499192/57449880-5da30300-725d-11e9-8bf5-5e4be0191392.gif)
    [<img src="https://user-images.githubusercontent.com/499192/57449880-5da30300-725d-11e9-8bf5-5e4be0191392.gif" alt="Example of uploading image to GitHub's CDN" width="300px">]()

    ## Example

  23. vinkla revised this gist May 9, 2019. 1 changed file with 2 additions and 0 deletions.
    2 changes: 2 additions & 0 deletions CDN.md
    View file
    Original file line number Diff line number Diff line change
    @@ -8,6 +8,8 @@

    4. Copy the URL and use it in README, issues or pull requests however you like.

    ![upload-example](https://user-images.githubusercontent.com/499192/57449880-5da30300-725d-11e9-8bf5-5e4be0191392.gif)

    ## Example

    In our example below we're uploading an image of Marty McFly.
  24. vinkla revised this gist Mar 18, 2019. 1 changed file with 9 additions and 5 deletions.
    14 changes: 9 additions & 5 deletions CDN.md
    View file
    Original file line number Diff line number Diff line change
    @@ -1,8 +1,14 @@
    # Upload Images to GitHub's CDN

    First, visit any repository on GitHub and click your way through to the issues page.
    1. First, visit any repository on GitHub and click your way through to the issues page.

    Create a new issue by clicking the button **New Issue**. You'll now see both a title and a description field. Drag-and-drop an image on to the description field. This will start the uploading process.
    2. Create a new issue by clicking the button **New Issue**. You'll now see both a title and a description field.

    3. Drag-and-drop an image on to the description field. This will start the uploading process.

    4. Copy the URL and use it in README, issues or pull requests however you like.

    ## Example

    In our example below we're uploading an image of Marty McFly.

    @@ -14,6 +20,4 @@ Once GitHub is done uploading the image they will automagically add the URL to t

    ```text
    ![marty-mcfly](https://cloud.githubusercontent.com/assets/499192/8718466/e58c679c-2ba4-11e5-8e3c-3f9955b810f7.jpg)
    ```

    Now you can copy the URL and use it in README files, issues or pull requests how ever you like.
    ```
  25. vinkla revised this gist Mar 18, 2019. No changes.
  26. vinkla revised this gist Oct 5, 2017. No changes.
  27. vinkla renamed this gist Oct 5, 2017. 1 changed file with 0 additions and 0 deletions.
    0 README.md → CDN.md
    View file
    File renamed without changes.
  28. vinkla revised this gist Oct 2, 2017. 1 changed file with 1 addition and 1 deletion.
    2 changes: 1 addition & 1 deletion README.md
    View file
    Original file line number Diff line number Diff line change
    @@ -10,7 +10,7 @@ In our example below we're uploading an image of Marty McFly.
    ![Uploading marty-mcfly.jpg...]()
    ```

    Once GitHub is done uploading the image they will automagically add the URL to the description field. Great Scott!
    Once GitHub is done uploading the image they will automagically add the URL to the description field.

    ```text
    ![marty-mcfly](https://cloud.githubusercontent.com/assets/499192/8718466/e58c679c-2ba4-11e5-8e3c-3f9955b810f7.jpg)
  29. vinkla revised this gist Oct 2, 2017. 1 changed file with 2 additions and 0 deletions.
    2 changes: 2 additions & 0 deletions README.md
    View file
    Original file line number Diff line number Diff line change
    @@ -1,3 +1,5 @@
    # Upload Images to GitHub's CDN

    First, visit any repository on GitHub and click your way through to the issues page.

    Create a new issue by clicking the button **New Issue**. You'll now see both a title and a description field. Drag-and-drop an image on to the description field. This will start the uploading process.
  30. vinkla created this gist Oct 2, 2017.
    17 changes: 17 additions & 0 deletions README.md
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,17 @@
    First, visit any repository on GitHub and click your way through to the issues page.

    Create a new issue by clicking the button **New Issue**. You'll now see both a title and a description field. Drag-and-drop an image on to the description field. This will start the uploading process.

    In our example below we're uploading an image of Marty McFly.

    ```text
    ![Uploading marty-mcfly.jpg...]()
    ```

    Once GitHub is done uploading the image they will automagically add the URL to the description field. Great Scott!

    ```text
    ![marty-mcfly](https://cloud.githubusercontent.com/assets/499192/8718466/e58c679c-2ba4-11e5-8e3c-3f9955b810f7.jpg)
    ```

    Now you can copy the URL and use it in README files, issues or pull requests how ever you like.