Question

我正在使用DocPad为我的博客生成静态内容。最近，我一直在写关于AngularJS的博客。

我似乎对DocPad如何为img等某些代码生成属性存在问题，尤其是对于两个用例。

首先，我想演示如何在图像中使用ng-src标记而不是src标记。我通过在页面加载上显示404错误来证明这一点。所以我在markdown文件中有以下HTML

    <td><img src="{{album.image}}" alt="{{album.album}} Cover Image" ></td>

来证明这一点。但是，在DocPad处理期间，它会预先设置本地目录以创建

    <td><img src="/2014/01/angularjs-lou-reed/{{album.image}}" alt="{{album.album}} Cover Image" ></td>

当AngularJS引擎处理页面时，我在图像上出现404错误。

第二个问题是我使用ng-src属性。在处理过程中，我猜测，由于缺少图像标记的src属性，它会在生成的HTML中添加src属性。

所以HTML

    <td><img ng-src="{{album.image}}" alt="{{album.album}} Cover Image"></td>

生成

    <td><img ng-src="{{album.image}}" alt="{{album.album}} Cover Image"  src="/2014/01/angularjs-lou-reed/undefined"></td>

我对DocPad很新，使用NodeJS是绿色的。任何想法在哪里解决这个问题？我想我想要做的是，如果某些属性包含{{ }}的AngularJS，则跳过正常处理。

您可以在

中看到生成的页面