Github Pages没有显示我的index.html

时间:2017-05-28 17:58:27

标签: html github-pages

我刚刚购买了一个porfolio模板,并尝试将其安装到github页面上。它只会显示背景,但不会显示图像或文字。

2 个答案:

答案 0 :(得分:2)

请注意,您的Github Pages网站是通过https托管的,您的模板包含纯文本http链接到资源。您无法在安全的https连接中安全地加载纯文本http资源。您需要修复错误消息,例如:

  

阻止加载混合活动内容http://fonts.googleapis.com/css?family=Lato:100,300,400,700,900,100italic,300italic,400italic,700italic,900italic“

请注意以下链接中从httphttps的转换:

<link href='https://fonts.googleapis.com/css?family=Lato:100,300,400,700,900,100italic,300italic,400italic,700italic,900italic' rel='stylesheet' type='text/css'>
<link href='https://fonts.googleapis.com/css?family=Lilita+One' rel='stylesheet' type='text/css'>
<link href='https://fonts.googleapis.com/css?family=Alegreya+Sans+SC' rel='stylesheet' type='text/css'>
<link href='https://fonts.googleapis.com/css?family=Montserrat' rel='stylesheet' type='text/css'>

另一个是jQuery链接:

<script src="https://code.jquery.com/jquery-latest.min.js"></script>

在相关的说明中,您的存储库缺少magnifique弹出库。您可以使用指向CDN的链接替换URL。例如,更改此行...

<script src="js/jquery.magnific-popup.min.js"></script>

到这一行......

<script src="https://cdnjs.cloudflare.com/ajax/libs/magnific-popup.js/1.1.0/jquery.magnific-popup.min.js"></script>

答案 1 :(得分:1)

它正在加载您的index.html就好了,问题是当github默认使用安全https时,您的网页会在不安全的http上加载资源,这会导致混合内容错误等一堆其他资源无法加载。

相关问题