[TIL] Github Pages로 프로젝트 사이트 만들기

Github pages를 사용해 프로젝트를 링크로 볼 수 있게 전달해달라는 챌린지 덕분에 pages란 기능을 처음 알게되었다.
궁금한게 연결되서 정보를 찾고 또 찾다가 하루가 다 가버렸다.
오늘의 시행착오를 정리하고, 언젠가 pages로 깃헙 블로그를 만들기 위해 기록해본다.

 

처음엔 깃헙 계정 당 페이지를 하나만 만들 수 있는 줄 알고,

생각없이 계정을 하나 더 만든다음 로컬의 프로젝트 파일을 마구 옮겨놓고 푸쉬 하려고 했다.

 

근데 한 컴퓨터에서 여러 깃헙 계정을 사용하려면 SSH키를 생성해서 계정을 전환하고 어쩌고.. 심지어 그냥 로그아웃하고 다른 계정으로 로그인 하는 개념의 작업도 실패. 오전내내 머리 싸매다가 멈췄다.

 

그러다 문득 Github pages 공식문서를 다시 읽어보고, 프로젝트가 있는 repository 마다 페이지를 만들 수 있단걸 발견했다.
https://pages.github.com/

GitHub Pages

 

---

 

👀 Github Pages로 프로젝트 사이트 만들기

이 서비스는 내 깃헙에 있는 repository를 무료로 호스팅 해준다.
repository 내용을 수정하면 호스팅된 사이트 내용도 바로바로 바뀌니까 아주 유용하다.

 

 

1. 원하는 repository로 가서 Settings 탭을 누른다.

2. 좌측 메뉴 중 pages로 가서 branch가 처음엔 None으로 되어있는데, main으로 변경하고 SAVE한다.

 

3. 그럼 상단에 녹색 박스가 생기면서 publish되었다는 문구와 링크가 뜬다. 조금 기다렸다 링크로 들어가보면 페이지가 생성되어 있다.

 

 

---

 

우여곡절 끝에 마무리 과제 제출

https://yojessie.github.io/momentum-JS/
실시간 시계, 로컬 스토리지를 사용한 로그인, 로컬 스토리지를 사용한 투두리스트, 랜덤 배경 이미지, 날씨와 위치(geolocation)등을 만들어본 프로젝트였다.

 

---

이렇게 쉬운 방법을 두고 매번 아주 멀리멀리 돌아가는 나..
덕분에 연관해서 다양한 궁금증이 생겼고, 많은 자료를 찾아보게 되었지만..

어쨌든 사실 잔디심기를 위해 깃헙 블로그도 만들어볼까해서 종일 알아봤는데,

뭔가 내맘대로 잘 되지 않아서 일단 자료만 저장해 두려고 한다.

 

왕초보를 위한 깃헙 블로그 만들기
https://zeddios.tistory.com/1222

심플해 보이는 블로그 테마
https://github.com/mkchoi212/paper-jekyll-theme

fork 해온 repository 잔디심기
https://soranhan.tistory.com/11
https://joyful-development.tistory.com/m/12
https://velog.io/@whoyoung90/fork-%ED%95%B4%EC%98%A8-repository-%EC%9E%94%EB%94%94-%EC%8B%AC%EB%8A%94-%EB%B0%A9%EB%B2%95

 

feat. 넘나 듬성듬성한 내 깃헙..