How to Embed Single File From a Multiple Files Gist on Medium

Tips on Embedding a Specific Code File From a Multi-Files Github Gist on Medium

As software developers, we often make use of GitHub Gist to instantly share our code snippets here on Medium, plus it looks amazing here.

How to Embed a GitHub Gist In Medium

Quick Steps

1. Go to your Gist, copy the Gist path i.e.— https://gist.github.com/ngshiheng/d63434f91834c4d3d842358c210398ae from your browser
2. Paste in your Medium article
3. Hit ‘Enter’ on your keyboard
4. Done. Your Gist will be embedded beautifully in your post

Problem

However, if you were to have a multiple file Gist, such as this, Medium will try to render all the files in the Gist in one go — which is not really what we wanted.

Previously, to render a single file, we would have to create separate Gist to do so, which is also not ideal as our account will be flooded in no time by the power of exponential.

Solution

Quick Steps

1. Copy the multi-file Gist path, i.e. — https://gist.github.com/ngshiheng/d63434f91834c4d3d842358c210398ae from your browser
2. Paste it somewhere else than the Medium article. Like in a search bar of a new tab in your browser or Notepad
3. Append the query parameter for the file to the URL. i.e. — https://gist.github.com/ngshiheng/d63434f91834c4d3d842358c210398ae?file=schema.py , take note that ?file=schema.py at the end of the URL
4. Paste the entire URL as an unformatted plain text back to Medium and hit ‘Enter’

Done. Simple as that.

Final Result

You should see that only the specified schema.py file is rendered here in this article rather than all the files.

Final Notes

• Make sure you copy an unformatted plain text and paste it in Medium
• If you were to make any changes in your Gist files, you will have to paste the URL in Medium again

Read my other articles at jerrynsh.com