간단하게 깃허브블로그(Github Pages) 생성하기

 

GitHub.io

깃허브블로그로 부르는 Github Pages는 특히 개발자들이 포트폴리오용으로 많이 사용합니다. 저도 Tistory(티스토리)와 깃허브블로그 중 고민을 많이 했으나, 커스터마이징하기 쉽고 디자인이 깔끔한 Github Pages를 선택했습니다.

네이버블로그나 티스토리와 다르게 Github Pages는 생성하는 방법이 새롭습니다. 그리고 코드를 전혀 모른다면 굉장히 어려울 수도 있습니다.

이번 포스팅에서는 수많이 공개되어 있는 Jekyll 테마를 단순히 fork해서 간단하게 생성하는 것을 설명합니다.

1. Jekyll Theme 선택하기

Github에서 다양한 Jekyll Theme를 볼 수 있습니다. repository에 테마의 디자인을 캡쳐해서 첨부하거나, 테마를 적용한 홈페이지의 주소를 올려놓으니 찬찬히 보고 마음에 드는 테마를 고르면 됩니다.

  • repository의 이름이 [xxx.github.io]라면 보통 Github Pages의 주소입니다.

Jekyll Theme List

2. Fork 하기

취향에 따라 Jekyll Theme을 골랐다면, repository에서 오른쪽 위의 fork를 클릭합니다. 저는 beautiful-jekyll테마를 선택하였습니다.

beautiful-jekyll repository

3. repository name 변경하기

이제 forkJekyll Theme를 나의 Github Pages로 만들 차례입니다.

Settings에서 Repository namemyname.github.io로 변경합니다.

  • 이 때, myname은 자신의 github계정의 이름입니다.

myname.github.io의 주소로 Github Pages가 만들어집니다.

repository settings

4. _config.yml 수정하기

fork한 Jekyll Theme의 설정파일을 변경해주어야 합니다. 그다지 어렵지 않으니 천천히 보면서 자신의 내용으로 채워나가면 됩니다. 기본적으로 url을 자신의 Github Pages 주소로 변경해야하며, baseurl은 ““으로 비워두어야합니다.

_config.yml

5. Github Pages 접속해보기

드디어 myname.github.io를 통해 Github Pages로 접속할 수 있습니다.

GithubPages

커스터마이징 하기

이 글은 단순히 공개되어있는 Jekyll Theme를 이용해 깃허브블로그를 만드는 방법을 설명하고 있습니다. fork한 Jekyll Theme의 docs나 예시를 참고한다면 내용 바꾸기, 글을 포스팅하기 등은 금방 익힐 수 있을 것입니다.

  • 저는 docs를 읽지 않고, 파일을 전부 열어서 코드를 본 뒤, 해당 파일의 역할을 파악해 코드를 변경하는 방법을 사용했습니다.

만약, 자신이 원하는 디자인으로 바꾸고 싶다면 Jekll을 공부해야합니다. Jekll을 이용해 깃허브블로그를 커스터마이징하는 것을 설명해주는 좋은 글들이 많으니 찾아보시기 바랍니다.