GitHub Pages에서 정적 사이트를 게시하고 자체 도메인 설정

2969 단어 github-pagesGitHubGit

처음에



이번 자신의 GitHub Pages의 사이트에 이름.com에서 취득한 독자 도메인을 설정했으므로, 설정 방법을 써 가려고 생각합니다.

GitHub Pages



GitHub Pages란?



GitHub Pages는 정적 사이트를 쉽게 게시할 수 있는 GitHub 서비스입니다.

GitHub 계정 얻기



먼저 GitHub Pages를 활용하기 위해 GitHub 계정을 받습니다.

여기에서 신규 등록을 하여 계정을 만듭니다.

리포지토리 만들기



GitHub Pages는 계정에 대해 만들고 리포지토리에 대해 만들 수 있지만 이번에는 리포지토리에 대해 만들고 싶습니다.

계정을 만든 후 '+New Repository'에서 새 리포지토리를 만듭니다.



리포지토리 이름에 적절한 이름을 입력하고 Create repository에서 리포지토리를 만듭니다.



작성한 후 표시된 명령을 Mac이라면 터미널에, Windows라면 명령 프롬프트에 입력하여 리포지토리 작성은 완성입니다.

GitHub Pages 설정



그런 다음 생성한 리포지토리에 GitHub Pages를 설정합니다.
설정 방법은 gh-pages라는 브랜치를 만드는 것입니다.



gh-pages라는 리포지토리를 만들어 정적 사이트를 게시할 수 있습니다.
사이트 게시에 필요한 HTML 파일과 CNAME 파일(아래)은 모두 이 gh-pages 브랜치에 푸시합니다.

주소는{GitHubのアカウント名}.github.io/{作成したリポジトリ名}됩니다. 이번에 자신이 만든 샘플의 경우tiwuofficial.github.io/GitHubPagesSample됩니다.
다음으로 이 사이트에 자체 도메인을 설정하고 싶습니다.

고유 도메인 설정



고유 도메인 얻기



우선 이름.com이라는 사이트에서 좋아하는 독자 도메인을 취득합니다.

이번에 자신은 theimaginationwasunbroken.com이라는 도메인을 받았습니다.

DNS 레코드 설정 설정



받으면 이름 .com의 도메인 설정 탭을 열고 아래 아이콘의 DNS 관련 기능 설정을 엽니 다.



내가 받은 도메인을 체크하고 '다음으로 이동'을 엽니다.
DNS 레코드 설정 사용의 오른쪽에 "설정"버튼이 있으므로 엽니다.



"호스트 이름/TYPE/TTL/VALUE/우선/상태"를 입력하는 부분이 있습니다.
TYPE에 A가 선택되어 있는지 확인하고 VALUE에 192.30.252.153과 192.30.252.154의 총 2개를 추가합니다.

위의 IP 주소는 아래 GitHub의 도움말 페이지를 참고로 했습니다.

IP를 두 개 추가한 후 화면 하단의 확인 화면으로 이동을 열고 설정을 클릭하여 설정을 완료합니다.

CNAME 레코드 설정



DNS 레코드 설정이 끝나면 CNAME이라는 파일에 이름 .com에서 얻은 도메인만 작성하고 푸시합니다.

이제 이름 .com에서 얻은 자신의 도메인에 GitHub Pages 사이트를 연결할 수 있습니다.

끝에



GitHub Pages에서 이전부터 사이트를 공개했지만 이번에는 자체 도메인을 사용했기 때문에
설정 방법을 정리했습니다.

사이트의 공개나 독자 도메인의 설정도 간단했기 때문에 이 기회에 꼭, 독자 도메인을 설정해 보는 것은 어떨까요.

좋은 웹페이지 즐겨찾기