[Tistory] 티스토리 스킨 적용 (ft. 개발자스킨 hELLO)

 

---

블로그 스킨을 변경 결심을 하다!

블로그를 시작한 지 어느덧 한달이 흘렀습니다. 현재 사용하고 있는 스킨은 오디세이(Odyssey) 스킨인데, 깔끔하고 심플한 디자인 덕에 처음에는 만족했지만, 시간이 지나면서 개발자 친화적인 환경이 부족하다는 점이 아쉽게 느껴졌습니다. 코드 블록 스타일이나 사용자 정의 편의성이 제한적이라 더 나은 스킨을 찾아보기로 했죠.

그러던 중 발견한 것이 바로 hELLO 스킨입니다! 이 스킨은 무료임에도 불구하고, 개발자들을 위해 설계된 기능과 깔끔한 UI를 자랑합니다. 블로그를 관리하는 데 있어 효율성과 심미성을 모두 잡을 수 있을 것 같아 주저 없이 적용해 보기로 했습니다.

---

스킨 다운로드 받기

해당 스킨은 정상우님이 제작하신 스킨으로 무료로 배포된 스킨입니다.

개인적으로 정말 깔끔하고 맘에 드는 스킨이네요 👍

hELLO 스킨은 정상우님 티스토리에서 받으실 수 있습니다.

먼저 아래 링크로 들어가 hELLO-dist.zip ( v4.10.3 ) 을 다운로드 받아 주세요.

 

1) hELLO-dist.zip 다운로드

https://github.com/pronist/hello/releases/tag/4.10.3

Releases · pronist/hello

 

2) 압축 풀기

압축을 풀면 아래와 같은 파일 구조를 확인 하실 수 있습니다.

hELLO-dist

---

티스토리 스킨 등록하기

티스토리 관리자 화면으로 가서 스킨등록을 해야합니다. 먼저 스킨등록 버튼을 클릭합니다.

 

1) 스킨 등록 화면으로 이동

경로: 관리자 화면 > 설정 > 꾸미기 > 스킨 변경 > 스킨등록

스킨등록 화면으로 이동

2) 다운로드 받은 폴더 파일 업로드 

스킨등록 상단에 추가(OB / 20BM) 버튼을 클릭 합니다. 클릭하게 되면 아래와 같은 화면이 나타나는데 받아 두었던 파일들을 전부 등록합니다.

📢  images 폴더에 있는 자바스크립트 파일도 꼭 업로드 해야합니다.

파일 업로드

 

아래 최종 파일 업로드 목록 입니다.

최종 파일 업로드 리스트

---

티스토리 블로그 hELLO 스킨 적용 

1) 스킨 보관함 클릭

경로: 관리자 화면 > 설정 > 꾸미기 > 스킨 변경 > 스킨 보관함

스킨 보관함

 

2) 스킨 보관함 클릭

스킨보관함에 hELLO 마우스를 올리면 적용버튼이 나오는데 적용버튼 클릭합니다.

스킨보관함 스킨 목록

---

티스토리 블로그 hELLO 스킨 적용 확인하기

스킨이 잘 적용되었는지 확인합니다. 스킨 적용 완료!

스킨 적용 화면

---

마무으리

적용해 보니 기대했던 것보다 훨씬 만족스럽습니다. 특히 코드 블록 스타일이 눈에 띄게 좋아졌고, 모바일에서도 깔끔한 화면 구성이 가능해졌습니다. 개발자를 위한 스킨이라고 해서 약간 딱딱한 느낌을 예상했는데, 디자인적으로도 매우 만족스러워요. 무엇보다 무료라는 점에서 이런 퀄리티를 제공하는 스킨은 정말 찾기 어렵습니다. 티스토리 블로그를 운영하면서 조금 더 개인화된 스킨을 찾고 있다면, hELLO 스킨을 강력히 추천합니다!