Jekyll на Github Pages применяет стили CSS непоследовательно

Question

Я не уверен, что происходит, но мой личный сайт - созданный с помощью Jekyll и размещенный на страницах Github - демонстрирует странное поведение CSS-стилей в последние несколько недель или около того.

Я изначально настроил его на Jekyll 1. что-то-или-другое. Я знаю, что сейчас 3. и что-то самое долгое, через 2 и т. Д. У меня не было проблем со стилями, все было хорошо до тех пор, пока не прошло месяц назад.

Я не вносил никаких изменений в конфигурацию стилей в течение пары лет, но теперь он только отображает стили для страниц (Домашняя страница, О странице, список страниц для архивов и т. Д.). Но на реальных постах он отбрасывает все стили - выглядит как необработанная уценка и изображения, а не макет.

Я обновил jekyll до версии 3.1.2 на своей локальной машине, и что еще более странно, что когда я запускаю его локально, он прекрасно работает и все такое, но проблема в обратном. То есть все сообщения отформатированы с соответствующими стилями, но страницы (опять же - домашняя страница, страница о странице, список архива) не имеют стиля.

Опять же, никаких изменений в любой конфигурации. Есть ли очевидные места, которые я должен искать? Я использую тему начальной загрузки jekyll, которая немного адаптирована. но не много.

Сайт http://subtxt.in/

Answer 1

Я нашел ваш репо и ковырялся. Там много чего происходит, это кажется слишком сложным.

Используя инструменты Chromes dev, вы можете увидеть, что проблема заключается в загрузке CSS - на хороших страницах правильный путь: <link href="/assets/themes/the-minimum/css/style.css" rel="stylesheet" media="all">

На сообщениях, где это не работает, это: <link href="/assets/themes//css/style.css" rel="stylesheet" media="all">

Обратите внимание на отсутствующее название темы - минимум.

В вашем репо я не могу понять логику, но вы могли бы упростить ее, я думаю. Этот файл - _includes/themes/the-minimum/default.html Я считаю, содержит заголовок раздела для всех страниц.

Линия <link href='{{ ASSET_PATH }}/css/style.css' rel="stylesheet" media="all"> Я думаю, что это проблема, `ASSET_PATH, кажется, возвращается с другими значениями. Попробуйте просто жестко запрограммировать его, чтобы он был правильным путем, например:

<link href="/assets/themes/the-minimum/css/style.css" rel="stylesheet" media="all">

Я не уверен на 100%, что это все исправит, но думаю, что так и будет.

Я бы добавил ссылку на ваш репозиторий, если это не поможет вам, чтобы другие люди могли это проверить.