Github pages 기능으로 웹페이지 배포하기

snooby·2023년 4월 7일
0

🔫 자잘부리 cs 팁

목록 보기
41/42
post-thumbnail
post-custom-banner

Github pages란

github에서 제공하는 정적 웹페이지 호스팅 서버로 포트폴리오 사이트와 같이 간단한 사이트를 만드는데 활용됩니다.

Web Source 만들기

템플릿을 다운받으셔서 간단하게 시작하실 수도 있고
https://html5up.net/photon

저는 Chat GPT를 사용하여 웹사이트를 만들었습니다.
Source Git 주소입니다.
https://github.com/baebae-dev/GPT_web

Source Git upload

먼저 git에서 repository를 만드신 후 만드신 레포지토리에 올려보도록 하겠습니다.

git init
git remote add origin {git 주소}
git add .
git commit m "first commit"
git push


이렇게 소스를 올리신 후

Pages 생성

settings > pages 메뉴에 들어갑니다.

그 후 Build and deployment 아래 Branch 에서 브랜치를 main으로 지정 후 save하시고
5분 정도 기다리시면 맨 위칸에 다음처럼 link가 뜹니다.

마무리

모두들 github pages를 활용하여 자신만의 웹페이지를 만들어보아요 ㅎㅎ
저의 포트폴리오 페이지 입니다.
https://baebae-dev.github.io/GPT_web/

유투브 구독까지 해주시면 감사드립니다 🤍

profile
DevOps 🐥
post-custom-banner

0개의 댓글