Articles of pug

节点JS将variables传递给Jade / Pug

出于某种原因,我不能通过节点JS传递一个variables到帕格模板。 app.get("/", function (req, res) { res.render('index', { hello : 'Hey'} ) }) …. extends layout.pug block content h1 #{hello} guy 这只是返回index.html文件中的“家伙”

我如何在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'是空的。 有谁知道我怎么能做到这一点? 谢谢

如何debugging从玉打印对象

如何debugging从jade打印对象,如javascript中的console.log()

玉的布局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