Проблемы с добавлением github gist в мой блог (используя Google blogger)

Вот код, который сделал это правильно для меня. Мне нужно было убедиться, что внутри div я копирую код, являющийся частью «Внедрить суть», когда вы действительно видите чью-либо реальную суть (скажем, например, эту суть) на Github.

Кроме того, еще одна ошибка, которую я сделал, была в моем коде, JS не был полностью за пределами поста (на самом деле он был внутри последнего div, если вы внимательно наблюдаете (мой плохой)). В любом случае, все хорошо, что хорошо кончается :). Итак, вот код, который помог мне -

<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>

Вот фактическая ссылка на блог, в которой используется приведенный выше код.

Ваше здоровье.. :)

Более простое решение (с октября 2014 г.): www.gistfy.com:

Gistfy — это простой способ создавать встраиваемые фрагменты кода из ваших репозиториев GitHub и Bitbucket или вашего GitHub Gist.

Например:

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

Сообщение в блоге, о котором вы упоминаете, все четко объясняет, и это все, что вам нужно сделать. Опишу что делал:

1. Я скопировал <script src="https://raw.github.com/moski/gist-Blogger/master/public/gistLoader.js" type="text/javascript"></script> в виджет, который динамически загружается на каждую страницу блога (посты, страницы, все). Это не сработает, потому что, как сказано, включайте следующий код в конце каждого сообщения в блоге. Это означает, что вы должны включать его отдельно во все свои сообщения. Да, мне это тоже не нравится, но записи в блоге загружаются динамически, поэтому вам нужно загружать суть после загрузки исходной записи в блоге.

2. Поместите <div class="gistLoad" data-id="GistID" id="gist-GistID">Loading ....</div> именно там, где вы бы поместили исходный код GitHub. Например, это — суть, которую я хотел отобразить в своем посте. Это исходный код: <script src="https://gist.github.com/tkoomzaaskz/6235219.js"></script>. GistID — 6235219. Поэтому вместо этого я поставил <div class="gistLoad" data-id="6235219" id="gist-6235219">Loading ....</div>. И в конце поста выкладываю исходник javascript из пункта 1.

Этот сообщение в блоге является примером того, что это работает. отлично.

Я не знаю, пытаетесь ли вы сделать основной контент частным или общедоступным. Вот несколько шагов, как внедрить код PUBLIC gist в ваш блоггер.

1) Создайте файл gist на gist.github.com (при сохранении файла просто выберите «Создать общедоступный Gist»

2) Возьмите/скопируйте текстовое поле кода "Embed URL" (почти готово).

3) Войдите в свой блогер и добавьте скопированный код в нужные сообщения. Это все. Ваш общедоступный код gist будет отображаться на вашей странице.

Фактическая статья отсюда < /а>

Для меня это было потому, что я использовал шаблон динамического просмотра в google blogger. Когда я изменил его на простой, javascript заработал и показал суть.

Сторонний тег файла, размещенный на github, у меня вообще не работал. - <script src="https://raw.github.com/moski/gist-Blogger/master/public/gistLoader.js" type="text/javascript"></script>

не удалось в хроме с 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.

Ссылки для встраивания на сайте github работают, но для тех, кто хочет избежать зависимости от ссылки на скрипт, я написал код, который вытаскивает то, что служит по ссылке для встраивания, и декодирует его для вставки в blogger. Код LinqPad по адресу https://github.com/ImaginaryDevelopment/LinqPad/blob/master/LINQPad%20Queries/LanguageTranslators/fetch%20then%20parse%20gist%20html.linq

Пожалуйста, поищите код Embed по существу, я обнаружил, что это

<script src="https://gist.github.com/boddhisattva/4132084.js"></script>

Просто создайте сообщение в блоге на сайте blogger.com с помощью приведенного выше скрипта, это так просто