在 Stylus 和 Node.js 和 Express 中使用本地图像是否可行？

Question

情况如下：我想在我的 Web 应用中使用图像，在我的 Stylus 文件 (style.styl) 中，我可以使用以下代码来设置图像：

.background
    background: url(http://path/to/image)

但是，是否可以将图像保存到我的本地应用目录中，并在目录中使用它？

我的目录结构如下：

app.js
package.json
public
    css
        style.styl
    js
    images
        image.png
views
routes

我想使用 style.styl 文件中的图像，然后当有人访问我应用中的特定路由时，它会在我的应用中解析和使用。

但是，下面的代码根本不起作用：

.background
    background: url(../images/image.png)

以下代码也不起作用

.background
    background: url(./public/images/image.png)

那么，如何在本地目录中的应用中使用图像？

我收到了this page，但我根本无法理解那里的所有内容。特别是，我应该在页面的哪里写代码？看起来它不是用style.styl 编写的，据我所知，它只是一个手写笔文件，而不是 JavaScript 文件。另外，回调函数中应该写什么？

当我在app.js 中编写上述代码时，我得到了一个错误：str is not defined，因为stylus(str) 暗示我定义了一个str 对象，而我没有。所以我完全不确定它的作用......

我在./public/css/ 目录中使用我的Stylus 文件，并在我的app.js 中写入app.use(require("stylus").middleware(path.join(__dirname, "public")));。另外，我使用 Express 3.5.1。

Answer 1

这可能会有所帮助（来自http://help.adobe.com/en_US/dreamweaver/cs/using/WScbb6b82af5544594822510a94ae8d65-7c44a.html - 请不要使用dreamweaver）：

链接路径分为三种：

Absolute paths (such as http://www.adobe.com/support/dreamweaver/contents.html).

Document-relative paths (such as dreamweaver/contents.html).

Site root–relative paths (such as /support/dreamweaver/contents.html). 

在 express.js 应用程序中，公共文件夹充当站点根目录。