본문 바로가기
HTML CSS JS

[HTML+CSS] 코코아톡 클론 코딩 #3 Github Page

by 꿈나무 김땡땡 2020. 3. 8.

수업

https://academy.nomadcoders.co/courses/enrolled/203015

 

코코아톡 프런트엔드 클론 코딩

코코아톡 프런트엔드를 클론코딩 합니다. (초급. HTML, CSS)

academy.nomadcoders.co

 

깃허브 페이지 만들기

  • 깃허브 페이지를 만들어서 웹사이트를 공유할 수 있습니다.

 

과정

  1. github desktop > new branch > name : gh-pages (branch명은 항상 gh-pages 여야 한다.)
  2. publish branch
  3. github.com/id URL로 접속 (id = 개인의 아이디)
  4. username.github.io/nameOfTheProject (이 경우 nameOfTheProject=kakao-clone)

TIP

  • 참고로 소스코드를 변경하려면 꼭 브랜치를 master로 바꾸고 push 하세요! > 그 후 branch -> update from master 클릭 > branch push again.
  • index.html 파일이 있어야 gh-pages를 만들 수 있어요.
  • images 폴더와 css 폴더는 소문자로 만들어져야 해요.

 

예제 URL

https://grace-kimm.github.io/kakao-clone/more.html

 

More | Kakao Clone

13:56 100%

grace-kimm.github.io

 

댓글