Hexo 로 github pages 에 블로그 만들기

현상

이전에 jekyll 을 이용해서 github 에 블로그를 만들었다면

jekyll 은 Ruby 기반이라서 컴파일 하고 운영하기 귀찮아서

node.js 기반의 블로그 생성 프로그램인 Hexo 로 변경해보려고 한다

 

설치전 준비사항

Hexo 를 설치하기 위한 사전 구성 요소입니다

• Node.js
• Git
• Github

 

설치방법

Step1. Hexo CLI 설치

npm install hexo-cli -g

Step2. Hexo 로 샘플 블로그 만들기

hexo init sampleblog

hexo 로 생성한 sampleblog 의 파일구조

Step3. github pages 용 폴더로 샘플 블로그 파일들 옮기기

sampleblog 의 파일을 그대로 github 페이지용 폴더로 copy

Step4. 블로그를 위한 설정값 변경

_config.yml 파일내의 설정을 본인 블로그 정보에 맞게 변경한다

Hexo Configuration

# Site
title: 김병철의 개인블로그
subtitle: '한번뿐인 인생 재밌게 살아요'
description: '새로운 것을 배우는 걸 좋아해요'
keywords: IT, 
author: skyksit@gmail.com
language: en
timezone: 'Asia/Seoul'

# URL
## If your site is put in a subdirectory, set url as 'http://yoursite.com/child' and root as '/child/'
url: https://skyksit.github.io/
root: /
permalink: :year/:month/:day/:title/
permalink_defaults:
pretty_urls:
  trailing_index: true # Set to false to remove trailing 'index.html' from permalinks
  trailing_html: true # Set to false to remove trailing '.html' from permalinks

사이트 정보와 URL 정보를 나한테 맞도록 수정했다

Deploy 정보도 수정해준다

# Deployment
## Docs: https://hexo.io/docs/deployment.html
deploy:
  type: 'git'
  repo: https://github.com/skyksit/skyksit.github.io
  branch: master

deploy.branch 를 master 로 해서 바로 github pages 의 master 브랜치로 파일들이 배포된다

gh-pages 로 배포 하고 github 에서 merge 해도 된다

 

Step5. git 에 deploy 용 라이브러리를 설치한다

npm install hexo-deployer-git --save

 

Step6. github 에 deploy 한다

hexo deploy

 

배포된 블로그를 확인한다

https://skyksit.github.io/

김병철의 개인블로그