새로운 블로그 - 깃헙페이지(Github Page) 정착기

블로깅 플랫폼을 찾아서

다시 블로깅 활동을 시작하기 위해 다양한 블로깅 플랫폼을 검토했다. 조건은 다음과 같다.

간단한 블로깅 플랫폼 비교

여러 블로깅 플랫폼 중에 워드프레스가 마음에 들었지만 위에 언급된 단점들 때문에 계속 블로그 세팅을 미루고 있었다.

깃헙페이지(Github Page)로 결정

깃헙페이지의 존재는 이전부터 알고 있었지만 대부분 개발자들이 운영하는 마이크로블로그 형태라서 세팅이 어려워보였다. 일단 조사를 좀 더 해봤다.

결과적으로 간단하고, 빠르고, 예뻐서 해당 블로깅 플랫폼으로 시도해보기로함. 어차피 주변에 아는 개발자들도 있으니 모르면 물어보기로함.

깃헙페이지(Github Page)에 지킬(Jekyll) 세팅하기 - 생각보다 험난했던 과정

  1. 깃헙(Github)에 대한 이해 해당 깃헙페이지가 루비로 만들어진 지킬(Jekyll) 프레임웍 위에서 동작한다. 따라서 깃헙에 대한 기본적인 이해는 필요하다. 아래의 두 글을 읽고, 기본적인 개념에 대한 이해를 했다.
  2. 지킬 셋업하기(온라인 및 로컬)
  3. 커스터마이징 하기
    • 이후 블로그에 커스터마이징 한내용
      • 소개글 작성
      • Tale 테마 적용
      • 본고딕1:구글웹폰트 통해 적용
      • 블로그 방문 통계확인을 위한 구글어날리틱스(Google Analytics) 적용
      • 페이스북 댓글 적용2
      • 아카이브 페이지 추가 및 적용
      • 동영상 아이프레임 크기조정(fluidvid.js)3
      • 각주(bigfoot.js)
    • 앞으로 적용해야 할 부분
      • 태그
      • AMP

위 모든것을 이해하고, 셋업하고, 커스터마이징 하는데 반나절에서 하루정도가 걸린 것 같다.

컨텐츠 제작환경 및 프로세스 구성

글을 지속적으로 쓸 수 있는 환경을 만들어놓기로 했다. 한가지 툴로 모든게 된다면 좋겠지만 그정도로 자동화를 하는 워크플로우를 구성하지는 못했다. (참고로 맥/iOS 기반의 환경이다. 사실 해당 블로그 자체가 윈도우 기반에서 쓰기에는 여러가지로 불편할 것 같다는 생각이 들기는 하다.)

  1. Bear(드래프트 작성)
    • 작년 하반기에 맥앱스토어에 올라온 앱으로 2017년 애플 디자인 리워드를 수상한 유료앱이다.
    • 앱이 깔끔하고, 아이클라우드 기반으로 맥과 iOS기기간 동기화가 잘된다.
    • 마크다운을 지원
  2. Atom(or Sublime Text)
    • 보통 개발자들의 개발도구로 쓰이는 에디터들이고, 무료다.
    • 지킬 사이트를 개발하기 위해 주로 썼다. Bear에서 작성한 글을 해당 에디터를 통해서 로컬 Git Repository에 올렸다.
  3. 터미널
    • 로컬에서 해당 블로그가 실제로 작동하는지 스테이징 하기위해 활용한다.
    • 맥 자체 프로그램으로 온라인의 깃허브에 로컬에서 작업한 내용을 올린다.

에필로그


  1. 구글과 어도비가 함께 만든 폰트이다. 자세한 내용 

  2. 보통 Disqus라는 댓글 플랫폼도 많이쓰는데 어차피 대부분 독자들이 페이스북 댓글이 익숙할것같아서 해당 플러그인으로 했다. 

  3. 유튜브 등의 스트리밍사이트에서 iframe으로 임베드를 할때, 웹에서는 잘 보이지만 모바일에서는 최적화되지 않는 문제의 해결을 도와주는 플러그인이다.