Почему не отображается половина CSS?

Question

[Владислав Гриценко]

Сверстал сайт используя SASS и GULP. Если открывать сайт через таск в gulp (gulp watch), то всё отлично отображается. Если же я открываю сайт напрямую через файл index.html, то половина стилей не отображается.
Собственно поэтому, наверное, gh-pages тоже не может полностью отобразить весь сайт
Ссылка на репозиторий > https://github.com/gritsenko-vlad/test

Answer 1

[AlexandrKom]

все просто, смотрим в консоль

GET file:///C:/img/email.png net::ERR_FILE_NOT_FOUND
GET file:///C:/fonts/Montserrat-Hairline.ttf net::ERR_FILE_NOT_FOUND
и тд.

понимаем, что не находит файлы изображений и шрифтов

идем в main.sass и исправляем все пути к файлам с
url('app/img/Ваш_файл.jpg') на url('../../img/Ваш_файл.jpg')

как видите, птички уже летят в теплые края
prntscr.com/dozkuj

Answer 2

[iBird Rose]

ну тк видно же что картинки не находит. смотри в сторону путей которые заданы через background.
p.s. ну и в консоль тоже не забывай смотреть: data3.floomby.com/files/share/28_12_2016/11/UNKc9Q...

Comments

[Владислав Гриценко]

Я, по-моему, разобрался. Скажите пожалуйста, откуда берётся вот такой адрес к картинке https://gritsenko-vlad.github.io/img/email.png? Если вставить перед img название репозитория, то картинка отображается. Т.е. мне надо чтобы в пути было названия репозитория, как это сделать, не подскажите?

[iBird Rose]

Владислав Гриценко: у меня нет возможности щас ставить gulp и компилить. у тебя ошибка в самих стилях background. тобишь либо папку img перемещай туда куда прописаны твои стили. либо меня пути в стилях

Answer 3

[Лариса]

Возможный вариант проблемы адреса https://gritsenko-vlad.github.io/img/email.png

если репазиторий img и в нем лежат картинки, то надо в настройках этого репазитория открыть GitHub pages



картинки станут видимы

т.к. у вас авторизация на GitHub gritsenko-vlad этот путь и идет в адрес картинок

Может эта страница Вам поможет