Problemas al agregar github gist a mi blog (usando Google blogger)

Intento agregar una esencia a mi blog para ver cómo funciona y usarla para compartir algunos blogs relacionados con el código en el futuro.

He seguido los pasos mencionados en este blog , pero no puedo hacerlo funcionar. No sé lo que me estoy perdiendo, cualquier indicio sobre lo que podría extrañar sería realmente apreciado.

Mi editor HTML del código relacionado con el blog se ve así:

<div dir="ltr" style="text-align: left;" trbidi="on"> <div dir="ltr" style="text-align: left;" trbidi="on"> Hi<br /> <br /> test<br /> <br /> <br /> <div class="gistLoad" data-id="4132084" id="gist-4132084"> Loading ....</div> <br /> <br /> <br /> <br /> <pre style="-webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; color: black; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: pre-wrap; widows: 2; word-spacing: 0px; word-wrap: break-word;"></pre> </div> <script src="https://raw.github.com/moski/gist-Blogger/master/public/gistLoader.js" type="text/javascript"></script> </div> 

Gracias.

ACTUALIZACIÓN (incluido, cambiar el código anterior)

Encontré una cosa confusa por un time, ¿por qué debería pegar una label div en la sección "Redactar" del blog, es después de todo el código HTML, así que lo moví a la parte del editor de HTML del blog. Lo que me confundió inicialmente fue cuando fue mencionado en el blog:

Ahora, para include cualquier plantilla esencial, solo agregue lo siguiente en cualquier lugar de su publicación de blog.

Pero de todos modos, ahora, solo obtengo "Cargando" .., el error aún persiste ..

Aquí está el código que lo hizo correctamente para mí. Tuve que asegurarme de que dentro del div copie el código que viene como parte de ' Embed the gist ' cuando realmente ves la verdadera esencia (por ejemplo, esta esencia ) en Github .

Además, un error más que cometí estaba en mi código, el JS no estaba completamente fuera de la publicación (estaba realmente dentro del último div si observabas de cerca (mi mal)). De todos modos, todo está bien, ese final está bien :). Así que aquí está el código que hizo el truco para mí:

 <div dir="ltr" style="text-align: left;" trbidi="on"> <div dir="ltr" style="text-align: left;" trbidi="on"> Hi<br /> <br /> test<br /> <br /> <br /> <div class="gistLoad" data-id="4132084" id="gist-4132084"> <script src="https://gist.github.com/boddhisattva/4132084.js"></script> In case you want to see how I was able to embed the gist in my blog, you can have a look at the stackoverflow question that I <a href="http://stackoverflow.com/questions/18788724/issues-adding-github-gist-to-my-blogusing-google-blogger/21355714#21355714">posted here</a> on the same when I had initially faced issues to get this to work for me. Cnetworkingits to the original <a href="http://blog.moski.me/2012/01/gist-with-bloggers-dynamic-views.html">blogger's post</a>. </div> <br /> <br /> <br /> <br /> <pre style="-webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; color: black; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: pre-wrap; widows: 2; word-spacing: 0px; word-wrap: break-word;"></pre> </div> </div> <script src="https://raw.github.com/moski/gist-Blogger/master/public/gistLoader.js" type="text/javascript"></script> 

Aquí está el enlace del blog real que utiliza el código anterior.

Saludos .. 🙂

Una solución más simple (desde octubre de 2014): http://www.gistfy.com :

Gistfy es una manera fácil de crear fragments de código embeddeds de tus repositorys GitHub y Bitbucket o tu GitHub Gist.

Por ejemplo:

 <script type='text/javascript' src='http://www.gistfy.com/github/gist/10666727'></script> ^ (id of a GitHub Gist) 

La publicación del blog que mencionas explica todo con claridad y es todo lo que tienes que hacer. Describiré lo que hice:

  1. Copié <script src="https://raw.github.com/moski/gist-Blogger/master/public/gistLoader.js" type="text/javascript"></script> en un widget dinámicamente cargado en cada página del blog (publicaciones, páginas, todo). Esto no funcionará, porque, como se dijo, incluya el siguiente código al final de cada una de sus publicaciones de blog . Esto significa que debe includelo por separado en todas sus publicaciones. Sí, no me gusta también, pero las inputs de blog se cargan dinámicamente, por lo que debes cargar gists después de que se cargue la input original del blog.

  2. Ponga <div class="gistLoad" data-id="GistID" id="gist-GistID">Loading ....</div> justo donde pondría el código github gist original. Por ejemplo, esta es una idea fundamental que quería mostrar en mi publicación. Este es el código original: <script src="https://gist.github.com/tkoomzaaskz/6235219.js"></script> . El gistID es 6235219 . Entonces, en su lugar, puse <div class="gistLoad" data-id="6235219" id="gist-6235219">Loading ....</div> . Y al final de la publicación, puse la fuente de JavaScript desde el punto 1.

Esta publicación de blog es un ejemplo de que funciona bien.

No lo sé, ya sea que intentes con el contenido esencial, lo hiciste como privado o público. Estos son los pocos pasos para implementar el código de key público en tu blogger.

1) Crea un file gist en gist.github.com (Mientras guardas el file simplemente elige como "Crear una idea pública")

2) Tome / copie el textbox "Insertar URL" del código (casi lo ha hecho).

3) Ingrese a su blogger y agregue el código copydo en sus publicaciones deseadas. Eso es todo. Tu código público general se mostrará en tu página.

Artículo real de aquí

Para mí fue porque estaba usando la plantilla de vista dinámica en google blogger. Cuando lo cambié a simple, el javascript funcionaba y mostraba la esencia.

La label de file hospedada de github de terceros no funcionó para mí en absoluto. – <script src="https://raw.github.com/moski/gist-Blogger/master/public/gistLoader.js" type="text/javascript"></script>

Falló en Chrome con Refused to execute script from 'https://raw.github.com/moski/gist-Blogger/master/public/gis‌​tLoader.js' because its MIME type ('text/plain') is not executable, and strict MIME type checking is enabled.

Los enlaces embeddeds en el sitio de trabajo de github, pero para aquellos que desean evitar la dependencia de un enlace de script, escribí el código para desplegar lo que sirve el enlace de inserción y decodificarlo para pegar en blogger. Código de LinqPad en https://github.com/ImaginaryDevelopment/LinqPad/blob/master/LINQPad%20Queries/LanguageTranslators/fetch%20then%20parse%20gist%20html.linq