[Github Pages] - Github Pages로 내가 만든 웹 페이지 호스팅하기

GitHub Pages는 GitHub에서 제공하는 정적 웹 사이트 호스팅 서비스이다.

이 서비스를 사용하면 사용자가 만든 웹 사이트를 무료로 호스팅할 수 있다.

 

 

1. GitHub 계정 생성 및 저장소 생성

 

먼저 GitHub 계정을 생성하고, 웹 사이트를 호스팅할 새로운 저장소를 생성한다. 저장소 이름은 반드시 "username.github.io"로 설정해야 한다. 여기서 "username"은 사용자 이름이다.

 

2. 로컬 컴퓨터에 Git 설치 및 저장소 클론
Git을 사용하여 저장소를 로컬 컴퓨터로 클론한다. 이를 위해 Git을 설치해야 한다. 설치가 완료되면 명령 프롬프트 또는 터미널에서 다음 명령어를 입력하여 저장소를 클론한다.

 

git clone https://github.com/username/username.github.io.git

 

3. 웹 사이트 파일 생성
호스팅할 웹 사이트 파일을 생성한다. 이때 HTML, CSS, JavaScript 등의 프로그래밍 언어를 사용하여 웹 사이트를 제작할 수 있다.

 

4. 로컬 저장소에 파일 추가
로컬 저장소에 웹 사이트 파일을 추가한다. 이를 위해 다음 명령어를 입력한다.

 

git add .

 

5. 커밋 생성
변경된 파일을 커밋한다. 이때 커밋 메시지를 추가한다.

 

git commit -m "Add my first file"

 

6. 원격 저장소에 커밋 푸시
커밋한 내용을 원격 저장소에 푸시한다. 이를 위해 다음 명령어를 입력한다.

 

git push origin master

 

7. GitHub Pages 활성화

 

저장소 설정에서 GitHub Pages를 활성화합니다. 이를 위해 다음 단계를 수행한다.

저장소 페이지로 이동한다.

"Settings"를 선택한다.

"Pages"를 선택한다.

"Source"에서 "master branch" 또는 "main branch"를 선택한다.

"Save"를 클릭한다.

이제 GitHub Pages를 통해 호스팅된 웹 사이트에 접속할 수 있다. 다음 URL을 사용하여 접속할 수 있다.

 

https://username.github.io

 

위와 같이 GitHub Pages를 사용하여 웹 사이트를 호스팅할 수 있다. 이제 웹 사이트를 수정할 때마다 위 과정을 반복하여 변경된 내용을 반영할 수 있다.

 

상단 내용은 ChatGPT가 작성한 것이며, OpenAI의 GPT-3.5 모델을 기반으로 합니다. 해당 내용은 ChatGPT의 개인적인 경험과 지식을 바탕으로 작성된 것이며, 참고용으로만 활용해주시기 바랍니다.

 

실습 결과는 아래와 같다.

 

 

OG 태그가 잘 적용된 것을 확인할 수 있다.

 

https://sjwoo1999.github.io/ 

멋쟁이사자처럼 화이팅:)