CSS не загружается для страниц GitHub

Question

У меня есть сайт, опубликованный на страницах GitHub:

https://safelyswift.github.io/Swizzle/

Я хочу использовать docs/css/style.css в моем index.html файле. Я попытался использовать полный URL-адрес, необработанный URL-адрес GitHub и сокращенный URL-адрес, но ни один из них не работает.

т.е.: я пробовал много вариантов в этой строке:

<link rel="stylesheet" href="https://github.com/SafelySwift/Swizzle/blob/master/docs/css/style.css">

<link rel="stylesheet" href="/Swizzle/docs/css/style.css">

<link rel="stylesheet" href="https://raw.githubusercontent.com/SafelySwift/Swizzle/master/docs/css/style.css">

но никто не работает.

Получение ошибки:

Did not parse stylesheet at 'https://github.com/SafelySwift/Swizzle/blob/master/docs/css/style.css' because non CSS MIME types are not allowed in strict mode.

в консоли отладки Safari.

Answer 1

Вы должны установить ссылку на css/style.css, что меньше https://safelyswift.github.io/Swizzle/css/style.css, поскольку корневой каталог вашей страницы GitHub - /docs.

Причина, по которой «https://github.com/SafelySwift/Swizzle/blob/master/docs/css/style.css" не работает», заключается в том, что эта ссылка фактически ведет на страницу предварительного просмотра кода GitHub. Это не допустимый файл CSS, а страница HTML со множеством функций GitHub (предварительный просмотр, журнал фиксации, история, и т.д.) Но "https://safelyswift.github.io/Swizzle/css/style.css" обслуживается GitHub Page, поэтому эта ссылка содержит только чистый CSS-файл, который действителен.

Чтобы увидеть разницу между этими файлами. Просто перейдите по этой ссылке в браузере и щелкните правой кнопкой мыши на своей странице, чтобы увидеть исходный код. Вы можете видеть то, что видит ваш браузер там.

Answer 2

Попробуйте: <link rel="stylesheet" href="css/style.css">