GitHub 블로그 만들기 Hexo 설치 및 배포

Windows10에서 Hexo 블로그 설치하기입니다. 깃허브 가입 방법과 깃허브 페이지를 사용하기 위한 리포지토리 생성 방법은 아래 링크(깃허브 페이지 개인 도메인)로 이동하셔 리포지토리 생성하기까지만 보시면 되겠습니다.

깃허브페이지 개인 도메인

 

깃허브 블로그 개인 도메인 (Github Pages Custom Domain)

깃허브 페이지에 개인 도메인 등록 과정을 설명하기 위해 작성되었습니다. 이미 깃허브 페이지를 이용한 사이트 또는 블로그가 구성되어 있다면 앞부분들은 생략하고 깃허브 페이지 커스텀 도�

wonderbout.tistory.com


hexo install

Hexo 블로그 프레임 워크

Hexo(헥소) 설치 준비 사항

  1. Github 가입
  2. Git 설치
  3. Node.js 설치

Hexo(헥소) 설치하기 (for Windows 10)

1. Hexo(헥소) 글로벌 설치
Git bash 또는 PowerShell, CMD명령창를 열어 아래와 같이 타이핑합니다.

npm install -g hexo-cli

위와 같이 하면 글로벌로 노드 모듈에 Hexo가 설치됩니다.

2. Hexo 정적 블로그를 만들 폴더를 생성하고 필요한 파일들과 모듈들을 자동으로 초기화한다.

  • Hexo 블로그를 설치할 경로에서 아래 명령을 입력한다.
hexo init hexoblog

3. npm install 노드 모듈 설치 (정의된 의존성 모듈 설치)

명령 창에서 계속 작업했으면 아래와 같이 합니다.

cd 폴더명 # 예: cd hexoblog
npm install

또는 설치된 폴더(hexoblog)에 마우스 오른쪽 클릭해서 Git Bash Here 클릭 Git bash가 열리면 아래 코드만 입력.

npm install

Hexo(헥소) 서버 실행

잘 설치되었는지 확인 Git bash 실행

hexo serve -o
# 또는
hexo s -o
# 서버를 끌때는 Ctrl + C

전체 코드

Git bash 실행

npm install -g hexo-cli
hexo init 폴더명
cd 폴더명
npm install
hexo s -o

hexo-deployer-git 플러그인 설치

헥소 블로그깃허브에 배포할 때 필요한 플러그인을 설치합니다.

npm install hexo-deployer-git --save

환경설정

아래 내용은 로컬에서 빌드후 배포하는 방식입니다.

_config.yml 파일을 열어 아래 내용을 찾아 본인의 깃허브 페이지가 저장된 리포지토리 주소를 입력합니다.

# Deployment
## Docs: https://hexo.io/docs/deployment.html
deploy:
  type: git
  repo: https://github.com/계정명/계정명.github.io # 깃허브 페이지가 저장된 리포지토리 주소
  branch: master

정적 파일 생성 및 배포

hexo generate # 정적파일 생성 hexo g
hexo deploy # 깃허브 배포 hexo d
hexo g -d # 생성 & 배포
hexo clean # 캐시 파일 (db.json) 및 생성된 파일들 (public) 을 삭제합니다.

<관련 글>
Hexo 블로그 글쓰기, 수정, 삭제
Hexo 테마 Hueman 적용

반응형