0

结构做一个项目是我使用车把，并具有如图所示的结构。

在 index.hbs 和 albums.hbs 上，我使用了一个部分，我用 style.css 设置了样式，链接到 layout.hbs（代码如下）。

    <html lang="en">
      <head>
        <meta charset="UTF-8" />
        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        <title>Document</title>
        <link
          href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css"
          rel="stylesheet"
          integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC"
          crossorigin="anonymous"
        />
        <link rel="stylesheet" href="styles/style.css" />
      </head>
      <body>
        <nav class="navbar">
          <a class="navbar-brand" href="/">Homepage</a>
        </nav>
        {{{body}}}
      </body>
    </html>

但是，我的样式被应用于 index.hbs 而不是 album.hbs 我不明白为什么...... css 文件应该正确链接到 layout.hbs 因为它被应用于其中一个文件。

这是 app.js 上的代码

    app.set("view engine", "hbs");
    app.set("views", path.join(__dirname + "/views"));
    app.use(express.static(path.join(__dirname, "/public")));
    hbs.registerPartials(__dirname + "/views/partials");
4

0 回答 0