Hexo에 NexT 테마 적용하기

Hexo 블로그를 만든 다음 NexT 테마를 적용하고자 합니다.

아직 블로그를 만들지 않았다면 이전 글을 참고해주시기 바랍니다.

---

만들어진 블로그에 테마를 적용하는 방법은 간단하다.

• 우선 NexT 사이트에 들어가서 원하는 버전의 소스 코드(source code)를 다운받는다.
  Tip
  다운받을 수 있는 버전 중에서 가장 최신 버전을 다운받는 것이 좋다. 글 작성 시 사용된 버전은 오늘 자로 가장 최신버전인 v7.7.2이다.

• 다운받은 알집을 풀고 폴더 명을 next로 변경한다.

• 이름을 변경한 폴더를 hexo 블로그 폴더에 있는 themes폴더에 넣는다.

• Hexo 블로그 폴더에서 /_config.yml를 오픈한다 (수정할 때는 visual studio code를 사용하였다.)

• 파일 내부에 themes 설정으로 들어가서 next로 변경하고 저장한다.

# Extensions
## Plugins: https://hexo.io/plugins/
## Themes: https://hexo.io/themes/
theme: next

• NexT는 4가지의 레이아웃 테마를 가지고 있다. 이 링크에서 4가지를 미리 볼 수 있다. 레이아웃을 결정했다면 /_config.yml에서 아래의 파트를 찾고, 해당 레이아웃 이름의 주석(#)을 풀면 된다. (원래 있던 코드에는 주석인 ‘#’을 달아야 한다)

#scheme: Muse
#scheme: Mist
#scheme: Pisces
scheme: Gemini

• 터미널에 아래의 코드를 입력해서 잘 적용되었는지 확인해보자. 아래의 코드를 입력하면 잘 적용되었는지 확인할 수 있는 임시 사이트를 열 수 있다.

hexo server

INFO  Hexo is running at http://localhost:4000/. Press Ctrl+C to stop.

• 적용이 되었다면 아래의 코드를 입력해서 적용과 배포를 진행해보자.

hexo generate
hexo deploy

이제 NexT 테마 적용이 완료되었다! 본인의 블로그에 들어가면 테마가 변경된 것을 확인할 수 있다.