GitHub 소스 코드를 웹페이지로 게시하는 단계(GitHub Pages)

GitHub에는 서버를 직접 준비하지 않고도 웹페이지를 게시할 수 있는 'GitHub Pages'라는 기능이 있습니다. 지금까지는 gh-pages라는 별도의 분기를 만들어 소스 코드를 푸시해야했습니다. 하지만 오늘(2016/08/18) 구현된 새로운 기능으로 master 브랜치만으로 웹페이지를 공개할 수 있게 되었습니다.
이 항목에서는 구체적인 설정 절차를 소개합니다.

절차


master 브랜치에서 "docs"폴더를 만듭니다. 이 폴더에 게시할 웹페이지의 소스 코드를 넣습니다.

master 브랜치를 푸시합니다.
GitHub의 리포지토리 페이지에서 설정 > 페이지로 이동합니다.
[Source] 부분에서 "Branch: main", "/docs"폴더를 지정합니다.

[Save]를 누르면 아래 그림의 빨간색 프레임 부분에 게시된 웹페이지의 URL이 표시됩니다. URL은 https://(ユーザー名).github.io/(リポジトリ名)/입니다.

URL을 방문하면 docs 폴더 아래에 웹 페이지를 볼 수 있습니다. 샘플 페이지를 게시했습니다.
■ 리포지토리
htps : // 기주 b. 코 m / 돈코 츠보 y / 16018_myP 로지 ct
■ 공개 웹 페이지
htps : // 돈코츠보 y. 기주 b. 이오/16018_myP로지ぇct/

▲ 공개 웹 페이지 캡처
HTML, CSS, 이미지 파일, JavaScript(콘솔 로그를 출력하고 있습니다)가 올바르게 반영되어 있는 것을 알 수 있습니다.

메인 브랜치로 작업할 수 있는 것이 매우 편리합니다.


서버를 별도로 준비하지 않고 웹페이지를 공개할 수 있는 GitHub Pages 기능은 편리했지만, 지금까지 별도의 브랜치 gh-pages로 작업해야 했고, master 브랜치와의 차이를 병합하는 것이 번거로웠습니다. . 이번의 새로운 기능에 의해, 최신 파일을 main 브랜치로 관리할 수 있게 되어, 편리성이 높아졌습니다.
부디 이용해 주십시오.

좋은 웹페이지 즐겨찾기