Documents

DocumentsContent

스킨 미리보기

티스토리 해석

개발과정에서 티스토리 치환자에 의해 해석된 모습을 미리보고 싶은 경우가 많을 것입니다. 그러나, 그것을 한 번 확인하기 위해 거쳐야하는 과정은 참으로 귀찮습니다. 로그인, 관리자페이지, HTML편집, 코드복사, 파일업로드 라는 과정을 반복해야 하죠. 티도리 프레임워크에서는 이러한 귀찮음을 해결하고 스킨을 미리볼 수 있도록 스크립트를 구성하였습니다.

설정파일

미리보기를 실행하기 위해서는 테스트 로 사용할 블로그가 필요합니다. 왜냐하면 코드를 적용시키기 위해 프로그램 상에서 실제로 로그인 을 진행하고 스킨을 변경해버리기 때문입니다. 테스트 블로그가 준비된다면 이제 다음과 같은 스킨 미리보기 설정파일을 작성하면 됩니다. 항목이 많은 편은 아니지만, 자세한 사항은 tidory.preview.conf 에서 알아볼 수 있습니다.
tidory.preview.conf.js
        
module.exports = {
  /**
   * IMPORTANT
   * 
   * Your TISTORY ID and PASSWORD is used only for PREVIEW .
   * It happens real login to TISTORY
   * http://__BLOG_URL__/member/security/accessLog
   * 
   * Must release login access control to 'All devices'.
   * http://__BLOG_URL__/member/security/device
   * 
   */
  "TISTORY_ID": "__TISTORY_ID__",
  "TISTORY_PASSWORD": "__TISTORY_PASSWORD__",

  /** YOUR BLOG URL */
  "BLOG_URL": "http://example.tistory.com",

  /** Preview URL */
  "PREVIEW_URL": "/"
}
         

미리보기

미리보기를 실행하려면 전제조건이 딱 한 가지 있는데, 바로 로그인 엑세스를 모든 기기 에서 허용해야 한다는 것입니다. 그래야만 로그인을 진행하고 테스트할 수 있습니다. 설정파일 작성이 끝났다고 가정하고, 미리보기를 실행하려면 다음과 같은 명령을 입력합니다.
* 로그인 엑세스를 해제하려면 블로그에서 다음과 같은 서브주소의 형태로 진입하여 해제합니다. /member/security/device

$ tidory preview

preview.html

미리보기를 실행하면 root 디렉터리에 preview.html 파일이 생성됩니다. 이는 자동으로 생성되고 실행(Windows)됩니다.