리소스

style.css, script.js

템플릿에 stylescript 태그사용시 빌드 및 배포시 css 의 경우 티스토리 스타일 시트인 style.css 로 분리되고 scriptimages/script.js 파일로 분리됩니다. 따라서 하나의 템플릿에 스타일과 스크립트 태그를 한 자리에 배치할 수 있습니다.
*.pug

//- container
div#app
  //- style.css
  style.
    h1 {
      color: #ed5207;
    }
  //- markup
  h1 Tistory skin framework, Tidory
  //- script.js
  script.
    console.log('Hello, world');

scoped

stylescript 태그가 분리되지 않고, skin.html 상에 남게하려면 다음과 같이 태그에 scoped 속성을 부여하면 됩니다.
*.pug
      
//- container
div#app
  //- style
  style(scoped).
    h1 {
      color: #ed5207;
    }
  //- markup
  h1 Tistory skin framework, Tidory
  //- script
  script(scoped).
    console.log('Hello, world');

정적파일

skin.html 에 존재하는 마크업에서 파일을 포함하고, 티스토리 스킨에 적용시키고 나면, 티스토리 내부에서 포함 파일의 경로를 변경시켜버립니다. 템플릿에서 다음과 같이 포함하는 경우, 티스토리 스킨 내부에서는 CDN(Content Delivery Network) 방식으로 변경합니다.
*.pug

//- https://tistory2.daumcdn.net/tistory/2710108/skin/images/favicon.png
img(src="./images/favicon.png")