HEXO 로 github 블로그 만들기

개인적으로 공부하는 내용 (언어, 알고리즘) 들을 TIL 레포에 올리고는 있지만 블로그를 만들어서 운영해보는 것도 좋겠다는 생각이 들었다.

예전에 Jekyll 을 사용해서 깃허브 블로그를 만들어본적이 있다. 루비 기반의 정적 사이트를 제작할 수 있는 프레임워크..라고 알고는 있는데, 루비도 모르고 마크다운도 모르고 HTML, CSS 도 모르는 채로 무작정 구글링해서 만든 블로그여서 커스터마이징이 쉽지 않았다. 아무것도 모르니까...😂 지금은 HTML, CSS 도 어느정도 아니까 프론트엔드 연습 + TIL 기록용으로 블로그를 다시 만드는 것도 좋겠다는 생각이 들었다.

github page를 사용해서 정적 사이트를 만들만한 프레임워크는 다음과 같은 종류들이 있는 것 같다.

Jekyll

  • 루비 기반
  • 만들어 본 경험이 있음

Hugo

  • Golang 기반
  • 한국어로 된 자료가 적음

Hexo

  • Node.js 기반
  • 다양한 테마 적용 가능
  • Node.js 공부 예정 (⭐가장 큰 이유)

이러한 이유로... Hexo를 이용해서 정적 블로그를 만들어보기로 했다!

시작하기 전에...

Hexo 를 이용한 블로그 만들기를 시작하기 전에 다음과 같은 준비물이 필요하다.

  • github page
  • npm

시작

  1. 글로벌하게 hexo-cli를 설치한다.
>npm install hexo-cli -g
  1. hexo로 blog 프로젝트를 만들어준다.
>hexo init blog
>cd blog
\blog>npm install
  1. 만든 프로젝트는 로컬에서 확인 가능
>hexo server

http://localhost:4000/

hexo-deployer-git

  1. hexo 를 github 에 배포하기 위한 패키지 설치
npm install --save hexo-deployer-git
  1. _config.yml 파일 수정 (배포를 위한 설정)

  2. 배포를 위한 정적 리소스 생성

>hexo generate
  1. 배포
>hexo deploy
  1. github에서 hexo 블로그 내용 올라간 것을 확인

  2. 저장소명으로 웹사이트 접속
    https://mhlee21.github.io/

좋은 웹페이지 즐겨찾기