07

빌드 및 배포

빌드(Build)

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

비압축(Uncompressed)

빌드는 기본적으로 비압축모드로 진행되며 tidory build 명령을 내리면 됩니다.

tidory build

압축(Compressed)

개발자가 직접 사용하기 위해 빌드하는 모드 입니다. 웹페이지 로드속도를 향상시키기 위해 코드를 압축합니다.

tidory build --compress

배포(Distribution) 티도리 6.1

배포현재 사용 중인 스킨을 덮어쓰는 모드가 있고, 스킨저장소에 저장하는 모드가 있습니다. 추가적으로 배포를 사용하려면 환경설정에 BLOG_URL, TSSESSION 변수가 정상적으로 등록되어 있어야합니다.

배포를 하기 전에 먼저 빌드해야 합니다. dist 디렉토리를 대상으로 배포하기 때문이죠.

덮어쓰기

현재 사용 중인 스킨에 덮어쓰려면 tidory deploy 명령으로 할 수 있습니다. 현재 사용 중인 스킨의 코드가 덮어써지고 업로드된 파일이 삭제되고 재업로드 됩니다.

tidory deploy

저장소

스킨저장소에 스킨을 저장하려면 다음과 같이 tidory store 명령어에 티스토리 스킨 이름을 지정해주세요.

tidory store TISTORY_SKIN

프로덕션 코드

dist/
├── images/
│   ├── script.js
│   └── app.js
├── preview256.jpg
├── preview560.jpg
├── preview1600.jpg
├── index.xml
├── skin.html
└── style.css

images/*

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

skin.html

티스토리 스킨으로 업로드할 최종 html 파일입니다.

style.css

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

preview*.jpg

docs 폴더에 있던 미리보기 파일이며 preview256.jpg, preview560.jpg, preview1600.jpg 파일이 존재합니다. 사용자에게 스킨 미리보기로써 제공됩니다.

index.xml

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