d3图表和谷歌字体在github页面上不可见

时间:2016-10-19 22:21:41

标签: jquery d3.js github github-pages google-font-api

我上传了一个页面到Github上,HTML,CSS和Jquery以及Jquery UI运行得很好。但是,d3图表不会运行。 (PS:图表被隐藏,一旦点击中间的卡片就会变得可见.d3图表上的数据是手动输入的,没有链接到外部数据文件。)

当您点击中间(黑色)卡时,您可以在the original page上看到。

the github page上,如果您单击中间卡,则会显示折叠的css容器,但没有图表:(。 在Github页面上,除了d3问题,我发现我使用的Google字体(Lato)也没有上传。

我是Github的新手,可能会有一些我不知道的事情。我将整个内容上传为html文件(而不是css和js脚本的单独文件夹。

3 个答案:

答案 0 :(得分:1)

您遇到https问题(尝试在http网站上加载https资产。)

不要将协议定义为引用资产的http://https://,而是尝试使用协议不可知//

答案 1 :(得分:0)

OOOOPS 找到了我自己的问题的线索和(不完整的)答案:这是我的Chrome浏览器。我试图弄清楚发生了什么,我的Chrome浏览器上有一个东西说“这个页面试图加载一个不受信任的脚本”。我点击它并说“是”,我想加载它并加载它。图表弹出。字体仍然没有加载,但没关系。这不是一个大问题。 (更新:感谢斯蒂芬的评论解释了为什么会发生这种情况。)

另外,我刚刚在我的存储库中创建了一个带有d3基本代码并链接到它的文件夹(而不是像我之前那样将其链接到外部)这解决了问题,我可以轻松地看到图表。我会继续对Google字体做同样的事情(将其上传到存储库中)。

非常感谢,请忽略这个问题:)

UPDATE re:Google字体问题:发布问题后约2小时我将字体上传到文件夹中;那没用。

然后我又回到了代码......好吧,这是一个简单的错误,我很尴尬承认:(我没有正确关闭一个样式标签,所以字体没有读。我一修好了这很好用。(之前我曾在Tumblr上托过同一页面,所以有可能他们会在某些情况下通过他们的系统以某种方式拾取并纠正这些错误。)

现在一切都解决了:)

答案 2 :(得分:0)

这可能是因为github页面使用的是HTTPS,但字体URL是HTTP。

您可以尝试删除http来更改网址吗? 像这样,

@import url(//fonts.googleapis.com/css?family=Hind:300,500);

<link rel="stylesheet" href="//fonts.googleapis.com/css?family=Hind:300,500">