Hexo 가이드

9월 16 2019 guide 5분 소요 (약 675 단어)

Hexo 소개

Hexo 선택 이유

1. nodejs 사용 (쉬운 설치)
2. 한글화된 설명 페이지 제공

Hexo 설치 및 프로젝트 생성

사전 준비 사항  
1. nodejs 설치
2. git 설치
3. github 계정

설치 참고 사이트

1	$ npm install -g hexo-cli

cli 설치가 완료 후, 아래 명령어 실행하면

1
2
3

$ hexo init <folder>
$ cd <folder>
$ npm install

Hexo 를 사용한 프로젝트 생성 완료 된다

Hexo 사용

Hexo 로컬 서버로 띄어보기

기본 포트는 4000 포트이다. 서버가 동작중이면 자동으로 파일 변경이 감지되어 새로고침 하면 반영된다.

1 2	$ hexo s $ hexo s -p <port>

새로운 글 작성

$ hexo new [post, draft, page] <파일명> : 작성 할 게시글 생성
    post : 일반 게시글
    draft : 초안 게시글
    page : 메인 화면상에 탭 생성
    출처: https://otrodevym.tistory.com/entry/hexo와-github로-블로그-구축하기 [용미니 블로그 : 메모하는 습관]

디폴트는 post 이다. Hexo 에서는 기본적으로 _posts 폴더를 제외한 _로 시작하는 폴더는 무시한다.
따라서 _posts 하위에 파일만 generate 해서 화면에 노출한다. (_posts to public)
draft 에 있는 파일은 publish 명령어로 포스팅 할 수 있다.

1	$ hexo new "My New Post"

해당 명령어로 md 파일을 생성하거나 프로젝트에서 source/_posts/ 경로에 md 파일을 추가 한다.

Hexo 배포

hexo-deployer-git 을 설치 한다
npm install hexo-deployer-git –save
_config.yml 파일에서 설정한 곳으로 배포 된다.

deploy:
type: git
repo: <깃허브 저장소 주소>
message : <커밋메세지>

1 2	$ hexo deploy $ hexo generate --deploy

Hexo theme 변경

Hexo 공식 테마 사이트 공식 테마 사이트에서 원하는 테마를 선택
themes 폴더 내에 테마파일을 다운로드 받는다.
테마 파일 내에 _config.yml or _config.yml.example(.example 제거필요) 에서 필요한 부분을 수정한다.
_config.yml 에서 테마 폴더 이름을 변경 한다.

Hexo plugin 적용 하기

techman@terafunding.com 계정으로 가입 진행함

Disqus

https://disqus.com/ 가입
https://terafunding.disqus.com/admin/settings/general 사이트 설정 변경 가능
참고사이트

https://platform.sharethis.com/ 가입
Settings -> Get the Code 의 src url 을 _config.yml 에 share 의 install_url 에 추가

Google analytics

theme._config.yml 에 존재하는 ga 의 tracking_id 를 추가한다.
google-analytics:
tracking_id:

Hexo Admin

hexo 사용 편리성을 위해서 어드민 플러그인을 설치 및 사용
접속 경로 : /admin

Etc

회사 주소 : 테라펀딩

#Hexo #tech-blog