Add a Github Gist

An easy way to add a Github Gist into Gutenberg (Block Editor) is by using a HTML block.

  1. Locate the Gist you would like to Embed.
  2. Click into the area where it says Embed to select the link. Copy the link.
  3. In Gutenberg (Block Editor) add the HTML block and paste in the link.
Github Gist: Copy the Embed link. In  the Core Editor (Gutenberg) add a HTML block and paste the link.
Github Gist: Copy the Embed link. In the Core Editor (Gutenberg) add a HTML block and paste the link.

After the HTML block has been added. Paste in the link and click preview to see the Gist.

Embed a Github Gist into the Block Editor Gutenberg with a HTML block.
Embed a Github Gist into the Block Editor (Gutenberg) with a HTML block.

Here is an example of an embedded Gist.

Share the article:

Leave a Reply

Your email address will not be published. Required fields are marked *