[Git] Hexo를 통해 나만의 블로그 만들기

 

github에서도 블로그를 만들어 볼 수 있습니다. 

저는 Hexo를 이용하여 한번 만들어 보았습니다.

 

Setting

먼저 nodejs.org 사이트에서 node를 다운합니다.

다운할 때에는 LTS를 다운받아야 합니다. 최신버전 보다 훨씬 안정적 입니다.

 

노드는 다운 받은 이유는 npm을 빠르게 설치하기 위함입니다.

설치가 다 됐다면

 

$ node -v
$ npm -v

 

위의 명령어를 통해 설치가 잘 되었는지 체크합니다.

 

$ sudo npm install -g hexo-cli 를 입력하여 hexo를 설치합니다. 

가능하면 최상단으로 올라가서 다운 받는것이 좋습니다.

 

설치 확인을 위해 hexo를 입력합니다.

 

블로그 만들기

 

hexo init '만들고 싶은 이름'  하고 그 이름으로 된 디렉토리에 이동합니다.

혹시나 빠진게 있을까봐 npm install을 해줍니다.

 

새글을 생성 하기 위해 

$ hexo new post "제목"

post가 기본 옵션입니다. 제목은 30자 이내, 영어로 입력해야 합니다.

 

tags부분에 달고 싶은 태그를 달고

- java

- python

 

구분선 아래에 글을 쓰면 됩니다.

 

새로운 글을 발행하고 나서는 

$ hexo generate

 

이 글을 로컬에서 확인하기 위해 서버를 엽니다

$ hexo server

-> localhost:4000에 들어가서 확인가능합니다.

 

로컬에서 뿐만 아니라 username.github.io로 접속해서 보고 싶다면, 깃허브에서 일을 해야 합니다..

 

배포 절차

1. 깃 허브에서 username.github.io 이름의 repo를 생성합니다.
2. 그리고 npm install hexo-deployer-git --save 로 툴을 설치합니다.
3. vi_config.yml로 들어가 환경설정을 해줍니다.
   1. title, author, url을 수정합니다. 
   2. deploy 파트에서 type, repo, branch를 추가해줍니다.

4. 지금까지 했던 거 지워야 합니다.

$ hexo clean && hexo generate

 

5. hexo server로 잘 되었는지 확인합니다.

 

6. 그리고 hexo deploy

 

7. 주소창에 jisoooit.github.io 입력하면 로컬에서 봤던 거 그대로 볼 수 있습니다.