블로그 만들기

난데없이 블로그가 갖고 싶어졌다. 쓰고 싶은 글도 없으면서. 물론 네이버나 티스토리 같은 서비스를 이용하면 쉽게 가질 수 있지만 정형화된 디자인의 블로그는 싫었다. 그렇다고 커스텀이 되는 워드프레스가 내키지도 않았다. 문득 지킬이 떠올랐다. 지킬은 깃허브 페이지를 이용하는 웹사이트 겸 블로그 서비스인데, 예전에 포트폴리오 홈페이지를 만든다고 사용해 본 경험이 있어 괜찮게 느껴졌다. 잘못된 느낌이었다. 분명 포트폴리오 홈페이지 만들 때도 고생 고생을 했는데 왜 그런 느낌이 들었을까. 아마 호스팅 비용이 들지 않으니1 밑져 봐야 본전이라고 생각했나 보다.

지킬 홈페이지에는 설치가 쉽다며 “Get up and running in seconds” 라고 쓰여 있다. 근데 문제는 지킬 설치가 아니다. 지킬을 설치를 위한 컴퓨터 환경 구성이 문제다. 개발자들의 컴퓨터에는 이런 환경이 이미 구성되어 있는지 모르겠지만 비 개발자인 내 컴퓨터(mac)에는 아니었다. 터미널을 이용해 xcode, homebrew, rbenv, ruby를 설치해야 했는데 남들이 써놓은 글 보며 하란 대로 하는 것인데도 고역이었다. 아무튼 위에 열거한 것들을 무사히 설치하고 나면 지킬 설치는 간단하게 끝난다.

설치 이후

1.깃허브 계정 생성
지킬은 깃허브 페이지를 호스팅으로 사용한다. 그리고 깃허브 페이지 사용을 위해선 깃허브 계정이 필요하다. 나는 이미 깃허브 페이지로 만든 포트폴리오 홈페이지가 있어서 새로 가입을 했다. 2

2.테마 고르기
지킬도 워드프레스처럼 다른 사람이 만들어 놓은 테마를 사용할 수 있다. 나는 플레인 테마를 선택했다. 그리고 내 깃허브 계정에 Fork3했다.

3.저장소 설정
포크하고 나면 내 저장소 Repository에 테마 파일이 들어와 있다. Settings에 들어가 Repository name깃허브ID.github.io로 바꿔준다. 이렇게 유저네임을 바꾸지 않으면 깃허브 페이지를 만들 수 없다. 이름 변경한 곳에서 스크롤을 내리면 깃허브 페이지 설정도 있다. 나중에 커스텀 도메인을 사용할 거면 여기서 하면 된다. 깃허브 페이지 설정 아래 Danger Zone에선 저장소를 비공개로 바꿀 수 있는데 비공개 저장소는 깃허브 페이지 사용을 못 하니 건드리지 말자.

4.로컬 서버 연결
블로그의 파일들은 이제 깃허브에 올라가 있다. 수정,삭제 및 업로드도 깃허브 웹사이트에서 할 수 있다. 그렇지만 깃허브 웹사이트에서 작업을 하면 실시간으로 블로그에 적용되기 때문에, 나만 볼 수 있는 로컬 서버를 만드는 게 좋다. 그리고 로컬 서버에서 한 작업은 소스트리깃허브 데스크탑을 이용해서 깃허브와 연동하면 된다. 이번 블로그 제작 전까지만 해도 소스트리를 사용했는데, 이번에 깃허브 데스크탑을 사용해보니 소스트리보다 편했다. 내 저장소로 돌아가 초록색 Clone or Download 버튼을 클릭하면 주소와 Open in Desktop, Download ZIP 버튼이 나온다. Open in Desktop을 클릭하면 깃허브 데스크탑이 실행되고 내 블로그를 내 컴퓨터 어디에 저장할지만 고르면 연결이 완료된다.

5.로컬 서버 실행
다시 터미널을 사용해야 한다. 다행히 지킬 설치 환경 구성보다는 쉽다.
cd 명령어를 통해 앞서 저장한 내 로컬 저장소 위치로 찾아간 후, bundle exec jekyll serve 혹은 jekyll serve 명령어를 치면 뭐가 촤르르 나온다. 나는 에러가 나왔다. gem파일 관련한 에러였는데, 검색해도 도무지 모르겠고 짜증 나서 오류라는 gem파일 속 구문들을 다 지워버렸다. 그러니까 실행이 되었다…
웹브라우저에서 http://localhost:4000/ 으로 접속하면 사이트가 보이고, 터미널에서 control+C를 입력하면 서버가 종료된다.

6.테마 수정
테마 디자인을 내 입맛에 맞게 바꾸고 싶다면, 로컬 서버를 실행 후 파일을 이리저리 수정해보면 된다. 나는 웹 지식이 짧아 css만 조금 만졌다. 수정하고 깃허브 데스크탑을 보면 Changes 항목에 변경된 파일 리스트가 촤르륵 나올 것이다. 이대로 실제 사이트에 적용하고 싶다면 제목을 적고 commit to master를 클릭하면 된다. 커밋을 하고 나면 상황에 따라 pull이 나오기도 하는데, 하여튼 하란 대로 풀하고 push까지 해주면 사이트에 적용이 된다.

7.글 작성
설마 이 글을 보고 지킬을 설치해서 블로그를 만든 사람은 없겠지. 설령 그랬다면 마크다운으로 글을 작성하는 것 정도는 할 수 있으리라 생각한다 😝

  1. 깃허브 페이지는 무료 Git 저장소인 깃허브에서 제공하는 무료 웹호스팅 서비스다. 

  2. 깃허브 페이지는 계정당 1개의 홈페이지만 호스팅이 가능하다. 

  3. 깃허브에서 다른 사람이 만든 프로젝트를 내 저장소로 옮겨 오는 것.