Моя страница GitHub (css, js, стиль) работает неправильно

Я совершенно новичок в GitHub и столкнулся с некоторыми проблемами при попытке создать свой первый проект.

Я использую GitHub (username.github.io) для предварительного просмотра (вживую). Но локально моя работа идет хорошо, но не на страницах Github.

На страницах Github не работает ни CSS, ни js, ни мой стиль. Все мои CSS, js и стили на странице index.html. Если я перехожу к источнику страницы, он показывает весь код, но не работает! Что я делаю для отображения фактического (например, локального хоста)? Ссылка дана ниже. Пожалуйста, посмотрите и скажите мне, что я делаю?

https://mostafizur67.github.io


html mixed-content
person mostafiz67    schedule 25.09.2016    source источник
comment
Возможный дубликат Заблокирована загрузка смешанного активного контента   -  person poke    schedule 25.09.2016

Ответы (2)


arrow_upward
2
arrow_downward

Консоль браузера показывает, что ваши внешние ресурсы заблокированы:

(index):8 Mixed Content: The page at 'https://mostafizur67.github.io/' was loaded over HTTPS, but requested an insecure stylesheet 'http://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css'. This request has been blocked; the content must be served over HTTPS.
(index):1 Mixed Content: The page at 'https://mostafizur67.github.io/' was loaded over HTTPS, but requested an insecure script 'http://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js'. This request has been blocked; the content must be served over HTTPS.
(index):13 Mixed Content: The page at 'https://mostafizur67.github.io/' was loaded over HTTPS, but requested an insecure stylesheet 'http://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.6.3/css/font-awesome.min.css'. This request has been blocked; the content must be served over HTTPS.

Попробуйте загрузить внешние ресурсы, используя https вместо http.

person Max Smolens    schedule 25.09.2016
comment
@msmolens Могу ли я изменить http на https? - person mostafiz67; 25.09.2016
comment
@ msmolens, можете ли вы сказать мне, почему меняются некоторые шрифты, поля и нижний колонтитул (размер) страницы? Если вы запускаете это локально, то показ отличается от живого! - person mostafiz67; 25.09.2016
comment
@ user3291513 Ваш браузер может использовать разные настройки масштабирования для разных доменов. Попробуйте сбросить масштаб (CTRL+0 или CMD+0 в Chrome/Firefox). - person Max Smolens; 25.09.2016

arrow_upward
0
arrow_downward

На самом деле это не вопрос Git, это вопрос HTML/CSS.

У вас есть ссылки на http ресурсы на https странице, и браузерам это не нравится. Отдавайте предпочтение ссылкам типа //example.com/path/to/file до http://example.com/path/to/file, чтобы ваш браузер мог выбрать правильный протокол.

Для устранения подобных проблем используйте инструменты для веб-мастеров, поставляемые с вашим браузером. Например, в Firefox щелкните правой кнопкой мыши в любом месте страницы -> Проверить элемент. Консоль показывает ошибки.

person Matthieu Moy    schedule 25.09.2016