개발자 포트폴리오

[포폴] Github Pages : 깃허브로 포트폴리오 연동하기

developer of the night sky 2023. 10. 13. 16:17

1. 포트폴리오용 레포지토리 생성한다.

 

2. github push

웹 페이지를 구현한 코드를 github에 올린다.

git clone 레포지토리 주소 .
git add .
git commit -m 'init'
git push origin main

 

github에 잘 올라갔는지 확인한다.

 

3. Settings - Pages 접속

 

 

4. Branch 변경

기존 none에서 main으로 변경한다.

 

5. 서비스 페이지 완성

https://heosukyeong.github.io/portpolio/

주소는 https://(깃허브 name).github.io/(레포지토리 이름)/ 으로 생성된다.

 

주의

코드 수정 후 페이지 반영에 속도가 느리다.

코드를 다 완성 후 커밋하는 것이 좋다.

 

 


+) 디자인 - 템플릿 사용하기

  • 디자이너가 만든 템플릿을 사용하면 완성도가 높아보인다.
  • html5 template, javascript template, jquery template, reponsive web template 등으로 검색해본다.

HTML5 UP

  • 샘플 템플릿을 무료 / 유료로 제공한다.

https://html5up.net/

 

HTML5 UP

Responsive HTML5 and CSS3 site templates designed by @ajlkn and released under the Creative Commons license.

html5up.net

 

마음에 드는 템플릿을 다운로드한다.