Как исправить «загружать небезопасные скрипты»?

Question

поэтому я начну с самого начала.

В основном я купил шаблон от темыforest, и я вручную отредактировал код в редакторе разметки, чтобы соответствовать моим предпочтениям.

Как я уже закончил, я решил разместить свой сайт на страницах github - я загрузил свою директорию кода в репозиторий, как и вы.

Вот ссылка на мой репозиторий: https://github.com/KristofferHari/kristofferhari.github.io

Вот ссылка на мой текущий адрес веб-сайта: https://kristofferhari.github.io/ (Как вы можете видеть, все любопытное багги)

---

Так мне удалось связаться продавец и это то, что мне предоставили:

Причина этого в том, что ресурсы используют HTTP-соединение, и они не могут быть загружены на веб-сайт https connection. Итак, вы должны загрузить все ресурсы (скрипты/таблицы стилей) в github , чтобы использовать их в github.

Так что я полагаю, что через мой браузер, я пытаюсь подключиться к веб-сайт через соединение по протоколу HTTPS, а не с HTTP. (Это то, что на самом деле вызывает проблему, и в чем разница между соединения HTTP и HTTPS?)

Во-вторых, как бы я загрузить все свои ресурсы (скрипты/таблицы стилей) в GitHub?

Заранее благодарен!

Answer 1

Существует относительно простое решение: использовать формат URL-адреса, относящийся к протоколу.

например. ваша ошибка

Mixed Content: The page at 'https://kristofferhari.github.io/' was loaded over HTTPS, but requested an insecure stylesheet 'http://fonts.googleapis.com/css?family=Open+Sans:400,700,300,900'. This request has been blocked; the content must be served over HTTPS.

Проблема в том, что вы загружаете

http://fonts.googleapis.com/css?family=Open+Sans:400,700,300,900' 

из

https://kristofferhari.github.io/ 

страница является безопасным (HTTPS), но он загружается небезопасное содержание (HTTP).

Чтобы исправить это, вы в принципе нужно изменить таблицу стилей:

https://fonts.googleapis.com/css?family=Open+Sans:400,700,300,900' 

Но более гибкое решение использовать относительный формат протокола:

//fonts.googleapis.com/css?family=Open+Sans:400,700,300,900' 

, который будет работать на любом http или https.

Применить это изменение ко всем включенным ресурсам.