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


Estoy tratando de agregar un esencia para mi Blog para ver cómo funciona y usarlo para compartir algunos blogs relacionados con el código en el futuro.

He seguido los pasos mencionados desde el formulario 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.

ACTUALIZAR  (incluido, cambiar el código anterior)

Encontré algo confuso por un tiempo, ¿por qué debería pegar una etiqueta div en el "Componer" Sección del blog, es, después de todo, 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 incluir cualquier plantilla esencial, solo agregue lo siguiente en cualquier lugar   tu publicación en el blog

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


7
2017-09-13 14:24


origen


Respuestas:


Aquí está el código que lo hizo correctamente para mí. Tenía que asegurarme de que dentro de la div Yo copio el código que viene como parte de 'Incrustar la esencia'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.

Credits 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 real Blog enlace que usa el código anterior.

Saludos .. :)


7
2018-01-25 20:14



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

Gistfy es una manera fácil de crear fragmentos de código incrustados de tus repositorios 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)

3
2017-10-21 20:25



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é el <script src="https://raw.github.com/moski/gist-Blogger/master/public/gistLoader.js" type="text/javascript"></script> en un widget que se carga dinámicamente en cada página del blog (publicaciones, páginas, todo). Esta voluntad no trabajo, porque, como se dijo, incluir el siguiente código al final de cada una de tus publicaciones de blog


1
2018-01-19 16:06



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 clave público en tu blogger.

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

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

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

 Artículo real de aquí


1
2017-08-08 07:16



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.


0
2018-03-19 16:56



La etiqueta de archivo 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>

fallado en cromo 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 incrustados 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


0
2018-01-05 22:23