HTML을 github를 이용하여 웹 호스팅하기

안녕하세요. 오늘은 사용자가 작성한 .html 파일을 github를 통해 웹 호스팅 하는 방법에 대해 알아보겠습니다.

 

1. github홈페이지를 들어가고 로그인을 합니다.

GitHub

GitHub: Let’s build from here

 

 

 

2. 좌측 상단의 New버튼을 눌러줍니다. 빈칸들을 아래의 그림을 보고 채워주시면 됩니다.

 

 

3. Add file 버튼을 눌러 각자 해당하는 항목을 보고 원하시는것을 눌러주시면 됩니다. 저는 파일을 가져오겠습니다.(Upload files)

 

4. 파일을 올려주시면 됩니다. 그 후 Commit changes를 눌러줍니다.

 

5. 상단의 Setting을 눌러주고 Pages를 눌러줍니다.

 

 

6. 그 후 페이지 중앙의 None 부분을 main으로 바꾸주고 Save를 눌러줍니다.

 

7. 페이지 생성에 시간이 대략 10분정도 걸리니 잠시 기다려줍니다.

 

8. 다시 Setting에 Pages에 들어가면 Your site is live at " ~~"라는 문구가 보입니다. 문구를 클릭하면 웹 페이지가 호스팅되어 나오게 됩니다.

 

 

 

9. 마지막으로 자신이 아까 추가한 코드파일에 대한 결과값을 알고 싶다면 위의 생성된 url주소에 자신이 추가한 코드파일의 이름을 붙여서 접속해주시면 됩니다.

 

예를들어   basic.html파일을 추가했고 Your site is live at " https://ABC/"라면 https://ABC/basic.html을 작성하여 접속하여 주시면 됩니다.

 

 

 

 

이렇게 자신이 작성한 html코드를 통해 웹 호스팅 하는 방법에 대해 알아봤습니다!!

 

감사합니다!!