깃허브로 웹사이트 만드는 방법

1. 깃허브 로그인

https://github.com/

GitHub: Let’s build from here

깃허브에 들어가 로그인해 줍니다. 로그인하는 방법은 간단합니다.

 

 

1. 레파지토리 만들기

오른쪽 위에 + 버튼을 눌러 New repository를 선택해 줍니다.

 

Repository named에 원하는 이름을 넣어 줍니다. 웹사이트를 만들고 나면 주소가 https://<username>.github.io/<Repository named>/ 가 됩니다.

공개 설정은 공개로 하면 다른 사람도 해당 주소로 들어와 볼 수 있습니다. 모든 설정을 완료하셨다면 Create repository를 눌러줍니다. 레파지토리 생성이 완료됩니다.

 

2. html 파일 업로드

레파지토리 생성이 완료되었으면 레파지토리에 웹사이트 파일을 올려야 합니다. uploading an existing file을 눌러 파일 업로드하러 가야 합니다.

 

index.html

0.00MB

임시로 index.html 파일을 업로드해 줍니다.

파일을 업로드하셨다면 commit changes를 눌러 레파지토리에 파일을 업로드해 줍니다.

 

3. 웹호스팅 페이지 만들기

다시 레파지토리로 가서 Settings - Pages - branch - main - save 순서대로 선택해 주면 페이지 생성이 완료됩니다. 페이지 생성 과정을 보고 싶다면

 

4. 페이지 생성 과정 보기

Actions - pages build and deployment를 클릭해 줍니다. Actions탭은 레파지토리에서 작업 과정을 보여주는 탭입니다.

 

Jobs에 build 등등 여러 과정이 진행 중인 것을 볼 수 있습니다.

 

다 완료가 되었다면 deploy 밑부분에 우리가 만든 웹사이트를 볼 수 있는 사이트 주소가 나옵니다.

 

5. 만든 페이지 보기

페이지를 클릭해 위 사진처럼 나온다면 성공입니다. 감사합니다.