새소식

반응형
Programming

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

  • -
반응형

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

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

테마 고르기


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

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

테마 적용하기


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

설치

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

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

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

 

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

# Extensions
## Themes: https://hexo.io/themes/
theme: icarus

이렇게만 설정하고 배포하면 테마가 잘 설정된 모습을 볼 수 있다.

설정

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

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

반응형
Contents

포스팅 주소를 복사했습니다

이 글이 도움이 되었다면 공감 부탁드립니다.