掌握博客动态视图

Abh*_*pta 8 javascript gist blogger syntax-highlighting blogger-dynamic-views

我想在我的博主博客中嵌入我的要点(gist.github).但正如此问题中所解释的,动态视图直接不支持javascript.

从moski的(如答案中提到的)博客可以嵌入一个要点.

如果我只想嵌入我的要点的一个文件怎么办?

例如:

<script src="https://gist.github.com/3975635.js?file=regcomp.c"></script>
Run Code Online (Sandbox Code Playgroud)

Rag*_*kkr 2

查看 moski 的博客、他的描述和要点片段(gistLoader.jsgistBlogger.js),我可以假设要实现您的目标,您必须稍微编辑该代码。

目前,当您添加

<script src="https://raw.github.com/moski/gist-Blogger/master/public/gistLoader.js" type="text/javascript"></script>
Run Code Online (Sandbox Code Playgroud)

在您帖子的底部,此脚本的作用是查找您添加到博客中的其他代码

<div class="gistLoad" data-id="GistID" id="gist-GistID">Loading ....</div>
Run Code Online (Sandbox Code Playgroud)

检索data-id属性,并注入所需的代码来加载脚本并src设置为

'https://gist.github.com/' + id + '.js'
Run Code Online (Sandbox Code Playgroud)

现在,如果我正确地弄清楚了代码的作用,请按以下方式编辑第二个 moski 的 HTML 代码:

<div class="gistLoad" data-id="GistID" data-file="GistFile" id="gist-GistID">Loading ....</div>
Run Code Online (Sandbox Code Playgroud)

gistBlogger.js为了检索(定义时)新属性, moski 中的函数data-file可以生成一个新src属性来注入,如下所示:

'https://gist.github.com/' + id + '.js?file=' + file
Run Code Online (Sandbox Code Playgroud)

它应该有效。