GitHub.io
GitHub.io는 GitHub Pages에서 무료로 제공하는 도메인입니다. 간단한 설정과 자동 배포의 편리함으로 주로 프로젝트 문서, 포트폴리오, 개인 블로그 등을 쉽게 호스팅할 수 있도록 도와줍니다.
이제 GitHub.io를 사용해 봅시다!
1. 저장소 생성 (GitHub.io)
GitHub 홈페이지에 들어가서 Your repositories를 클릭합니다. 초록색 NEW 버튼을 클릭하면 다음과 같은 페이지가 보일 겁니다.
노란색으로 표시된 Repository name에 username.github.io 이름을 입력합니다. 여기서 username은 당신의 GitHub 사용자 이름입니다.
그리고 아래에 있는 Add a README file을 선택하는 이유는 로컬에서 파일을 쉽게 업로드할 수 있게 하기 위함입니다 (커밋 없이).
이렇게 레포지토리를 만들었습니다. 이제 GitHub.io가 제대로 작동하는지 확인해봅시다.
웹브라우저 주소창에 username.github.io를 입력하면 페이지가 보일 것입니다!
2. 도메인 연결
이제 GitHub.io를 만들었으니, 나만의 포트폴리오, 문서 등 다양한 작업을 할 수 있습니다.
저 같은 경우는 포트폴리오 용도로 사용하기 위해 GitHub.io를 사용했는데, 도메인이 마음에 들지 않아서 이전에 구입한 도메인을 적용해 보기로 했습니다.
먼저, 가비아(도메인 구입 사이트)에서 도메인을 구입하세요!
노란색으로 표시된 부분에 원하는 도메인 주소를 검색 후 구입하세요!
도메인을 구입했으면 이제 DNS 설정 페이지로 이동하겠습니다.
노란색으로 표시된 MY가비아 버튼을 클릭합니다.
도메인 1건을 클릭하세요.
클릭하면 아래와 같은 페이지로 이동하게 됩니다.
오른쪽에 있는 관리 버튼을 클릭합니다.
이렇게 페이지가 나오면 DNS 정보를 클릭합니다. 거의 다 왔습니다!
여기서 이제 가운데 위에 있는 DNS 관리 버튼을 클릭합니다.
노란색으로 표시된 체크박스를 먼저 선택한 후 DNS 설정을 클릭합니다.
레코드 추가 버튼을 클릭한 후 다음과 같이 설정해 주세요. GitHub.io의 주소 확인이 필수입니다!
그리고 꼭 DNS에 A 레코드를 추가해 주세요!
185.199.108.153
185.199.109.153
185.199.110.153
185.199.111.153위 4개의 IP는 GitHub Pages의 IP 주소입니다. 연결을 위해 사용되니 복사해서 넣어 주세요!
GitHub Pages의 IP 주소에 대해 의문이 생긴다면 깃허브 문서를 클릭해주세요.
이렇게 모든 내용을 실행했다면 이제 GitHub로 돌아갑시다!
3. GitHub Pages 저장소로 접속해 커스텀 도메인 입력
처음에 만든 GitHub.io 레포지토리로 들어갑니다.
노란색으로 표시된 Settings 버튼을 클릭합니다.
Pages로 이동하면 위 페이지로 이동하게 되는데 Branch에서 main / (root) 인 것을 확인하고
Custom domain에서 구입한 도메인을 입력 후 SAVE 버튼을 누르고 잠시 기다리면 DNS Check in Progress라는 내용이 나오면 성공입니다!
