Carregar gist na página de forma assíncrona
Por exemplo, o código 'embed' que o gist coloca fica assim:
<script src="https://gist.github.com/victorvhpg/074fec2ff7749ae0cd74.js"></script>
Se você olhar o código deste arquivo, você verá que o github usa document.write para escrever, logo isso não funcionará caso você insira o gist de forma assíncrona.
No firefox/chrome aparece um aviso no console, algo parecido com isso:
"Foi ignorada uma chamada para document.write() a partir de um script externo carregado assincronamente."
"A call to document.write() from an asynchronously-loaded external script was ignored."
"Failed to execute 'write' on 'Document': It isn't possible to write into a document from an asynchronously-loaded external script unless it is explicitly opened."
Existem várias formas de resolver isso, eu acabei fazendo uma solução que utiliza a "API" do gist, ela retorna um json(JSONP) com os dados(html/css) do gist.
Simplesmente obtem o json (JSONP) e exibe no elemento que contem o atributo
data-gist
Exemplo de uso:
Em vez de usar o "embed" gerado do gist, coloque a URL do gist no atributo "data-gist" do elemento onde você deseja exibir o gist.
<div data-gist="https://gist.github.com/victorvhpg/33889d0611905780e253"></div>