Github Pages не могут правильно связать мои ресурсы и относительные URL
Я модифицирую тему Jekyll под названием H2O локально на моем компьютере с Windows 10. Это тема блога, которую я буду размещать на Github Pages в репозитории под названием blog. Я знаю, что существует распространенная проблема с использованием относительных ссылок локально, которые могут изначально хорошо выглядеть на вашем компьютере, но когда вы помещаете свои файлы в репозиторий, все по существу нарушается из-за проблем с baseurl и связыванием, которые должным образом решаются в этой комментированной проблеме jekyll.,
Хотя я сделал некоторые необходимые изменения; более конкретно предваряющий {{ site.baseurl }}
до того, как мои файлы таблиц стилей с гиперссылками на мои файлы head.html, post-head.html и default.html все еще испытывают проблемы.
Проблемы: (Пожалуйста, посетите мой текущий URL-адрес блога, чтобы увидеть живые примеры.)
- В верхнем левом углу на главной странице должен быть логотип "H2O". Этот логотип вообще не отображается на главной странице. На страницах сообщений отображается логотип, но при прокрутке вниз CSS-эффект по умолчанию работает некорректно. (Пожалуйста, посмотрите живую демонстрацию автора темы для правильного примера того, как все должно выглядеть и функционировать.
- Страница тегов загружается правильно, но при попытке щелкнуть сообщения, отображаемые внизу, они не загружаются правильно, поскольку каталог / блог отсутствует в URL.
- При просмотре любого примера страницы поста в блоге мое аватарное фото внизу не появляется. Это странно, так как мой аватар правильно отображается на главной странице URL: http://www.joshuagalan.com/blog/
- Мой favicon не загружается правильно вообще.
Возможно, стоит упомянуть, что мой сайт размещен на Github с первоначальным именем muygalan.github.io с пользовательским именем домена www.joshuagalan.com.
PS Веб-сайт, посвященный настройке Jekyll для пользовательских страниц и страниц GitHub проекта, подробно рассматривает эту тему, но я не могу использовать результаты поиска grep, предоставленные автором в разделе Проверка вашего сайта на предмет корректности ссылок, поскольку я считаю, что они основаны на linux, и я использую компьютер с Windows.
1 ответ
Я просмотрел ваш сайт и заметил следующее. Редактирование их должно устранить ваши ошибки:
- В вашем конфигурационном файле у вас есть
url: 'muygalan.github.io/blog'
а такжеbaseurl: /blog
, Вы не должны иметь/blog
в вашемurl:
, - В
assets/js/index.min.js
есть линияr.css({background:"url(/assets/icons/logo_"+i+".svg) no-repeat center","background-size":"100% 100%"})
.. Посмотрите, как URL не содержит/blog
..?
Другие указатели:
- Строки в файлах YAML не нужно заключать в кавычки. Смотри как
baseurl: /blog
это просто хорошо.. - Не добавляйте URL с
{{ site.baseurl }}
.. использоватьrelative_url
фильтр вместо.{{ 'foo' | relative_url }}