깃 허브 페이지 404 - gis heobeu peiji 404

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


1. New repository

깃 허브 페이지 404 - gis heobeu peiji 404

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

깃 허브 페이지 404 - gis heobeu peiji 404

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

  • 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

깃 허브 페이지 404 - gis heobeu peiji 404
Settings > Pages
깃 허브 페이지 404 - gis heobeu peiji 404
main 클릭
깃 허브 페이지 404 - gis heobeu peiji 404
Save 클릭
깃 허브 페이지 404 - gis heobeu peiji 404

사이트가 완성되었다.

깃 허브 페이지 404 - gis heobeu peiji 404
링크 클릭시 연결이 된 것을 확인할 수 있다.

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

깃 허브 페이지 404 - gis heobeu peiji 404

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

your_name.github.io/repository_name/index.html

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

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