如何将Github中的代码添加到我的Codepen项目中?

时间:2017-03-25 23:05:44

标签: javascript jquery html git github

我有一个包含一些代码的存储库,我想将其合并到我的Codepen项目中,但是我不知道如何。

我要做的是获取1000万个pi数字作为我项目中使用的变量。

现在我的项目使用此代码使用Ajax从另一个Codepen获取变量pieIsGood:

 $.getJSON('http://codepen.io/creativekinetix/pen/PpOOrE.js',jsonLoaded);
var pieIsGood;
function jsonLoaded(data) {
  pieIsGood = data.pi;
  pieIsGood = pieIsGood.toString()
}

虽然这段代码有效,但Codepen只允许一定长度的笔(我认为它最多可以容纳一百万个字符)。我想找到一种方法来使用this Github gistthis website中的代码并将其转换为变量pieIsGood以在我的项目中使用。我不能使用Ajax,因为我在那里做的任何事都必须在同一个域中,并且Codepen不允许1000万个数字的pi。

由于codepen不允许我发布具有当前声誉级别的三个链接,因此这是断开的链接。它只需要一个:http之后。

http://codepen.io/Random_Pseudonym/pen/EWvdge

非常感谢任何帮助(我花了十多个小时试图找到一个解决方案,我会非常感激它让它解决了!)

1 个答案:

答案 0 :(得分:0)

您可以将JSON文件存储在gist中,例如this one,并在您的Ajax请求中包含原始URL:

$.getJSON('https://gist.githubusercontent.com/bertrandmartel/f8936fcffe7d3fec8c85782f60fd77e9/raw/86e4fce24116005f2748aeacdb5e94624937eb31/pi_digits.json',jsonLoaded);
var pieIsGood;
function jsonLoaded(data) {
  pieIsGood = data.pi;
  console.log(pieIsGood);
}

您可以找到实时示例here