3. 웹 사이트 배포를 위한 GitHub 페이지 구성

사용자 지정 도메인을 획득하여 이 시리즈의 초기 단계를 수행한 이후로 긴 프로세스였습니다. 당신이 그것을 놓친 경우 기사를 읽을 수 있습니다.

이 문서에서는 GitHub Pages를 사용하여 사용자 지정 도메인에서 프로젝트를 호스팅하도록 GitHub 리포지토리를 구성하는 방법을 살펴봅니다.

GitHub 페이지를 구성하려면 아래 지침을 따르십시오. GitHub 페이지에 대한 자세한 내용은 찾을 수 있습니다here. 사용자 지정 도메인here을 설정하는 방법을 배울 수 있습니다.

구성 단계

저장소 설정 페이지로 이동하여 Pages 아래의 Code and automation.를 클릭합니다.

GitHub 페이지로 웹 사이트 구축을 시작하려면 소스 분기를 선택하십시오. 이를 위해 deployment라는 새 분기를 사용하고 있습니다. 인터넷에서 찾을 수 있는 많은 자습서는 분기 이름gh-pages.을 사용합니다.

www.<your-domain-name>.<domain-name-ending> 영역에 하위 도메인custom domain을 입력할 수 있습니다.www.testsite.net, 예를 들어.

사이트에 대한 트래픽 변조를 방지하는 암호화 레이어를 제공하려면 도메인에서 HTTPS를 활성화해야 합니다. 이것이 시행되는 경우 귀하의 웹사이트는 HTTPS를 통해서만 제공됩니다. 자세한 내용은 here에서 확인할 수 있습니다.

좋습니다. GitHub 구성이 끝났습니다. 그런 다음 아래 단계에 따라 Google Domains에서 DNS 설정을 구성하세요.

참고: 다른 도메인 공급자를 사용한 경우 DNS 공급자가 제공한 지침에 따라 웹 사이트에 대한 DNS 레코드를 구성해야 합니다.

Google Domains에서 DNS 레코드 구성

맞춤 도메인을 관리하려면 Google Domains 계정에 로그인하세요.

왼쪽 메뉴에서 DNS를 선택하여 GitHub 페이지에 대한 사용자 정의 레코드를 구성할 수 있는 DNS 설정 페이지에 액세스합니다.

GitHub 페이지를 가리키는 하위 도메인에 대한 CNAME 레코드를 만듭니다.
예를 들어,

Host name: www.testsite.com
Type: CNAME
Data: <your-username>.github.io.

github 페이지를 가리키는 apex 도메인에 대한 A 이름 레코드를 생성합니다.
예를 들어,

Host name: testsite.com
Type: A
Data: 185.199.111.153

사용자 지정 도메인을 확인하려면 GitHub로 돌아갑니다. 모든 것이 잘 진행되면 다음을 볼 수 있습니다.

자, 이제 배포를 자동화하는 마지막 단계인 .