诸暨城乡与建设局网站,软件开发专业的大学,公司建设网站的目的,wordpress在线教育主题购买标签按照html的缩进格式doctype htmlhtmlheadtitlebody编译结果#xff1a;文本p 这是文本| 这是文本p.这是文本编译结果#xff1a;这是文本这是文本这是文本属性设置class名跟id名(默认是div)p.foop#foop#foo.foo.foo#foo编译结果#xff1a;其他属性#xff1a;a(href文本p 这是文本| 这是文本p.这是文本编译结果这是文本这是文本这是文本属性设置class名跟id名(默认是div)p.foop#foop#foo.foo.foo#foo编译结果其他属性a(hrefgoogle.com) google- var foo truep(classfoo ? authed : anon)input(typecheckboxnameagreementchecked)div(data-barfoo)attributes({data-foo: bar})- var attr {}- attr.class bazdiv(data-barfoo)attributes(attr)编译结果google注释// 行注释//- 编译后不会显示出来//块注释case语句- var num 3case numwhen 0p 这是0when 1- breakwhen 3p 这是#{num}编译结果这是3循环ul- var n 0while n 4li nul- for (var x 0; x 3; x)li itemol- var list [1,2,3,4,5,6]each item in listli item编译结果0123itemitemitem123456条件语句- var user {foo: this is foo}- var bar baz#userif user.fooh2.green foop.foo user.fooelse if barh2.blue foop.foo.User has no fooelseh2.red foop.foo user has no foounless user.isFoop 等同于if !user.Foo编译结果foothis is foo等同于if !user.Foomixin 创建重用的代码mixin listulli fooli barli bazlistlist编译以后foobar bazfoobar bazmixin支持传参mixin article(title).article.article-wrapperh3 titleif blockblockelsep NO content providedarticle(Hello worle)article(hello pug)p This is myp Amazing article编译结果Hello worleNO content providedhello pugThis is myAmazing article还有mixin link(href, name)a(class!attributes.class hrefhref) namelink(/foo, foo)(classbtn)编译结果foo未知参数mixin list(id, ...items)ul(idid)each item in itemsli itemlist(my-list,1,2,3,4)编译结果1234Extends 扩展允许模板来扩展一个布局或父模板它可以覆盖某些预定义内容块。//- index.pugextends layout.pugblock titletitle Article Titleblock contenth1 My Article//- layout.pugdoctype htmlhtmlheadblock titletitle Default titlebodyblock content编译结果Article TitleMy ArticleIncludes允许将一个pug文件的内容插入到另一个文件。在要插入的位置include 文件地址//- index.pugdoctype htmlhtmlinclude includes/head.pugbodyh1 My Sitep Welcome to my super lame site.include includes/foot.pug//- includes/head.pugheadtitle My Sitescript(src/javascripts/jquery.js)script(src/javascripts/app.js)//- includes/foot.pugfooter#footerp Copyright (c) foobar编译结果My SiteMy SiteWelcome to my super lame site.Copyright (c) foobar
