Tag: pug

我如何在Jade中创build一个可重用的标记: 我正在努力完成的。我想要做的事情其实很简单，Jade模板引擎应该能够帮助我很多，但是我遇到了一些麻烦。我build立了一个网站，使用了很多像这个jsFiddle中的半透明元素： http : //jsfiddle.net/Chevex/UfKnM/ 为了使容器背景为半透明，但保持文本不透明，这涉及3个元素：容器DIV的position: relative 一个position: absolute ，背景颜色，高度/宽度设置为100％，并将其不透明度设置为所需级别的子DIV。另一个孩子DIV的内容没有特殊定位。这很简单，我在CodeTunnel.com上相当有效地使用它。我想如何简化它。我在node.js中重写了CodeTunnel.com，而Jade模板引擎似乎可以大大简化这段重复使用的标记。翡翠mixins看起来很有希望，所以这就是我所做的：我定义了一个mixin，所以我可以在需要的时候使用它。 mixin container .container(id=attributes.id) // attributes is an implicit argument that contains any attributes passed in. .translucentFrame .contentFrame block // block is an implicit argument that contains all content from the block passed into the mixin. 使用混合，传入一个内容块： +container#myContainer […]

把手中的“玉块”相当于: 车把与玉石块有相同的function吗？我知道它有局限性，但是我不明白如何用部分模型来模仿玉石的function。下面是我想用玉来完成的一个例子：主模板： // layout.jade doctype 5 html head title= title link(rel='stylesheet', href='/stylesheets/style.css') block head body header block header block content footer block footer block scripts 其他模板： // camera.jade extends layout block head link(rel='stylesheet', href='/stylesheets/camera.css') block header h1 Camera block content section#secScreen video#vdoScreen aside#asdControls nav a(href='/') Back a(href='') Refresh a(href='/gallery') Gallery block scripts script(src='/javascripts/camera.js') […]

在玉模板中显示Mongodb集合: 我在node.js和mongodb中是新的。我设置了一个名为“文章”的mongodb集合。我想在玉模板中显示这个集合的所有文章。我用这个代码： server.js： articles: db.article.find() index.jade： -for article in articles .row .twelve.columns .panel li= article.text 玉是非常基本的，但会改变。事实是，当我运行这个代码时，玉模板中的列表是空的，没有任何显示。看起来variables'articles'是空的。有谁知道我怎么能做到这一点？谢谢

玉的布局inheritance: 如果你不知道玉是什么我有模板inheritance系统的问题。我的文件结构是这样的 /views/ |– layout.jade /products/ |– index.jade |– product.jade /static/ /stylesheets/ |– style.css 问题是，当加载产品页面接收一个ID作为参数（本地主机：3000 /产品/：ID如果不是为/ ID它会加载就好了），虽然布局仍然正确扩展它不正确加载样式表（path被打破）。我做了一半的权利，虽然在产品的索引页面样式表加载得很好。 Layout.jade head link(rel='stylesheet', href='stylesheets/style.css')

Jade模板引擎，将HTML呈现为文本: 我有一个.jade文件中的这段代码： each item in items li= item.name + " " + item.inStock + " <a href='/item/"+item.uniqueId+"'>buy now!</a>" 这是呈现的是： Of Mice and Men 1000 <a href='/item/1'>buy now!</a> […] 正如你所看到的那样， <a href='/item/1'>buy now!</a>不是以HTML的forms呈现，而是以纯文本forms呈现。有没有办法把它呈现为HTML，以便它创build一个链接？谢谢！

如何使Jade模板自动压缩内联JavaScript？: 当我检查HTML页面的源代码时，HTML标签和文本内容被压缩而没有空白和行，但内联的JavaScript。

翡翠可以轮stream吗？: 正如标题所示，我正在寻找一种在翡翠中四处游走的方法。我有一个如下所示的variables： 9.039444444444445 。可以输出这个数字： 9 ？在此先感谢所有支持我的人。

node.js玉 – 如何设置玉的内容types: 我有一个在返回的MIMEtypes不同的视图。如何在头部设置内容types？这是我想要做的 !!! html head title #{site.title} – #{site.version} link(rel='stylesheet', href='/stylesheets/style.css') script(type='text/javascript', src='/javascripts/jquery-1.5.1.min.js') content-type #{mimetype} body!= body

手表是否适合翡翠？: 我想观看我的玉文件并编译它们，但似乎不起作用 jade client/jade –watch –out public 当我改变client/jade/draft.jade它不重新编译。我看到一个post，说这不适用于目录？它还没有修好吗？有什么解决办法吗？我必须手动观看所有文件吗？ https://groups.google.com/d/msg/jadejs/p_slRuISjVg/lL_uxgD6uB0J