Hexo, 블로그 프레임 워크

hexo

Hexo

Hexo는 Node.js 를 기반으로 하는 빠르고 간단하며 강력한 블로그 프레임워크 입니다.


이 블로그는 마크다운 언어로 쓰여있으며, Hexo 라는 프로그램을 통해 GitHub Pages에 배포되는 방식을 택하고 있습니다.
Hexo와 GitHub Pages를 사용함으로 인해 생기는 장점들은 대표적으로 몇가지가 있는데요.

  • 마크다운 을 지원해서 블로그 글을 쉽게 작성할수 있습니다.
  • GitHub Pages 를 통해 무료로 호스팅이 가능합니다.
  • 여러가지 테마가 전세계적으로 만들어지고 배포됩니다.

설치

요구 조건

Hexo를 사용하려면 몇가지 프로그램들이 설치되어야 하는데요.

만약 위의 프로그램들이 이미 설치되어 있다면 Hexo 설치법 으로 넘어가셔도 됩니다.

Git 설치

  • Windows: 옆의 링크를 통해 다운로드후 설치해주세요 git.
  • Mac: 맥은 옆의 링크를 통해 다운받아 3가지중 하나를 선택하시면 됩니다. Homebrew, MacPorts or installer.
  • Linux (Ubuntu, Debian 계열): sudo apt-get install git-core
  • Linux (Fedora, Red Hat, CentOS 계열): sudo yum install git-core

Node.js 설치

Node.js를 설치하는 가장 좋은 방법은 옆의 링크를 통해 Node Version Manager를 다운받아 이용하는것입니다. Node Version Manager.

리눅스계열들은 아래의 명령어중 하나를 선택하셔서 받으시면 됩니다.

cURL:

1
$ curl -o- https://raw.githubusercontent.com/creationix/nvm/v0.33.2/install.sh | bash

Wget:

1
$ wget -qO- https://raw.githubusercontent.com/creationix/nvm/v0.33.2/install.sh | bash

nvm의 설치가 끝나면 terminal을 다시 시작해 주세요, 그리고 아래의 명령어를 통해 Node.js를 설치하시면 됩니다.

1
$ nvm install stable

다른방법으로 옆의 링크를 통해 자동으로 설치되는 파일을 받으셔서 실행하시면 됩니다. installer.


Hexo 설치하기

위의 모든 설치조건이 충족되면 아래의 npm 명령어를 통해 Hexo를 설치할수 있습니다.

1
2
$ npm install -g hexo-cli
$ npm install hexo-deployer-git --save


Hexo 설정하기

Hexo 가 설치되고 난 후, 아래의 방법으로 블로그 파일들을 보관할 폴더를 정할수 있습니다.

1
2
3
$ hexo init <blog_folder_name>
$ cd <blog_folder_name>
$ npm install

결과물:

1
2
3
4
5
6
7
8
.
├── _config.yml : 블로그의 설정 파일입니다.
├── package.json : 블로그에 사용되는 package 들의 리스트를 json 타입으로 저장시켜놓은 파일입니다.
├── scaffolds : 블로그의 새 글을 쓸때, 템플릿처럼 기본 틀을 저장 하는곳입니다.
├── source : 블로그의 글이나 이미지 파일등 블로깅에 쓰는 markdown 파일들이 저장되는 폴더입니다.
| ├── _drafts : 작성중인 글을 보관하는곳이며, 이곳에 있는 글들은 deploy시 보이지 않습니다.
| └── _posts : 작성이 완료된 글들이며 generate 후 deploy 시 다른사람들이 볼수있습니다.
└── themes : 테마 폴더이며 이 안에 있는 테마들만 사용이 가능합니다.


실행

설치가 모두 완료된후, 컴퓨터 내에서 임시 서버를 돌려 블로그가 어떻게 보이게 될지 미리 볼수 있습니다.

1
$ hexo server

위 명령어를 친후 localhost:4000 으로 주소창에 치셔서 들어가시면 본인의 블로그를 확인할수 있습니다.


명령어

새글 쓰기

새로운 글을 작성하려면 아래의 명령어를 쓰시면 됩니다.

1
$ hexo new "My New Post"

변환하기

GitHub 페이지에 올리기 전에 html 파일들로 변환을 해야 다른 유저들이 볼수가 있습니다. 정적 파일로 변환하는 명령어는 다음과 같습니다.

1
$ hexo generate

또는 아래 명령어로도 가능합니다.

1
$ hexo g

GitHub에 배포하기

1
$ hexo deploy

아래의 명령어로도 가능합니다.

1
$ hexo d

명령어 리스트

옆의 Link를 누르시면 Hexo의 명령어 리스트를 확인할수 있습니다. Link.

공유하기