hexo 블로그에 테마 적용하기 - icarus테마

hexo를 이용해서 github블로그를 만들었습니다. 이제는 나만의 색깔을 입혀볼 테마를 적용해 보겠습니다.
블로그 세팅 방법은 지난 블로그를 참고하면 좋을것 같습니다. ^^

hexo블로그에 테마를 입히는 방법은 사실 아주 간단 합니다.
git을 이용하여 clone만 해주면 됩니다. 하지만 테마들마다 사용방법이나 설정법이 약간씩 다르고 자신의 색깔에 맞게
커스텀을 하려고 한다면 점점 복잡해 집니다.
테마마다 설정방법이 다르기 때문에 이번 포스팅에서는 제가 적용한 icarus테마를 기준으로 설명하겠습니다.

테마 고르기


우선 자신의 블로그에 적용할 테마를 고릅니다.
Hexo Themes 에서 자신이 원하는 테마를 골라줍니다.
Hexo Themes에는 많은 개발자들이 hexo를 사용하여 만든 테마 목록들을 확인하고 다운받을 수 있습니다. 물론 별도로 만들수도 있지만 시간이 많이 들고 잘만들어진것들이 많이 있으니 오픈소스를 적극 활용 해보기로 합니다. ㅋ

저는 테마를 고를때 디자인, 반응형, 영문메뉴얼유무 를 따져 보았고 그 중에 여러가지 테마를 적용해 보고
icarus테마를 골랐습니다.

테마 적용하기


앞에서 말했듯이 테마별로 적용 방법의 약간의 차이가 있을수 있으나 대체적으로 git clone 을 이용하여 설치하는 방법을
repository에 README 파일로 적용방법을 알려주고있다.
icarus테마역시 hexo-theme-icarus repository에서 설치방법을 알려주고 있다.

설치

터미널을 이용하여 hexo블로그가 있는 폴더에 들어가 줍니다. icarus테마를 themes/icarus 경로에 clone 받아 줍니다.

bash
1
2
cd blog
git clone https://github.com/ppoffice/hexo-theme-icarus.git themes/icarus

위와 같이 입력해 주면 themes 디테토리 하위에 icarus 라는 디텍토리가 생기면서 해당 저장소의 내용을 clone 하여 줍니다.

clone 후 모습



그리고 blog 폴더 안에있는 _config.yml에서 theme 부분을 landscape에서 icarus로 수정해줍니다.

_config.yml
1
2
3
# Extensions
## Themes: https://hexo.io/themes/
theme: icarus

이렇게만 설정하고 배포하여 주어도 테마가 잘 설정된 모습을 볼 수 있다.
하지만 이렇게만 설정하였을 경우 전체 git repo안에 다른 repo가 들어간 형태가 되어
blog repo만 관리하여 백업을 하게 되면 themes/icarus 안에 내용은 전혀 백업이 되지 않는다.
지난 포스트에서 설명했듯이 테마를 따로 백업해준뒤에 git submodule기능을 사용하여 추가해 주는 것이 관리하기 좋다.

설정

themes/icarus 폴더에 있는 _config.yml에서 테마 설정을 변경 할 수 있습니다.
블로그 폴더에도 _config.yml에서 설정을 변경하였는데 테마 역시 _config.yml를 사용하여 설정하여 준다.

블로그 폴더의 _config.yml가 hexo블로그의 전반적인 설정 이라면
themes/테마 폳더의 _config.yml는 hexo 블로그에 적용된 테마의 추가 설정이라고 보면된다.

댓글

Your browser is out-of-date!

Update your browser to view this website correctly. Update my browser now

×