1. Github pages란?

깃허브에서 제공하는 정적웹사이트 호스팅서비스

​

2.설치 및 배포

npm i gh-pages
​

Production ready code 생성 - 코드 압축 및 최적화

npm run build

​

build 완료 후

package.json 맨 마지막줄 한칸 위의 중괄호 뒤에 콤마를 찍어주고

"homepage": "https://{깃허브아이디}.github.io/{깃레포지토리이름}"

를 작성한다

레포지토리이름은 git remote -v로 확인가능

​

"script" : {} 하단에 아래 내용 추가

"deploy": "gh-pages -d build",

"predeploy": "npm run build"

​

이제부터

https://{깃허브아이디}.github.io/{깃레포지토리이름}

주소에 접속가능

​

이후 수정 및 업데이트시

npm run deploy

입력시 수정 내용이 build되고 git hub pages에 push 된다

3. 주의사항

깃허브 페이지에 배포시 이미지 파일의 경로들을 아래와 같이 배포된 주소의 경로로 변경해주어야 한다.

<img src='https://{깃허브아이디}.github.io/{깃레포지토리이름}/images/images.png' alt='' />