BlogHexo

[Github×Hexo] 블로그 테마 적용하기

블로그 테마 적용하기

블로그에 글을 올리기 전에 테마를 적용해 보자.

테마 다운받기

  • 첫 번째 포스팅에서 테마에 관련하여 언급했다. 현재 내가 사용하는 테마는 hueman이고, 추천 테마는 hueman을 포함한 두 가지이다.
  • 테마는 만들 수도 있지만 보통은 검색해서 적용하는 듯하다.
  • 추천 테마 세 가지는 아래 링크에서 다운할 수 있다.

테마 적용하기

  • 다운한 테마를 다음의 경로에 넣어 준다.

    /blog/themes/다운한 테마 디렉토리

    ex) /blog/themes/hueman

  • 아래의 코드로 변경 사항을 확인해 본다. 첫 명령어의 경우, 이미 blog 경로에 있다면 생략하면 된다. server를 돌리고 로컬호스트에 접속해 보면 테마가 적용되어 있을 것이다.

1
2
cd blog
hexo server

커스터마이징

블로그 커스터마이징

  • 커스터마이징은 config.yml 파일로 할 수 있다. 단, 이 파일이 두 경로에 존재함을잊어서는 안 된다.
  • 먼저, 테마가 아닌 블로그를 커스터마이징 해 보자. /blog/_config.yml 경로의 config.yml을 수정하면 된다.
1
2
3
4
5
6
7
# Site
title: 개발 블로그
subtitle: Hong's IT Blog
description: 
author: Hong
language: en
timezone: Asia/Seoul

테마 커스터마이징

  • 우리가 다운한 테마는 꽤 많은 부분을 커스터마이징 할 수 있다. 다음의 경로에 있는 파일을 확인해 보자.
  • /blog/themes/다운한 테마 디렉토리/_config.yml
    ex) /blog/themes/human/_config.yml
  • 이 경로의 _config.yml 파일을 수정하면 커스터마이징이 가능하다. 대표적으로 logo, theme_color, thumbnail, links, widgets 등이 있다.
  • 특히 sidebar의 위치를 취향에 맞게 right나 left로 지정할 수 있다.

Share