HTML/CSS로 만든 포트폴리오를 GitHub에 게시

소개

프로그래밍 스쿨에서 포트폴리오 사이트를 공개하는 방법을 가르쳐 주었지만 잊지 않도록하기 위해 이번 기사를 작성했습니다.

절차 1 리포지토리 생성

코드를 게시하려면 GitHub에 '리포지토리'를 만들어야 합니다.
먼저 GitHub에 액세스합니다.
htps : // 기주 b. 코m/

그런 다음 로그인이 끝나면 왼쪽 상단의 New 버튼을 누릅니다.


리포지토리 이름을 입력하고 Create repository 버튼을 누릅니다.
※리포지토리명은 「소문자의 영숫자」와 「-」로 구성하는 것을 추천합니다.
리포지토리에는 Public(공개)과 Private(비공개)의 두 종류가 있습니다.
이번에 작성한 포트폴리오 사이트는 전체에 공개하고 싶으므로, Public로 했습니다.


이것으로 리포지토리 작성이 완료됩니다.
완료 후 화면은 나중에 사용하므로 열린 상태로 둡니다.

2단계 Git 관리하기

그런 다음 게시하려는 코드를 Git 관리합니다.
게시하려는 코드가 있는 폴더로 이동합니다.
다음 명령을 순서대로 실행합니다.

git init
git add .
git commit -m "first commit"
git branch -M main
git remote add origin 「gitHubのリポジトリのURL」
git push origin main

명령이 성공적으로 실행되면 게시됩니다.

3단계 GitHub Pages를 이용하여 HTML 공개

GitHub의 리포지토리 페이지 상단 오른쪽에 있는 설정 버튼을 누릅니다.


왼쪽 메뉴에 페이지가 있으므로 그곳으로 이동합니다.


Branch에 main을 선택하고 Save 버튼을 누릅니다.


Save 버튼을 누르면 링크가 표시됩니다.
이 링크를 확인하면 게시된 포트폴리오를 볼 수 있습니다.

기타

포트폴리오가 표시되지 않을 때는

게시하려는 HTML 파일 이름이 'index.html'인지 확인합니다.
다른 파일 이름이 있으면 표시되지 않습니다.

HTML을 수정한 경우

다음 명령을 실행합니다.

git add .
git commit -m "修正内容"
git push origin main

Git 관리를 다시 실행하려는 경우

Git 관리하는 폴더로 이동하여 다음 명령을 실행합니다.

rm -rf .git