[GitHub] GitHub Pages 사용법

안녕하세요 꼬바리입니다.

Github Pages 란 무엇인가?

Github Pages 는 Github 저장소의 내용을 웹페이지로 만들어 주는 서비스이다.

Github 저장소의 내용을 직접 웹페이지를 통해서 보여줄 수 있다는 것이다.

간단하게 말하자면, 무료로 웹 서버를 구축할 수 있다.

아래와 같은 URL 형태를 경험해봤을 것이다.

https://username.github.io

---

VS Code 로 git pages만들기

 

 

1. vs code 에 터미널을 켜준다. 

npm i gh-pages

입력 후 설치

i => install

 

 

 

2. package.json 파일 설정

   아래에 homepage 입력 #주의사항 마지막 슬래쉬 써줄것

"homepage": "http://깃허브아이디.github.io/프로젝트명/"

 

 

 

 

 

3. package.json 파일에 scripts 추가

  "deploy" : "gh-pages -d build",
  "predeploy": "npm run build"

 

4. 터미널에서 npm run build  실행

npm run build    

 

 

실행하면 위처럼 build 폴더 생성된다.

 

홈페이지 접속하면 깃허브 이용 무료 서버 완성