페이지 템플릿

페이지 템플릿

라우팅 에 필요한 템플릿 파일은 기본적으로 튜토리얼 에서 살펴본 템플릿 작성 과 동일하게 작성하고, routes/views/*.pug 에 작업합니다. 빌드시 자동적으로 #__tidory 아래에 삽입됩니다. 따라서 index.pug 에 수동으로 호출하여 부를 필요가 없습니다.
템플릿이 다음과 같이 작성 되어있는 경우를 생각해봅시다.
routes/views/*.pug */
        
//- container
div#td-helloworld-wrapper
  //- template
  h1 HelloWorld
이렇게 작성된 템플릿은 빌드 또는 배포 시 추가되며, 개발모드 에서도 변화를 자동으로 감지하여 재컴파일합니다. 페이지 템플릿 변경시 새로고침 을 한 번 해주어야 합니다.
skin.html
        
<div id="#__tidory">
  <div id="...">
    __TISTORY_SKIN__
  </div>
  <div id="td-helloworld-wrapper">
    <h1>HelloWorld</h1>
  </div>
</div>
추가적으로, 티스토리 스킨 메인과는 다르게 권장사항이 있는데, 바로 stylescript 태그에 inline 속성을 적용하는 것입니다. 페이지에 들어가는 스타일과 스크립트는 해당 페이지에 관한 것만 작성되어야 합니다.