一 使用include引入模板，模板中的css，js可以正常加载，但是如果想在当前页面再引入css,js文件页面就会报错，目前还不知道怎么解决
demo01.jade
head.jade
footer.jade
demo01.jade生成的html
二是用extends引入模板
index页面
page6.jade
下面是生成的html页面
这样引入既可以把相同的css和js写到一个模板里面多次使用，同时也可以在引用模板的index.jade页面再引入单个的css和js，并可以直接写内部样式和js逻辑。值得注意的是，模板page06.jade中引入的js要放到block append scripts上面，如果放到下面渲染出来的页面公用js会在又引入的js文件下面（就会出现你虽然引入jquery了，但是你index.jade模板中使用$依然报错）。
另外，index.jade页面的block append scripts(这个scripts是个名字，随便命名)，是模板中引入的js放到index.jade页面引入js的前面，还有一种block prepend scripts的写法，模板中引入的js放到index.jade页面引入的js后面（不推荐使用）。
温馨提示：jade语法对缩进要求非常严格，所以父级和子级的缩进是两个字符，缩进有问题会报错吆
Jade有两点是超出传统模板技术的。第一、简洁。
注意，简洁并非单指更少的符号，而是看是否能match你的需要。Jade强制的缩进格式能凸显html的结构，而对于前端来说，最重要的任务恰恰是处理结构，而不像一般的html author那样是处理内容。反过来说，假如你的主要任务是处理内容，比如写作blog之类的，那你应该用wiki或者markdown之类的，而不应该用Jade。
第二、html-aware
传统模板技术其实是通用模板，即模板引擎并不care你输出的是html还是其他格式的文本。而Jade专为HTML设计，因此可以做许多传统模板做不到的专门针对html的优化。举个几个简单的例子：
1. 决定如何输出属性（当属性赋值为null/false时不输出属性，为true时只需属性不需要值，这在传统模板里写起来很麻烦、代码难看易出错）
2. 自动产生well-formed结构（甚至可决定是否要输出结束标签，而传统模板理论上也做不到这点，除非引入额外的html parse或tidy）
3. 换行处理，避免产生额外的空白节点
4. 对输出的变量自动进行特殊字符的encode
当然，这些ejs或传统模板也有能实现的，但是用起来感觉都很挫。
实际上，Jade在这方面其实做得还不够好（我打算顺着这个思路做个开源的项目），但是比那些传统模板还是要优雅多了。
