在Pug 2.0.3中使用本地图像

时间:2018-07-19 02:38:48

标签: pug

我具有以下文件夹结构:

-project  
  -images  
    -logo.png  
  -views  
    -layout.pug

在layout.pug文件中,我试图引用在project/images/logo.png处找到的图像,但是我使用相对路径的尝试失败了。

img(src="project/images/logo.png" alt="Project Logo")
img(src="../images/logo.png" alt="Project Logo")
img(src="./images/logo.png" alt="Project Logo")
img(src="/images/logo.png" alt="Project Logo")

这是我使用pug的第一个项目,但是我想我需要告诉pug以某种方式要求图像,我只是不知道如何。如何在哈巴狗模板中使用本地图像?要执行此操作是否需要其他软件?

1 个答案:

答案 0 :(得分:1)

我忘记了使用express提供静态内容。通过将images文件夹放到我的公共文件夹中并提供该公共文件夹来解决这个问题。 在app.js文件中,我添加了

express.use('public');