html - 图片不显示 img src

Question

图片：-root_folder\views\img\home_bg.jpg

哈巴狗文件：- root_folder\views\index.pug

css 文件：- root_folder\views\assets\css\style.css

文件目录

我正在尝试使用 NodeJS 创建简单的网站，我不知道哈巴狗编码，但我使用 html 到哈巴狗转换器来创建一个哈巴狗文件。

这是我的带有 img 标签和路径的“内容”容器的 html 代码

      <div class="content">
        <img src="/views/img/home_bg.jpg" alt="">
      </div>

这是我的哈巴狗代码： -

      .content
         img(src='../../Project 1/views/img/home_bg.jpg' alt='')

这是我使用哈巴狗的输出：-

哈巴狗结果

这是我使用 html 的输出：-

我使用 html 得到的结果

哈巴狗模板中的有效路径是什么？请指教？

标签： htmlcssnode.jspug

Answer 1

您是否尝试过删除一个../，或者在 html 中放置相同的 src 链接，我看到图像没有加载，所以这只是假设 src 链接可能不起作用。

/views/img/home_bg.jpg

 .content
         img(src='../Project 1/views/img/home_bg.jpg' alt='')

也许这会有所帮助。