Страницы Github, bootstrap css удаленно: не удалось загрузить ресурс: сервер ответил статусом 404 (не найдено)

Question

У меня есть настроенный сайт начальной загрузки, который я нажимаю на страницы github. Локально это работает очень хорошо, никаких проблем, но когда онлайн стиль грязный и эти сообщения появляются на консоли:

Failed to load resource: the server responded with a status of 404 (Not Found) https://nickname.github.io/repo/vendor/font-awesome/css/font-awesome.min.css Failed to load resource: the server responded with a status of 404 (Not Found) 

в моем коде CSS объявляется следующим образом:

<link href="vendor/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css"> 

Почему локально работает, а не удаленно?

Answer 1

Похоже, вы используете Jekyll для своей страницы GitHub. Что касается Jekyll 3.3 от Nov 2016, the vender folder is ignored.

Jekyll теперь игнорирует каталоги поставщика и node_modules по умолчанию.

Вы можете переименовать папку vender на некоторое имя, как libs и ссылаться на новый путь, или следовать Джекил suggestion

Если вам нужно эти каталоги включены в вашем сайте, установить исключение: [] в файле конфигурации вашего сайта.

Надеется, что это помогает :)

Answer 2

Если вы уверены, что путь с CSS не является пустым на сервере, Вы должны использовать ~/ в HTML HREF, позвольте мне объяснить

1. /- href="vendor/font-awesome/css/font-awesome.min.css" - это корень сайта

2. ~/- href="~/vendor/font-awesome/css/font-awesome.min.css" -Он корневой каталог вашего приложения

/ должен вернуться корень сайта (https://nickname.github.io/repo/vendor/font-awesome/css/font-awesome.min.css),

~/ должен вернуть корень приложения (https://nickname.github.io/ROOTDIR/repo/vendor/font-awesome/css/font-awesome.min.css).

Answer 3

Спасибо всем. Проблема заключалась в том, что недавно Github обновился до Jekyll v3.3, который по умолчанию игнорирует файлы, созданные по заказу. Поскольку я не использовал Jekyll для моего сайта Pages, мне пришлось добавить файл .nojekyll в корень моего репозитория, чтобы отключить Jekyll от создания моего сайта. Как только я это сделал, мой сайт был создан с моими файлами без проблем.