CSS - 리소스를로드하지 못했습니다. 서버가 404() 상태로 응답했습니다.

저는 Github.io에서 호스팅하는 간단한 웹 사이트를 온라인으로로드하려고합니다. 그러나 HTML & CSS 스크립트를 문제 해결하고 디버깅하는 데 수없이 많은 노력을 기울인 후에도 내 웹은 여전히 CSS 파일을로드 할 수 없었습니다. 정말 신비스럽고 까다로운 이유가있었습니다. CSS - 리소스를로드하지 못했습니다. 서버가 404() 상태로 응답했습니다.

은 내가 먼저 넣어 나의 CSS 파일이 아니라 상대 경로보다는 절대 경로에 넣어 맹세, 그래서이 원인 인 경우 나 자신을 분쇄됩니다
은 오해하지 마세요 오류.
얼마 지나지 않아서 stackoverflow에 게시 된 유사하거나 관련있는 문제를 살펴 보았습니다. 일부는 액세스 권한이 이유 일 가능성이 있다고 제안했지만 CSS 파일의 내 디렉토리

는 chmod -R 777

하지만이 명령이 적용되지 않습니다뿐만 아니라 사촌 해결 표시되지 않습니다, 나는 루트 레벨

에서 실행 didnt는

크롬과 사파리 모두에서이 웹을 검사했으며 style.css은로드 할 수 없으므로 비어 있습니다.

지금, 나는 당신의 "마술"도움을 기다리는 것을 기다리고 있습니다. 이미 최선을 다해 보았으나 도움을 주신 것에 진심으로 감사드립니다. 다음은 파일이로드되지 않은 HTML 링크 태그 줄입니다. 당신의 _css 디렉토리가 루트에있는 경우

<head> 
.... 

    <link rel="stylesheet" href="./_css/style.css"> 
</head>

출처

2017-09-17 Goldie

우리가이 정보와 스크린 샷을 도울 수있는 방법이 있다고 생각하지 마십시오. HTML 및 CSS 파일에 대한 링크를 제공 할 수 있습니까? –

내 대답은 아마도 호스트의 실제 파일 구조 대신 크롬/사파리에서 작동하지 않는 것을 기반으로했을 것입니다. 그렇다면 더 많은 정보가 게시 될 때 내 대답을 더 유용하게 업데이트 할 것입니다. –

, 당신의 CSS 링크는 슬래시로 시작해야합니다

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

그러나 디렉토리 _css의 이름을 지정하는 것은 문제가 될 수 있습니다. 기본적으로 Github Pages은 2 가지 옵션이 있습니다 파일과 내가 생각 does not publish files/directories having _ prefix.

를 처리하는 Jekyll 웹 사이트로 사이트를 취급 : 당신이 지킬 대해 모르는 경우

을 당신은을 생성하지 않습니다 지킬 사이트에서 루트에 .nojekyll ~ bypass Jekyll processing이라는 파일을 넣습니다.
_css에서 css으로 디렉토리의 이름을 바꾸고 <link> 태그도 수정하십시오.

출처

2017-09-17 22:39:09 juzraai

예, 나는 지킬을 진지하게 다루지 않았습니다. 내가 이것을 시도하자. @juzraai에게 감사하십시오 – Goldie

당신은 오늘의 구세주 야 !!그 고쳐서뿐만 아니라 당신의 설명에서 중요한 것들을 배웠습니다. Jekyll 처리를 우회하는 트릭은 너무 멋지다! – Goldie

도와 주셔서 감사합니다. :) 또한 사이드 노트 : 지킬에 익숙해지기를 강력히 권장합니다. 정적 웹 사이트를 만드는 데 많은 도움이 될 수 있습니다. :) – juzraai

CSS - 리소스를로드하지 못했습니다. 서버가 404() 상태로 응답했습니다.

답변

관련 문제