GitHub Pages не прогружают стили по BEM методологии

Рейтинг: 0Ответов: 2Опубликовано: 13.04.2023

Пишу простой проектик, дабы потренироваться в BEM методологии, хотел залить его на GH Pages, но мои стили не находит.

Стили я подключал в корнях проекта, в папке pages/index.css в таком виде:

@import url(./../vendor/normalize.css);
@import url(./../vendor/fonts/fonts.css);

@import url(./../blocks/background/background.css);

@import url(./../blocks/card/card.css);

@import url(./../blocks/first-section/first-section.css);
@import url(./../blocks/first-section/__form/first-section__form.css);
@import url(./../blocks/first-section/__input/first-section__input.css);
@import url(./../blocks/first-section/__label/first-section__label.css);
@import url(./../blocks/first-section/__error/first-section__error.css);

@import url(./../blocks/second-section/second-section.css);
@import url(./../blocks/second-section/__line/second-section__line.css);
@import url(./../blocks/second-section/__btn/second-section__btn.css);

@import url(./../blocks/third-section/third-section.css);
@import url(./../blocks/third-section/__text/third-section__text.css);
@import url(./../blocks/third-section/__span/third-section__span.css);
@import url(./../blocks/third-section/__title/third-section__title.css);

Следственно, стили у меня храняться в корне проекта, в папке blocks и т.д... На Live Server и просто через index.html стили работают корректно, но при попытке залить проект на GH Pages у меня в консоли полно ошибок 404 "Failed to load resource: the server responded with a status of 404 ()".

Пытался указать относительные, и абсолютные пути, проблема всё таже.

Ответы

▲ 1

Если верить данной ветке на GH, должно работать, но вместо одной точки попробуйте две, если, конечно же, ваш html углублён на два уровня

@import url(../../vendor/normalize.css);

Попробуйте как здесь указано через link:

<link rel="stylesheet" type="text/css" href="/vendor/normalize.css">
<link rel="stylesheet" type="text/css" href="vendor/normalize.css">

С слэшем вначале и без него. Опять же, если как вы говорите в комментариях, index лежит в root.

▲ 0

Попробуйте создать файл .nojekyll в корне проекта. Генератор сайтов в гитхаб пейджес не поддерживает БЭМ