Листовка с GitHub Страницы - не рендеринг

Question

У меня есть простая веб-страница, на которой я встроил базовую карту буклетов. Когда я пытаюсь опубликовать это через мой сайт GitHub Pages, карта листка не будет отображаться (все остальное в порядке).

Спецификация GitHub Pages говорит, что он поддерживает JS, и это не должно быть проблемой, так как это API. Я попытался использовать загруженную версию листовки (файлы .css и .js, загруженные в мой репозиторий gh-pages), но все равно ничего.

У кого-нибудь есть идеи, почему это не работает? Это то, что означает GitHub Pages, когда говорится, что в нем будут размещаться «статические» веб-страницы (без API, без JS-интерактивности)?

Answer 1

EDIT

листовка Теперь officially recommendsnpmcdn, которая делает поддержку https:

<link rel="stylesheet" href="https://npmcdn.com/leaflet@0.7.7/dist/leaflet.css" /> 
<script src="https://npmcdn.com/leaflet@0.7.7/dist/leaflet.js"></script> 

или

<link rel="stylesheet" href="https://npmcdn.com/leaflet@1.0.0-rc.2/dist/leaflet.css" /> 
<script src="https://npmcdn.com/leaflet@1.0.0-rc.2/dist/leaflet.js"></script> 

---

Orig Инал ответ

Существует шанс, что вы просто столкнулись с «смешанного содержания» вопрос (ресурсы HTTP протокола пытается быть загружен на странице, доступ через защищенный протокол HTTPS).

Пожалуйста, обратите внимание, что GitHub страниц для последних сайтов now enforce HTTPS protocol:

HTTPS исполнения требуется для GitHub Страницы сайтов, созданных после 15 июня 2016 года и с использованием домена github.io.

Это означает, что даже если вы вручную наберете http://my-site.github.io, вы автоматически перенаправляетесь на https://my-site.github.io.

Официальный лифлет CDN на сегодняшний день не поддерживает протокол HTTPS.

Однако вы можете использовать альтернативные CDN, которые поддерживают HTTPS, например. cdnjs:

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/leaflet/1.0.0-rc.1/leaflet.css" /> 
<script src="https://cdnjs.cloudflare.com/ajax/libs/leaflet/1.0.0-rc.1/leaflet.js"></script> 

Но странно, что до сих пор не работает, когда вы пытаетесь использовать локальные (загруженные) скрипты?

Примечание:

GitHub Страницы служит только «статические» веб-страниц означает, что они не могут быть динамически генерироваться на стороне сервера, например, через PHP. Однако вы можете использовать клиентский код (JavaScript). Например, официальный сайт Leaflet фактически размещен на GitHub.