将Gist嵌入Blogger无法正常工作

时间:2013-01-03 17:52:51

标签: html blogger gist

我有以下要点...

https://gist.github.com/4445255

我尝试将其添加到我的Blogger条目(每here)到我的帖子中,将其添加到最后...

<script src="https://raw.github.com/moski/gist-Blogger/master/public/gistLoader.js" type="text/javascript"></script>

最后在我添加的位置

<div class="gistLoad" data-id="4445255" id="gist-GistID">Loading ....</div>

但它只显示加载......

3 个答案:

答案 0 :(得分:1)

您刚刚引用的脚本(gistLoader.js)包含对函数initGist()的调用,我在任何地方都看不到。

当您创建的元素的id为“gist-GistID”时,它还会通过id“gistPrinter”查找DOM元素。

我不熟悉要点,也许其他人可以纠正我。

编辑:我在这里找到了initGist():https://raw.github.com/moski/gist-Blogger/master/public/gistBlogger.js

答案 1 :(得分:0)

您忘记设置属性了。它看起来应该是这样的。

<div class="gistLoad" data-id="4445255" id="gist-4445255">Loading ....</div>

答案 2 :(得分:0)

我最近发现了这样一个问题,例如在放入嵌入网址后,要点未加载

<script src="https://gist.github.com/dishabhatt123/43e98122304000687293b4c3ef3dc474.js"></script>

直接进入我博客的HTML视图。这是我烧烤后终于为我提供帮助的地方。

基本上,浏览器不支持随机包含的脚本,因此使用rawgist。将下面的脚本放在页面底部的顶部。

<script src="https://rawgit.com/moski/gist-Blogger/master/public/gistLoader.js" type="text/javascript"></script>

然后,将div添加如下:

<div class="gistLoad" data-id="43e98122304000687293b4c3ef3dc474" id="gist-43e98122304000687293b4c3ef3dc474">Loading or something, this is just text to display while the browser pulls the gist....</div>

在上面的div中,data-id =“ whereveryourgistidis ”和id =“ gist- whereveryourgistidis

在上述嵌入网址示例中,我的要旨ID是“ 43e98122304000687293b4c3ef3dc474”。您可以使用嵌入网址中的要点ID替换它。

请注意:您不会在“撰写视图”中看到要点。但是当您预览博客时,您可以看到它!