템플릿 구조

템플릿 구조

템플릿 구조

app.pug

html 의 기본적 구조가 선언되어 있는 템플릿입니다. block TISTORY 부분은 스킨의 몸통 부분입니다. layouts/default.pug 파일에서 설정됩니다.
app.pug

doctype html

html(lang="ko")
  head
    title [##_page_title_##]

    //- TISTORY RSS
    link(rel="alternate", type="application/rss+xml", 
       title="[##_title_##]", href="[##_rss_url_##]")
    //- meta
    meta(charset="utf-8")
    meta(name="viewport" content="user-scalable=no, 
       initial-scale=1.0, maximum-scale=1.0, 
       minimum-scale=1.0, width=device-width")

    <!--[if lt IE 9]>
    script(src="https://t1.daumcdn.net/tistory_admin/lib/jquery/jquery-1.12.4.min.js")
    <![endif]-->
    <!--[if gte IE 9]><!-->
    script(src="https://t1.daumcdn.net/tistory_admin/lib/jquery/jquery-3.2.1.min.js")
    <!--<![endif]-->

  body(id="[##_body_id_##]")
    //- TISTORY main content
    block TISTORY

layouts/*.png

app.pug 상속받아야 하며, 스킨의 입장에서 최상위에 있는 템플릿 파일로써 html 문서의 관점이 아닌, 스킨의 레이아웃 만을 생각하고 작성되어야 합니다. 레이아웃 코드는 다음과 같습니다.
layouts/default.pug

extends ../app

block TISTORY
  s_t3
    div#__tidory
      block TIDORY        

index.pug

skin.html 파일로 변환될 pug의 메인 템플릿 입니다. 기본적으로 layouts/default.pug 파일을 상속받으며, block TIDORY 부분은 layouts/default.pug 파일에서 찾을 수 있습니다. views/*.png 에 위치하는 템플릿 파일들을 여기서 포함시켜야 합니다.
index.pug

extends ./layouts/default

block TIDORY
  include views/Header/BlogTitle