빌드 및 배포

배포 환경 빌드

배포는 두 가지의 모드가 존재하는데, 하나는 압축버전 (build) 와 비압축버전 (dist) 입니다. 압축버전은 일반적으로 개발자가 자신의 스킨을 적용할 때 사용하며, 그렇지 않은 버전은 유저에게 배포하기 위한 것입니다.

$ tidory dist

다음과 같이 프로젝트 폴더 내부에 있는 dist 폴더에 배포전용 빌드가 되어있는 모습을 볼 수 있습니다.
dist/
├── images/
│   ├── script.js
│   └── tidory.bundle.js
├── preview256.jpg
├── preview560.jpg
├── preview1600.jpg
├── index.xml
├── skin.html
└── style.css

디렉터리 구조

images/*

images 폴더는 템플릿에 정적으로 포함된 리소스 들이 모여있는 파일이며, 추가적으로 템플릿 내부에서 작성한 inline 속성이 사용되지 않은 script 태그의 집합인 script.js, webpack.entry.js 에서 포함한 에셋들의 집합인 tidory.bundle.js 가 있습니다.

skin.html

템플릿과 티도리 API 및 라우트 뷰 처리가 끝난 최종 HTML파일입니다.

style.css

템플릿에 있는 inline 속성이 사용되지 않은 style 태그들의 집합 파일입니다.

preview*.jpg

docs 폴더에 있던 미리보기 파일이며 preview256.jpg, preview560.jpg, preview1600.jpg 파일이 존재합니다.

index.xml

docs 폴더에 있던 티스토리 스킨 설정파일입니다.

티스토리 스킨 등록

스킨을 등록하기 위해 관리자 메뉴에서 스킨 변경 메뉴로 들어갑니다. 이후, 스킨 등록 버튼으로 진행합니다.
티스토리 스킨 메뉴티스토리 스킨 등록
dist 디렉터리에 포함된 모든 파일을 업로드합니다. preview*.jpg 파일과, index.xml, style.css, skin.html 파일은 현재 디렉토리에 올라가며 images 폴더에 있는 것은 티스토리 상에서도 images 디렉토리에 업로드 됩니다.

티스토리 스킨 파일 목록티스토리 스킨 보관함