Hexo 사이트 next 테마 적용

기존에 skyksit.com 을 운영하는데 Hexo 로 만들고 icarus 테마를 사용하고 있었다

지금은 Hexo + next 테마로 변경했다

next 테마를 선택하지 않은 이유

- 구글 애드센스를 지원하지 않는다

next 테마의 단점 해소

최근 업데이트를 통해서 정식지원은 아니고 injection 할 수 있게 되었다

icarus 테마의 단점 발생

- 업데이트가 잘 되지 않는다 (오픈소스 최대 단점)

- 다크모드를 지원하지 않는다

일단 Hexo 도 6.2.0 까지 업데이트 된 상태이고 오픈소스이다 보니 버려지는 기능과 테마들도 마구잡이고 생기는 마당에

업데이트가 잘 안되는 테마를 유지할 이유가 없다

그리고 테마 변경은 생각보다 쉬워졌다 (과거에 테마를 copy 하던 방식이 아니라 npm 설치 방식으로 변경되었기에)

테마 변경 방법

• 다른 폴더에 hexo 프로젝트를 새로 생성

• next 테마 설치

• icarus 테마로 생성한 post 전부 복사

• 로컬 서버로 실행

• 빌드될 때 에러 나는 필요한 라이브러리 설치

• 별도로 만들어 두었던 스크립트들 next 로 복사

• next 테마 설정 수정

• next 테마 고유 기능 추가

• github 에 배포

• 구글/네이버 검색엔진 연동 제대로 되어있는지 확인

next 테마 사용하면서 새로 적용한 것

- 다크모드

- 배경에 ribbon

- 댓글기능 gittalk = > disqus 로 변경

- 아카이브를 홈으로 변경

- 카테고리 전부 소문자로 변경

일단 디자인이 깔끔해져서 마음에 든다

Uploaded by N2T