본문 바로가기
IT/Git

github에 호스팅 하는 방법

by 뉴코딩맨 2023. 3. 1.
github를 사용해서 무료로 정적 웹사이트를 호스팅 할 수 있습니다. 서버 설정 없이 파일을 업로드하고 github pages 설정을 하면 url이 생성이 되고 클릭을 하면 호스팅 된 결과를 볼 수 있습니다.
 

github repo 생성하기

 

repo-생성
repo-생성

 

create repository 버튼을 눌러서 github repo를 생성합니다.

 

index.html 파일 업로드 하기

 

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body>
    My website
  </body>
</html>

 

git init
git add index.html
git commit -m "add index.html"
git branch -M main
git remote add origin git@github.com:아이디/test.git
git push -u origin main

 

index.html 파일을 생성하고 github repo에 업로드를 합니다.

 

github pages 설정하기

 

settings-클릭
settings-클릭

 

settings 메뉴를 클릭합니다.

 

Pages-클릭
Pages-클릭

 

Pages 메뉴를 선택합니다.

 

호스팅-설정
호스팅-설정

 

index.html 파일을 업로드한 브랜치를 선택하고 기본폴더는 /root 선택을 하고 Save 버튼을 클릭합니다.

 

url-생성
url-생성

 

 

호스팅-결과
호스팅-결과

 

몇 분 기다린 후에 해당 페이지를 새로고침 하면 url이 생성되고 클릭을 하면 호스팅 된 웹 페이지를 볼 수 있습니다.

'IT > Git' 카테고리의 다른 글

github 초대하는 방법  (0) 2023.03.03
Gist GitHub 사용법  (0) 2023.03.02
git pull  (0) 2023.02.24
git fetch  (0) 2023.02.22
git switch 명령어로 원격 저장소에 있는 브랜치를 가져오는 방법  (0) 2023.02.22

댓글