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

현재 티스토리 블로그 hELLO스킨 사용중인데,
업데이트가 되어있는것 같아서
새버전으로 스킨을 업데이트 해보려고 한다.

예전에 처음 적용할때 약간 막히는 부분이 있어서
오늘은 글로 남겨두려고 한다.

===========================

// 다운로드 받기

// hELLO 스킨 개발자분의 블로그 소개글.
https://pronist.tistory.com/5

// 깃허브 레포지토리
https://github.com/tistory-projects/tistory-skin-hELLO
해당 스킨은 오픈소스로 MIT라이선스가 붙어 있는걸 참고바람.

블로그글에 있는 '다운로드'에 있는 버전과
깃허브 Release에 있는 버전을 비교한다.

 

나중에 업데이트 할 때, 몇버전인지 확인하기 위해서
zip을 다운 받을때 파일명 뒤에 현재 받는 버전명을 적어주었다. 


두곳다, 현시점에서 3.6.5버전이다.

zip다운로드후, 압축을 풀어준다.

============================

// 적용하기

블로그글에 
'어떻게 적용할 수 있나요' 를 확인한다.


1) 티스토리 관리페이지
2) 꾸미기 메뉴 - 스킨변경 - 스킨보관함에 (스킨등록버튼)
3) 스킨등록 화면 - 추가 - 
hELLO-dist 폴더내부에 있는 
index.xml
preview256.jpg
preview560.jpg
preview1600.jpg
skin.html
style.css
6개의 파일을 업로드 한다.

그리고 추가적으로 
images폴더 내부로 들어가서
README.md파일을 제외하고,
app....js
script....js
vendor....js
해당 파일3개를 추가로 업로드한다.

총 9개의 파일을 업로드해야한다.

저장

스킨명을 나는 hELLO-dist-3.6.5로 지정했다.

4) 적용시키기
꾸미기 - 스킨변경 - 스킨보관함
내가 아까 이름 지정한 스킨을 '적용' 버튼을 눌러준다.


-> 내 블로그를 다시 열어서 
스킨이 잘 적용되었는지 확인한다.




5) 몇 가지 옵션들을 입맛에 맞게 선택한다.

티스토리 관리페이지 - 꾸미기에서

// 스킨변경 - 사용중인 스킨 - 편집에서도 여러가지 수정할 수 있을것이고
★ 나는 '글'에서 이전글/다음글을 off하였음.


// 꾸미기 - 사이드바
사이드바에서 우측에 사이드바1이 현재 적용된 메뉴들의 순서인듯함.
사이드바 설정에서 최근글, 댓글 같은거 몇개 노출될지 설정 할 수 있음.


// ★ 꾸미기 - 메뉴바/구독설정 (나는 이거 설정하였음)
메뉴바는 사이드바아래쪽에 내 블로그랑, 관리메뉴 갈 수 있는 메뉴가 열림
구독버튼 설정하면 우측상단에 별표모양으로 블로그 구독할 수 있는 버튼이 생김
둘다 위치 옵션은 따로 먹히지 않는듯함.



다크모드 같은 경우에는
우측 하단에 '달' 모양 버튼을 누르면
블로그에 들어온 사용자가 알아서 변경할 수 있음.
개인적으로 라이트 모드가 가독성이 더 좋은듯하다.

 

 

+)

그리고 예전에 스킨자체 내부에 소스코드를 변경했다면.. (SEO최적화 작업 같은..)

다시 재작업을 해야할것이다.

그래서.. 왠만하면 스킨내부에서 편집하지 말고, 티스토리 플러그인으로 작업을 해둬야한다.

 

================================

 

그리고.. 3.6.5로 업데이트 하고 나니까,

글 편집시..

문단모양 수정할때.. 약간 버그?가 있는듯한데... ㅜㅜ;;

 

메모장에서 글을 작성하고, 글쓰기에 복붙한 후에

원하는 글라인들 블록씌워서 문단모양수정하면.. 블록이 안된 다른 라인에도 영향이 가고 있다.

 

다시 버전을 돌려둬야겠다..;

(버전을 돌려도 그대로다.. 원래 이랬나..? 아닌거 같은데, 티스토리의 기능이 바뀌어서 생기는문제일까..? 다시 최신으로 변경해야지)