我刚刚购买了一个porfolio模板,并尝试将其安装到github页面上。它只会显示背景,但不会显示图像或文字。
答案 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“
请注意以下链接中从http
到https
的转换:
<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上加载资源,这会导致混合内容错误等一堆其他资源无法加载。