[HTML/CSS] github hosting

[HTML/CSS] github hosting

HTML의 태그와 CSS 선택자, 속성을 정리하고 대강 페이지를 만들어보았다.

한 장 짜리 HTML 문서이지만, HTML/CSS를 모르는 사람에게도 보여주고 싶다면,

Hosting을 해야 한다.

 

---

github는 commit한 자료들을 hosting 해주는 써어비스를 해주고 있다.

---

git 활용법을 어제 대강 습득한 나는 두 가지 지식을 융합시켜보고자 호스팅 방법을 탐구하였다.

 

커밋을 마치고 push를 하면 위와 같이 repository에 파일들이 저장된다.

이 때 주의할 것은, html 파일의 경우, index.html 파일이 꼭 있어야 한다.

브라우저는 이 파일을 우선적으로 읽고 나머지 html 파일을 들여다보는데, 이것이 없다면

404 not found를 만나게 된다.

 

아무튼 이렇게 푸시를 했다고 치고,

그 다음, Settings 탭을 누른다.

 

 

pages는 이 repository를 호스팅 할 지를 결정하는 곳이다.

None으로 되어 있는 곳을 클릭하고, master 또는 main을 선택한다.

 

이것은 repository의 default branch를 보고 선택하면 된다.

 

master이니까 이 브랜치를 선택하면 된다.

이런식으로 나오게 되는데, 

Your site is ready to be published at ~~~~

옆의 링크를 눌러보면 페이지가 보일 것이다.

 

 

 

 

어 안되는데요...?

404를 만나면 당황하지 말고, 다음의 경우를 생각해보면 된다.

 

• index.html 파일이 없다 -> 파일을 추가하거나 파일의 이름을 변경하자.
• source branch가 default branch가 아니다. -> 바꾸고 다시 save를 하자.
• save 한 지 1분이 채 안됐다. -> 조금만 더 기다리자.
• 위의 경우가 아니다. -> 아래의 블로그를 참조해보자.

 

 

https://mebadong.tistory.com/51

[GitHub Pages] GitHub Pages 404 에러가 뜰 때