GitHub 소스 코드를 웹페이지로 게시하는 단계(GitHub Pages)
2005 단어 HTMLGitHubgithub-pages웹
이 항목에서는 구체적인 설정 절차를 소개합니다.
절차
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 브랜치로 관리할 수 있게 되어, 편리성이 높아졌습니다.
부디 이용해 주십시오.
Reference
이 문제에 관하여(GitHub 소스 코드를 웹페이지로 게시하는 단계(GitHub Pages)), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://qiita.com/tonkotsuboy_com/items/f98667b89228b98bc096
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
서버를 별도로 준비하지 않고 웹페이지를 공개할 수 있는 GitHub Pages 기능은 편리했지만, 지금까지 별도의 브랜치 gh-pages로 작업해야 했고, master 브랜치와의 차이를 병합하는 것이 번거로웠습니다. . 이번의 새로운 기능에 의해, 최신 파일을 main 브랜치로 관리할 수 있게 되어, 편리성이 높아졌습니다.
부디 이용해 주십시오.
Reference
이 문제에 관하여(GitHub 소스 코드를 웹페이지로 게시하는 단계(GitHub Pages)), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://qiita.com/tonkotsuboy_com/items/f98667b89228b98bc096텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)