[github] 홈페이지 만들기 (github pages, 웹 호스팅) | github pages 404 오류

github를 이용해서 무료로 웹 호스팅을 하는 방법을 알아보자.
회원 가입을 하고 계정이 있다는 가정 하에 진행한다.

 

---

 

1. New repository

 

 

github 홈페이지에 들어가서 상단에 +를 클릭 해서 보이는 New repository를 클릭한다.

 

 

 

들어가보면 사진과 같은 화면이 뜨는데,

• Repository name: 리포지토리 이름이다.
  반드시 {사용자이름}.github.io로 정하라고 하지만 안해도 크게 상관은 없을 것 같다.
  그러나 제대로 작동하지 않을 수 있다는 내용이 있기에 안전하게 이름을 정하는 것도 방법이다.
• Description: 선택사항으로 내 리포지토리에 대한 설명을 간략하게 붙인다.
• Public or Private: 공개 or 비공개
• Initialize this repository with: 해도 되고 안해도 됨, 어차피 지금 체크 안해도 나중에 생성 가능하고 Choose a license는 나의 상황에 맞추어 체크

모두 작성했다면 Create repository를 클릭한다.

 

---

 

원격 저장소와 로컬 저장소를 연결 🧤

처음 리포지토리를 만들면 깃헙이 잘 설명해주니 그대로 따라하면 된다.
깃헙 설명이 안나오는 분들을 위해 동일한 내용을 적어둔다.

바탕화면에 폴더 하나를 만들어주고 에디터 프로그램에서 열어준 뒤,

echo "# {리포지토리명}" >> README.md
git init
git add README.md
git commit -m "first commit"
git branch -M main
git remote add origin https://github.com/{사용자명}/{리포지토리명}.git
git push -u origin main

순서대로 따라하면 원격 저장소와 연결된다.

 

---

 

2. Settings

 

Settings > Pages

main 클릭

Save 클릭

사이트가 완성되었다.

 

링크 클릭시 연결이 된 것을 확인할 수 있다.

 

---

 

github pages 링크 클릭시 404 에러가 뜰 때

 

 

1. index.html 붙여서 접속하기

your_name.github.io/repository_name/index.html

 

2. 파일 추가하지 않은 채 빈 내용 커밋

git commit --allow-empty -m "rebuild"
git push origin master