내가 만든 사이트를 Github pages에 배포해보자!
나는 Vue3 으로 개발한 사이트로 예를 들어볼것이다.
프로젝트의 개발이 끝나면 npm run build 명령어를 통해 build 해준다.
build가 완료되면 docs라는 폴더가 생기게 되는데 이 폴더를 git에 푸시한다.
깃허브의 소스가 있는 레포지토리에서 'Settings' 를 클릭한다.
그 후 왼쪽 메뉴에서 'Pages'를 클릭한다.
Build and deployment - Branch 영역에서 branch는 main, 폴더는 docs를 선택한 후 'save' 버튼을 클릭한다.
약간의 시간을 기다리면 페이지 상단에 이렇게 url이 나온다.
url은 https://github아이디.git.io/repository명/ 이렇게 생성된다.
이렇게 하면 배포 끝! 나만의 사이트가 생성된다.
만약, url을 들어갔는데 흰 화면만 뜨고 404에러가 뜬다면
vite.config.js 나 vue.config.js 등의 파일에서 path설정등이 제대로 되어있는지 확인해보자.
내가 보려고 올리는 개발 일지