기술 블로그 조사 & 시작

정적 사이트 생성

기술 블로그를 시작하기전에 Github과 연동하여 운영하고싶어 정적 사이트를 만들만한 프레임워크들을 조사했다.

Jekyll

  • 루비 기반
  • 가장 보편적이고 인기많은 정적 사이트 제작 프레임워크
  • 문서가 많아지면 빌드하는데 5분이상이 소요될 수 있음
  • 다양한 테마

Hexo

  • 자바스크립트(Node.js) 기반
  • 한글로 번역된 문서사이트 존재(완벽하진 않음)
  • 다양한 테마

Hugo

  • Golang 기반
  • 매우 빠른 빌드속도
  • 테마는 부족

Hugo? Hexo?

처음에 빠른 빌드속도가 빠른것이 장점이라고 많이 알려져 있어서 Hugo로 테스트를 진행해보았다.

하지만, Go언어 기반으로 되어있어서 Go 언어를 잘 모를시에 구조 파악이나 테마 사용 시 내 입맛대로 커스텀 하기가 쉽지 않다는 것이 느껴졌다.

현재 사용하는 언어가 자바스크립트가 주력 언어이고 관련 개발을 진행하고 있으니 Hexo를 사용하기로 마음먹었다.

Hexo 설치

Hexo는 Node.js 기반이기 때문에 Node.js가 설치되어있어야 한다.

  1. 글로벌하게 hexo-cli 설치한다.
1
$ npm install hexo-cli -g
  1. hexo로 Blog 프로젝트를 만들어준다.
1
2
3
$ hexo init blog
$ cd blog
$ npm install
  1. 테마적용을 위해 git clone 진행 (icarus 테마를 선택)
1
$ git clone https://github.com/ppoffice/hexo-theme-icarus.git
  1. themes 폴더안에 clone 받은 테마의 폴더명을 hexo-theme-icarus -> icarus로 변경해준다.
  2. 루트 경로에서 _config.yml 파일을 아래처럼 수정해준다.
1
theme: icarus
  1. 테마에 필요한 npm 패키지들을 설치해준다. (icarus 경우 아래 패키지들이 필요함)
  • bulma-stylus
  • hexo-component-inferno
  • hexo-renderer-inferno
  • inferno
  • inferno-create-element
1
$ npm install --save bulma-stylus hexo-component-inferno hexo-renderer-inferno inferno inferno-create-element
  1. hexo s 명령어로 로컬에서 테마가 적용됬는지 확인
1
$ hexo s

후기

Hexo 프레임워크와 Icarus 테마로 블로그를 생성하면서 정말 손쉽게 블로그를 구성할 수 있었고 JS기반이라 구조파악이 생각보다 단순했다.

이후에는 Icarus 테마를 커스터마이징해서 다크 모드, 레이아웃 등을 변경해 볼 계획이다.

댓글

You forgot to set the shortname for Disqus. Please set it in _config.yml.