It's awesome framework for Tistory Skin

With Webpack, Pug


티스토리 맞춤 빌드

티스토리 스킨제작을 위한 맞춤 빌드가 제공됩니다. 그저 콘솔에 빌드명령을!

쉬운 난이도

다른 프레임워크와 다르게 내용이 적습니다. 그대의 시간은 소중하니까요.

티도리 모듈 적용

Tidory npm 패키지 모듈을 사용하여 간편하게 개발할 수 있습니다!


템플릿 작성

Pug 템플릿을 작성하고 빌드하세요. 단순히 콘솔에 tidory dist 스크립트를 실행하면 됩니다!

extends ./layouts/default

//- End of head
block HEADER
  //- Blog, or Page Name
  title [##_title_##] :: [##_page_title_##]

  //- Modify, or delete open graph protocol for your skin
      content="Tidory Framework for Tistory Skin")
  meta(property="og:title", content="Tidory")
  meta(property="og:site_name", content="Tidory")
  meta(property="og:url", content="http://www.tidory.com")

block TIDORY
  include views/HelloWorld

//- End of body
block FOOTER
  //- script(src="https://code.jquery.com/jquery-3.3.1.min.js")
  //- script.
      // ...

웹팩 번들링

컴파일되지 않은 lessjs 파일은 웹팩의 엔트리인 webpack.entry.js 을 기준으로 번들링됩니다.

 /* webpack.entry.js
  * Entry for bundling by webpack.
  * for example, if you have your own script, or plguin,
  * you can import that. 
  * ex) import "./bower_components/animate.css/animate.min.css"
  * you are able to include js, css, pug, image, font
  * if you want to contain other scripts like .ts, .less, .sass,
  * set the loaders in ./webpack.base.conf.js
  * after import assets it will be contained in tidory.bundle.js