Github Pages не могут правильно связать мои ресурсы и относительные URL

Я модифицирую тему Jekyll под названием H2O локально на моем компьютере с Windows 10. Это тема блога, которую я буду размещать на Github Pages в репозитории под названием blog. Я знаю, что существует распространенная проблема с использованием относительных ссылок локально, которые могут изначально хорошо выглядеть на вашем компьютере, но когда вы помещаете свои файлы в репозиторий, все по существу нарушается из-за проблем с baseurl и связыванием, которые должным образом решаются в этой комментированной проблеме jekyll.,

Хотя я сделал некоторые необходимые изменения; более конкретно предваряющий {{ site.baseurl }} до того, как мои файлы таблиц стилей с гиперссылками на мои файлы head.html, post-head.html и default.html все еще испытывают проблемы.

Проблемы: (Пожалуйста, посетите мой текущий URL-адрес блога, чтобы увидеть живые примеры.)

  1. В верхнем левом углу на главной странице должен быть логотип "H2O". Этот логотип вообще не отображается на главной странице. На страницах сообщений отображается логотип, но при прокрутке вниз CSS-эффект по умолчанию работает некорректно. (Пожалуйста, посмотрите живую демонстрацию автора темы для правильного примера того, как все должно выглядеть и функционировать.
  2. Страница тегов загружается правильно, но при попытке щелкнуть сообщения, отображаемые внизу, они не загружаются правильно, поскольку каталог / блог отсутствует в URL.
  3. При просмотре любого примера страницы поста в блоге мое аватарное фото внизу не появляется. Это странно, так как мой аватар правильно отображается на главной странице URL: http://www.joshuagalan.com/blog/
  4. Мой 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 }}
Другие вопросы по тегам