아는 형한테 github page와 hexo를 통해서 블로그를 만들 수 있다고 이야기를 들었다.
티스토리 보다는 간지나게 hexo로 블로그를 관리해보자라는 욕심으로 정보를 찾아봤다.
하지만 그 이야기를 들었으면 안됬다.
이제부터 시작이다 나의 hexo 삽질이 ….
Git Page로 정적 페이지 Hosting하기
Git Page를 통해 USERNAME.github.io 도메인을 통해 정적 페이지를 호스팅할 수 있고, 자기 자신이 도메인을 가지고 있으면 커스텀 도메인할 수 있다. 이런거 필요 없다. 몰라도 좋다.
그냥 github에 들어가서 USERNAME.github.io를 생성하면 된다.
public 이든 private든 무엇이든 선택해도 좋다.
Hexo 시작
자 이제 우리는 고통의 시간이 조금씩 다가왔다.
hexo를 사용하기 전에 필수적으로 설치해야 하는 것들이 있다.
- Node.js
- Git
위의 두가지만 설치를 하면 된다. 설치 되어 있으면 생략해도 씹가능이다.
hexo cli 설치 + 블로그 생성
1 | npm install hexo-cli -g |
설정파일 바꾸기
위와 같은 방식으로 Hexo 프로젝트를 만들 수 있는데, Hexo 프로젝트 안에 _config.yml 이라는 설정파일이 존재한다. 이 설정 파일을 가지고 블로그에 대한 설정을 할 수 있는데, 나중에 테마를 설정하게 되면 테마 폴더에 있는 _config.yml 도 건드려야 한다.
설정파일안에 주석도 달려있고, 공식 문서도 존재하고, 다른 블로그에서도 설명이 되있으니 생략한다.
-> 이 부분이 좀 많이 짜증난다.
- 공식 사이트 : https://hexo.io/docs/
하지만 그 설정 파일 중에서 필수적으로 바꿔야 하는 것이 있다.
블로그 URL을 바꾸는 부분과 Github 정보를 바꾸는 부분이다.
1 |
|
1 |
|
위와 같이 자신의 github 아이디를 USERNAME에 넣어주기만 하면 배포를 할 수 있게된다.
로컬에서 테스트하기
설정을 완료하면 아래의 명령어를 통해 로컬에서 서버를 구동할 수 있다.
1 | hexo server |
서버가 구동이 되면 브라우저에서 https://localhost:4000 을 통해 hexo로 만든 블로그에 접속할 수 있다.
Github에 배포하기
로컬에서 정상적으로 블로그가 동작한다는 것을 확인 한후에 github을 통해 배포가 가능하다.
먼저 hexo 설정을 가지고 리소스를 생성하고 배포하면된다.
1 | hexo clean |
생성과 배포를 동시에 할 수도 있다.
1 | hexo clean |
하지만 배포를 하기 전에 hexo에서 github에 push 할 수 있도록 플러그인을 다운로드 받아야한다.
1 | npm instgall hexo-deployer-git --save |
플러그인을 받은 후에 _config.yml에 플러그인 설정을 해주기만 하면된다.
-> 설정을 하지 않아도 동작하기는 한다.
1 | plugins: |
기타 등등
포스팅을 하고, 이미지를 넣고, 하는 방법은 다른 블로그에도 많으니 다른 곳을 참고하길 바란다.
다음 글에서는 hexo 프로젝트를 백업하고, 테마를 설정하고, 테마를 백업하는 방법에 대해 설명하고자 한다.
hexo blog를 백업하는 부분에서 많은 시간이 소모가 된다. github을 자주 사용하지 않아서 이 부분에서 깊은 빡침을 느꼈다.
다음 포스팅에서 보자.