基本DocPad:变量和第一个错误

时间:2016-05-10 14:46:09

标签: html coffeescript docpad eco

我不明白:某些关键字似乎是为DocPad保留的,例如@document,哪些字让我使用自定义数据值?

e.g。我正在使用

<%= data.hostimagesurl %>

但我见过

<%= page.hostimagesurl %>

<%= site.hostimagesurl %> 

也在使用中,我可以制作这些吗?我必须使用某些值吗?

我不明白我在哪里可以发现陷阱,是否允许使用连字符和下划线?

我想象这就像把手一样,我定义了标签输入值,它只是起作用 - 这种思维方式是否正确?

我也很困惑为什么我的DocPad布局不起作用。我刚收到错误

error: Something went wrong while rendering: /Users/***/my-new-website/src/render/index.html
The error follows:

ReferenceError: document is not defined
  at Object.eval (<anonymous>:55:29)
  at Object.eval (<anonymous>:67:8)
  at eval (<anonymous>:69:6)
  at Function.eco.render (/Users/***/my-new-website/node_modules/eco/lib/index.js:26:25)
  at EcoPlugin.render (/Users/***/my-new-website/node_modules/docpad-plugin-eco/out/eco.plugin.js:23:32)
  at ambi (/Users/***/my-new-website/node_modules/event-emitter-grouped/node_modules/ambi/out/lib/ambi.js:57:27)
  at Task.<anonymous> (/Users/***/my-new-website/node_modules/event-emitter-grouped/out/lib/event-emitter-grouped.js:45:23)
  at ambi (/Users/***/my-new-website/node_modules/ambi/es5/lib/ambi.js:98:14)
  at Domain.fireMethod (/Users/***/my-new-website/node_modules/taskgroup/out/lib/taskgroup.js:397:23)
  at Domain.run (domain.js:228:14)
  at Task.fire (/Users/***/my-new-website/node_modules/taskgroup/out/lib/taskgroup.js:435:27)
  at Immediate._onImmediate (/Users/***/my-new-website/node_modules/taskgroup/out/lib/taskgroup.js:452:26)
  at processImmediate [as _immediateCallback] (timers.js:383:17)

我能看到的第一个错误发生在这一行:

background-image:url(<%= data.hostimagesurl %>bg.gif);

<body style="padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;min-width:100%; color:#353535; background-color:#f9f9f9; background-image:url(<%= data.hostimagesurl %>bg.gif); background-repeat: repeat; background-position:center top; font-family: Helvetica, sans-serif; font-size:13px; margin: 0; padding: 0;" yahoo="fix" bgcolor="#f9f9f9">

我的渲染index.html文件如下所示:

---
title: "Welcome!"
layout: "default"
isPage: true

hostimagesurl: "http://www.googel.com/" 

---

<p>Testing 1</p>

我到底在做什么?

2 个答案:

答案 0 :(得分:0)

@document

只是

的CoffeeScript(和eco)特殊语法
this.document

变量site可以在docpad.coffee文件中定义,请参阅http://docpad.org/docs/begin并搜索docpadConfig

我仍然在学习,无法告诉你有关page.whatever代码的信息,但它们通常用于循环内部,其中变量在for循环代码中命名。

答案 1 :(得分:0)

在您的示例中,您在引用当前文档时忘记了@符号时出现了经典的DocPad错误:@document已定义但document不是{\ n}

同样,要访问hostimagesurl,您需要致电@document.hostimagesurl

默认情况下,会将两个对象传递给DocPad模板/页面/布局。 docpad.coffee文件和当前文档对象中定义的templateData属性。这些对象是模板this上下文的属性。在templateData的情况下,其每个属性都是this上下文的成员,而文档本身是this的属性。

在CoffeeScript和基于CoffeeScript的模板系统中,this符号表示ECO,@

这意味着您在ECO模板中使用@document访问当前文档。您还可以访问docpad.coffee文件中定义的@site.url@getPreparedTitle()作为templateData的一部分。

在doc的元数据部分中定义的属性(在---之间)可用作文档对象的属性。

在循环收集集合时,人们通常会创建page之类的变量。这些本地变量不需要this上下文。通常是这样的:

<%pages = @getCollection('pages').toJSON()%>
<ul>
    <%for page in pages:%>
        <li>
            <a href="<%-page.hostimagesurl%>"><%-page.title%></a>
        </li>
    <%end%>
</ul>