티스토리 hELLO 스킨 적용하기

티스토리 hELLO 스킨 적용하기

티스토리를 새롭게 개설하면서 뭔가 꾸미고 싶다는 생각이 들었다.
나는 디자인에 대해 잘 모르겠다. (옷을 고를 때도 마찬가지다.)
그래서 티스토리에서 기술블로그로 쓰는 사람들은 어떤 스킨을 쓰는지 찾아보았다.
무료 스킨 중에선 TriplexLab과 hELLO 스킨이 가장 마음에 들었다.
TriplexLab의 경우 2024/03/10 이후로 서비스를 중단하였다. TriplexLab SKIN(v1.2)
서비스 중단이 업데이트 종료를 의미하므로 현재 상태로도 괜찮다면 사용하려고 했으나 다크모드에서 깜빡임(블링크) 현상이 있어서 사용하지 않기로 했다.
그래서 나는 hELLO 스킨을 적용하기로 했다.

1. hELLO 스킨 이란

정상우님이 티도리라는 프레임워크로 개발한 티스토리 스킨이다.
개인적으로 나는 다크모드와 단순한 것을 좋아하기 때문에 이 스킨이 디자인적으로 너무 매력적이라고 생각한다. (Simple is Best)
그리고 깃허브의 티스토리 관련 레포중에서 Best Star 레포이다.
SEO 측면에서도 나쁘지 않은 것 같고 상위 검색 노출에도 유리할 것 같다. (모바일 성능 부분은 조금 아쉽다.)

• 모바일
  

  

• 데스크탑
  

  

PageSpeed Insights로 측정했다.

공식 hELLO 소개 페이지는 여기에서 볼 수 있다.

2. 스킨 적용하기

이제 스킨 적용하는 방법에대해 순차적으로 설명하겠다.

2.1 스킨 다운로드

스킨을 적용하기 위해선 해당 스킨을 다운로드 받아야한다.

• hELLO 소개 페이지에서 다운로드 할 수 있다.
  
• GitHub의 릴리즈 노트에서도 다운로드 할 수 있다.
  

위의 두 가지 방법 중 편한 방법을 이용하면 된다. 나는 릴리즈 노트에서 hELLO-dist.zip라는 압축파일을 다운받았다.

2.2 스킨 등록

다운로드 받은 스킨파일을 티스토리 블로그 관리 페이지에 추가해야한다.
블로그 관리 페이지에서 [꾸미기 -> 스킨 변경]으로 들어가 주면 된다.
https://본인블로그주소.tistory.com/manage/design/skin로 접속해도 된다.

지금은 블로그 생성시 기본으로 사용된 Odyssey 스킨이 적용되어있다.
스킨 등록 버튼을 클릭해서 이전에 다운로드받았던 스킨을 압축을 푼 후에 모두 업로드해 준다.

2.3 스킨 적용

업로드 후에 스킨 저장을 하게 되면 입력했던 스킨명으로 스킨 보관함 대쉬보드에 나타나게 된다. (스킨 목록이 아닌 스킨 보관함을 클릭)
해당 스킨에 마우스를 호버하여 적용을 누르면 스킨이 적용된다.

모바일에 적용이 안 될 경우, 모바일 웹 설정에서 모바일 자동 연결을 사용하고 있기 때문이다.
모바일의 경우 관리자 - 모바일웹 설정 - 티스토리 모바일웹 자동 연결을 사용하지 않습니다로 설정해야한다.

참조

hELLO 스킨 공식 GitHub 저장소 : https://github.com/pronist/hello
티도리(Tidory) GitHub 저장소 : https://github.com/tidory/tidory