Blog

Hexo 정적 블로그 프레임워크

Node.js, Static Site Generator, blog, git, hexo, 정적 블로그 프레임워크, 헥소

블로그 시작을 위해 사용하였던 Hexo 를 소개합니다.

목차

Hexo

Hexo 는 Node.js 기반 정적 블로그 프레임워크 입니다.

  • 마크다운(Markdown)을 지원하여 손쉬운 포스트 작성 가능
  • GitHub Pages를 이용한 호스팅을 지원
  • 다양한 테마 제공

등 의 장점으로 이 블로그 또한 Hexo 와 GitHub Pages 로 제작되었습니다.
Hexo 설치와 실행법에 대해 소개하겠습니다.

Hexo 설치

Hexo 를 설치 하기 위해서는 Node.js와 Git이 설치 되어 있어야합니다.
아래의 링크를 통해 설치가 가능합니다.

Node.js 와 Git 이 설치되어 있다면 이제 Hexo 를 설치할 수 있습니다.

설치

터미널을 열어 명령어를 통해 Hexo를 설치합니다. 

1
$ npm install -g hexo-cli

Hexo 가 설치 되었다면 아래의 명령어를 통해 Hexo 폴더를 초기 설정합니다.
(디렉토리명은 Github repo 이름과 달라도 무관합니다.) 

1
2
3
$ hexo init <디렉토리명>
$ cd <디렉토리명>
$ npm install

위 과정이 끝나면 폴더안에 아래의 파일이 생성됩니다.

1
2
3
4
5
6
7
8
.
├── _config.yml   : 사이트 설정 파일. 대부분의 설정 할 수 있습니다. 
├── package.json  : 응용 프로그램 데이터.  
├── scaffolds 	  : 새 게시물을 작성하면 Hexo는 scaffolds 폴더에 새로운 파일을 기반으로 하고 있습니다.
├── source 	  : 소스 폴더. 사이트 콘텐츠를 넣어두는 폴더입니다.
|   ├── _drafts 	
|   └── _posts 		
└── themes 	  : 테마 폴더. Hexo는 테마와 콘텐츠를 결합하여 정적 웹 사이트를 생성합니다.

실행

모든 설치가 끝났다면 내장 서버를 돌려봅니다.

1
$ hexo server

localhost:4000을 통해 확인합니다.(기본포트 : 4000)

자주 쓰는 명령어

New post

새로운 포스트 생성

1
$ hexo new "My New Post"

Generate

정적 파일 생성

1
$ hexo generate

또는

1
$ hexo g

Opition으로
-d , –deploy : generate가 끝난후 deploy
-w , –watch : 파일 변화 확인

deploy

원격 사이트에 올리기

1
$ hexo deploy

또는

1
$ hexo d

Opition으로
-g , –generate : deploy 전에 generate

그 외에는 Hexo Commands에서 확인 할 수 있습니다.

#Blog #Hexo

다음 포스트 > Hexo+GitHub pages

Share