Programming/Git

[Github] Github page 기능을 통한 웹 사이트 운영

728x90

 

 

포트폴리오와 TIL 를 위한 웹 사이트를 제작하기로 했습니다.

Github를 웹 호스팅으로 이용하기로 했고 그 방법을 소개하겠습니다!


 

 

 

1. Repository 를 생성

 

2. index.html 파일을 생성

웹 사이트의 메인 페이지로 사용될 파일입니다.

저는 Hello라는 텍스트만 담은 파일로 생성했습니다.

 

3. Github Pages 설정

Settings > GitHub Pages > Source 에서 None을 클릭하여 master branch 를 선택하고 Save!

Settings 에 들어가서 아래로 쭉 내리면 찾을 수 있습니다.

Save하면 index.html 이 자동으로 웹 사이트의 소스로 공개됩니다.

 

 

4. 생성된 링크를 통해 웹 사이트로 들어갈 수 있습니다.

index.html 이 이 웹 사이트의 메인 페이지로 자동 설정됩니다.

적용되기까지 시간이 좀 걸리는 경우도 있습니다..!

 

 

 

url 뒤에 index.html 을 붙이면 바로 해당 화면으로 들어갈 수 있습니다.

제 index.html 파일에는 Hello라는 텍스트가 들어있기 때문에,

다음과 같은 화면을 확인할 수 있습니다.

 

🍀 완성 🍀

 

이제 자신이 가진 웹 페이지 제작 스킬로 페이지를 꾸며주면 됩니다 🙌

 

 

728x90