[TIL] 2023.02.28 / Tistory skin 만들기2

1 구체적인 시안 만들기

- 쉽게 완성할 수 있을 줄 알았는데 적용부터가 안돼서 다시 시안부터 만들었음

- 사이드바 : 프로필 사진 / 닉네임 / 소개글 / 카테고리 목록 / 검색창

- 컨테이너 : 카테고리명 / 글목록 / 페이징

 ㄴ 글제목 / 날짜 / 수정 및 삭제 / 본문 / 댓글창

- 푸터 : 저작권 관련 내용

 

2 스킨 파일 업로드

1) 티스토리 설정

2) 꾸미기 - 스킨 변경

3) 스킨 보관함 - 스킨 등록

4) 파일 업로드 : html, css, xml 파일

- VSCODE에서 작성해서 업로드하려다가..안돼서ㅠㅠ 티스토리 에디터에서 수정할거라 그냥 html, css 파일은 확장자만 저장된 빈 파일을 넣음   (xml 파일은 스킨 이름, 버전, 저작권과 같은 스킨에 보이지않는 정보를 담는 파일)

5) 스킨 보관함에서 등록한 스킨 적용하기

 

3 스킨 편집하기

1) 스킨 편집을 누르면 스킨 정보에 내가 업로드한 xml 파일의 정보를 확인할 수 있음

2) html 편집을 눌러서 에디터 열기

3) 편집하기

+ fontawesome.com / HTML에 쓰이는 아이콘 소스 제공

4) 폰트 변경은 구글 웹폰트나 구글에서 가져올 수 있으나, 티스토리 폰트 변경은 '임베딩'에 해당하니 사용 가능한지 저작권 확인하기

 

4 저장하기ㅋㅋ!

- 임시저장에 익숙해져서... 적용을 안누르고 절전모드 해놨더니 새벽부터 작성한 모든게 다 날아간 현장