깃허브 블로그 만드는 방법 및 테마 설정

 

가끔 구글 검색을 해보면 티스토리, 네이버 블로그 외에 깃허브 블로그도 많이 뜨는 것을 볼 수 있죠.

깃허브 블로그는 일반 블로그 용도로도 사용하실 수 있는데요.

그 외에 본인만의 페이지 만들어보기도 참 좋더라고요.

저는 결혼할 때 모바일 청첩장을 만드는 용도로 사용하기도 했어요!

 

이번 포스팅은 깃허브 블로그 생성 방법에 대해서 자세히 다뤄볼게요!

 

아이디 생성 및 로그인

먼저 블로그를 생성할 깃허브 아이디로 로그인을 해주세요.

일반 깃허브 블로그를 생성하실 분들은 괜찮으시겠지만, 특수한 목적으로 생성을 하신다면 본인 아이디가 도메인이 되기 때문에 아이디도 그 목적에 맞게 만드시는 것을 추천드려요!

물론 도메인 사서 연결할 수 있지만, 무료가 아니기에 애초에 원하는 목적에 맞는 아이디로 만드세요!

예를들어 A와 B의 청첩장을 만들거다 하시는 분들은 'A_luv_B' 등 아이디를 생성할 수 있겠죠.

 

레파지토리 생성

아이디 생성을 완료했으면 로그인해주세요.

로그인하고 새로운 레파지토리를 생성해주세요!

위와 같이 설정이 뜰텐데요.

해야할 부분 크게 세 가지 말씀드릴게요.

 

먼저 레파지 토리 이름은 "[본인의 ID].github.io"이렇게 입력해주셔야합니다.

제 아이디는 comgongnuna이기 때문에, comgongnuna.github.io 이렇게 입력했어요.

 

두 번째로 공개 범위는 public으로 해주셔야합니다.

 

마지막으로 Add a README file은 제가 편하라고 체크해 두었어요.

이렇게 레파지토리 생성을 완료했습니다.

 

이제 위에서 입력했던 본인의 레파지토리 이름으로 접속해볼게요!

저는 "comgongnuna.github.io"으로 한번 접속해볼게요.

각자 본인의 링크로 접속해보세요!

페이지에 접속이 잘 되는 것을 확인하실 수 있습니다.

 

테마 다운받기

위와 같이 이제 블로그 링크를 가지게 되었는데요.

저대로 글을 쓸 수는 있겠지만, 티스토리나 네이버 블로그처럼 예쁘진 않죠.

어느정도 정돈된 블로그를 만들고 싶으시다면 테마를 다운받아서 적용하실 수 있습니다.

가장 대표적인 사이트로는 Jekyll Themes가 있습니다.

정말 다양한 테마들이 있는데요.

이 중에서 본인 마음에 드는 테마를 골라주시면 됩니다.

저는 Gitbook theme라는 테마를 선택했는데요.

먼저 다운을 받아주시면 됩니다.

 

테마 적용하기

이제 테마를 적용해볼텐데요.

적용하기 앞서 먼저 저희가 만들어 두었던 블로그 레파지토리를 다운받아주세요.

다운 받는 방법은 레파지토리 내에 <> Code를 클릭하시고 주소 옆에 있는 복사 아이콘을 눌러주세요.

이렇게 git clone [복사한 주소] 명령어로 다운받아 주시면 됩니다.

git clone [복사한 레파지토리 주소]

정상적으로 다운받아 진 것을 확인할 수 있습니다.

이제 다운받았던 테마의 압축을 풀어주세요.

그리고 우리의 레파지토리 폴더로 그대로 복사해서 넣어주시면 됩니다.

이 때 _config.yml파일 내에 있는 url을 본인 주소로 수정해주셔야합니다.

저는 comgongnuna.github.io로 수정해주었어요.

gem install bundler
bundle install

위의 두 명령어로 실행시켜줍니다.

git add .
git commit -m "Add Theme"
git push

마지막으로 레파지토리 push 시켜주면 되는데요.

위의 명령어를 사용해주세요.

만약 "remote: Invalid username or password"오류가 난다면 아래 포스팅을 참고해주세요.

깃허브 remote: Invalid username or password 오류 해결

 

이제 링크로 접속해보시면 테마가 잘 적용된 모습을 보실 수 있습니다.

적용되는 데 시간이 걸릴 수 있으니 조금만 기다려주세요!