Я только недавно купил шаблон портфолио и пытаюсь установить его на страницы github. Он будет показывать только фон, но не будет изображений или текста.

1
Fidel Chan Romero 28 Май 2017 в 20:58

2 ответа

Лучший ответ

Обратите внимание, что ваш сайт Github Pages размещен через https, а ваш шаблон включает в себя текстовые http-ссылки на ресурсы. Вы не можете безопасно загружать текстовые http-ресурсы в безопасном https-соединении. Вам необходимо исправить сообщения об ошибках, такие как:

Блокированная загрузка смешанного активного контента 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. Вы можете заменить URL ссылкой на CDN. Например, измените эту строку ...

<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>
2
ThisClark 28 Май 2017 в 18:15

Он загружает ваш index.html просто отлично, проблема в том, что ваша веб-страница загружает ресурсы по небезопасному http, когда github по умолчанию использует безопасный https, это приводит к ошибкам смешанного содержимого, поэтому куча других ресурсов не загружается.

1
randomusername 28 Май 2017 в 18:04