Проблеми с добавянето на 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> точно там, където бихте поставили оригиналния gist код на 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.github.com (Докато запазвате файла, просто изберете „Създаване на публичен същност“

2) Вземете/копирайте текстовото поле на кода „Вграждане на URL“ (почти сте готови).

3) Влезте във вашия блогър и добавете копиран код в желаните от вас публикации. Това е всичко. Вашият публичен основен код ще се покаже на вашата страница.

Действителна статия от тук

За мен това беше, защото използвах шаблон за динамичен изглед в google blogger. Когато го промених на прост, тогава javascript работеше и показваше същината.

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

неуспешно в chrome с 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

Моля, потърсете кода за вграждане на същината, открих, че е

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

Просто създайте публикация в блог в blogger.com само с горния скрипт, толкова е лесно